• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

雅号:5のブログ一覧

2015年10月31日 イイね!

You Tube の貼り付け

You Tube の貼り付け





You Tube の貼り付けは

width='560' height='315'  を

width='580' height='326' allowscriptaccess='always' allowfullscreen='true'

に書き換えると良いです。height は元画面に合わせた数値にします。

画面がブログ幅まで広がり、フルスクリーンモードも機能します。
Posted at 2015/10/31 00:09:02 | コメント(0) | トラックバック(0) | スタイルシート | パソコン/インターネット
2014年02月19日 イイね!

コンテンツにヘッダーを入れました ↑

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">

まず、幅620pxの画像を用意します(高さは適当)。
その画像を「スタイル用画像」に保存します。

スタイルシート→詳細編集→共通コンテンツ→コンテンツ表示上部 div.contentsHeader で、

background:url(画像のURL) no-repeat bottom left;

height:4px; → height:画像の高さpx;

に変更で、できました。

BGM
The Rascals , ' Right On '
Posted at 2014/02/19 19:42:31 | コメント(1) | トラックバック(0) | スタイルシート | パソコン/インターネット
2014年02月17日 イイね!

昔のフッターを追加してみました

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">

まず、幅930pxの画像を用意します(高さは適当)。
その画像を「スタイル用画像」に保存します。

スタイルシート→詳細編集→共通コンテンツ→コンテンツ表示下部 div.contentsFooter で、

margin:0 0 10px 0; → margin:10px 0 10px 0; 

background:url(画像のURL) no-repeat top center;

height:4px; → height:画像の高さpx;

width:620px; → width:930px; 

に変更で、できました。

(サイドメニューに被せたくなければ、画像幅620px、width:620px のままで)

コンテンツごとにフッターが入り、綺麗とは言えませんが(汗)。

BGM
Van Morrison , 'Snow in San Anselmo'
Posted at 2014/02/17 22:29:53 | コメント(0) | トラックバック(0) | スタイルシート | パソコン/インターネット
2014年02月16日 イイね!

昔のヘッダーを追加してみました

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">

まず、幅930px×高さ250px の画像を用意します。
プロフィールページでは全部見えますが、
ブログ等では右3分の1(幅310px)が広告に隠れ、
表示される幅は、620px なので、
それを考慮して画像を作成します。
その画像を「スタイル用画像」に保存します。

スタイルシート→詳細編集→タブ→一番上の「タブ」 ul#MainNav で、

height:42px; → height:250px; に変更

background-image:url('画像のURL'); を追加

で、できました。

Impact! さんからアイディアをいただきました。ありがとうございます。

BGM
Van Morrison , 'Warm Love'
Posted at 2014/02/16 11:24:46 | コメント(0) | トラックバック(0) | スタイルシート | パソコン/インターネット
2014年02月12日 イイね!

文字を装飾する

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">

「文字種;文字サイズ;太字;斜体;下線・打ち消し線;文字色;背景色;枠線の場所・太さ・種類・色」を装飾してみた。

文字種;文字サイズ;太字;斜体;下線・打ち消し線;文字色;背景色;枠線の場所・太さ・種類・色

これは以下のように入力している。
ただし、「<」と「>」は本来は半角であることに注意。

<span style="font-family:MS Pゴシック; font-size:26px; font-weight:bold; font-style:italic; text-decoration:underline line-through; color:#dc143c; background:#add1f5; border-bottom: 6px solid #ff0;">文字種;文字サイズ;太字;斜体;下線・打ち消し線;文字色;背景色;枠線の場所・太さ・種類・色</span>

以下は単独だが、セットは上のように、
セミコロン「;」で区切ることで、いくつでも続けて並べることができる。

文字種
<span style="font-family:MS Pゴシック">文字種</span>

文字サイズ
<span style="font-size:26px">文字サイズ</span>

太字
<span style="font-weight:bold">太字</span>

斜体(イタリック)
<span style="font-style:italic">斜体(イタリック)</span>

下線
<span style="text-decoration:underline">下線</span>

打ち消し線
<span style="text-decoration:line-through">打ち消し線</span>

文字色
<span style="color:#dc143c">文字色</span>

背景色
<span style="background:#add1f5">背景色</span>

枠線の場所・太さ・種類・色
<span style="border: 3px solid #ff0">枠線の場所・太さ・種類・色</span>

二重下線(実は枠線)
<span style="border-bottom: 3px double #dc143c">二重下線(実は枠線)</span>

以下は、非推奨タグ

フォントの種類・大きさ・色
<font face="MS Pゴシック" size="3" color="#dc143c">フォントの種類・大きさ・色</font>

太字
<b>太字</b>

斜体(イタリック)
<i>斜体(イタリック)</i>

下線(アンダーライン)
<u>下線(アンダーライン)</u>

打ち消し線
<s>打ち消し線</s>

BGM
Three Dog Night, 'An Old Fashioned Love Song'
Posted at 2014/02/12 20:00:03 | コメント(0) | トラックバック(0) | スタイルシート | パソコン/インターネット

プロフィール

北海道道の駅 2001年~2024年まで、24年連続全駅完全制覇中 ポルシェ996ターボSカブリオレ 十勝スピードウェイ(2017/10/08) C...
みんカラ新規会員登録

ユーザー内検索

<< 2025/7 >>

  12345
6789101112
13141516171819
20212223242526
2728293031  

愛車一覧

ダイハツ アトレー ダイハツ アトレー
アルトワークスが宝の持ち腐れとなったので、「日常の足」兼「災害時の避難用」として入手。 ...
スマート フォーツー カブリオ スマート フォーツー カブリオ
SLKより新しく、5ナンバーサイズで、後輪駆動の、2人乗りオープンカー 三菱アイにとても ...
メルセデス・ベンツ SLK メルセデス・ベンツ SLK
ポルシェでのサーキット走行を引退し、 一般路走行用に購入した初のメルセデス。 8台目のオ ...
スズキ アルトワークス スズキ アルトワークス
三菱アイに代わり、アルトワークス4WD・5MT。 2000年12月以来、15年振りに復活 ...
ヘルプ利用規約サイトマップ
© LY Corporation