HTML

2016年02月02日

YouTube埋め込み動画を再生後に、関連動画表示にならにようにする方法。

YouTube埋め込み動画を再生後に、関連動画表示にならにようにする方法。

例）
<iframe width="350" height="197" src="https://www.youtube.com/embed/glmHxEqUgEw?rel=0" frameborder="0" allowfullscreen>

というものの場合。

例）
<iframe width="350" height="197" src="https://www.youtube.com/embed/glmHxEqUgEw?rel=0" frameborder="0" allowfullscreen>

ラインを引いた部分を足す。

ランキング登録中です。応援よろしくお願いします☆

人気ブログランキングへ

タグ：: YouTube; 埋め込み動画; 再生後; 関連動画表示; 方法

mixiチェック

denneko521 at 12:06｜Permalink│Comments(0)│TrackBack(0)

2014年04月02日

ライブドアブログのサイドバーに画像リンクを入れる方法。

ライブドアブログのサイドバーに画像を入れる方法。

下記HTMLをフリーエリアに記述

＜a href="リンク先のURL" target="_blank"＞＜img src="挿入したい画像のURL" border="0" alt="jhv"＞＜/a＞

※挿入したい画像のURLは、一度ライブドアブログに画像登録して右クリックしてGETしてください。
因みに等ブログのおすすめの画像のサイズは165×68です。
画像はPhotoshopで作っていますが、無い人はペイントツールで作るといいと思います。

因みにペイントツールは最近のWindowsPCならば、
「全てのプログラム」　→　「アクセサリ」　→　「ペイント」
にあります。

因みに当ブログは画像下にテキストを入れてます。
下記のような記述になります。

＜a href="リンク先のURL" target="_blank"＞＜img src="挿入したい画像のURL" border="0" alt="jhv"＞＜/a＞
＜br＞
＜font size="1（文字サイズ）" color="#ff0000（文字色）"＞挿入したい文字＜/font＞

文字色はこちらのサイトでコード見れます。

このブログのコードは＜＞←この記号が全角なので半角になおして使用してくださいね！

タグ：: livedoor; blog; ライブドア; ブログ; サイドバー; 画像; 挿入; リンク

mixiチェック

denneko521 at 16:55｜Permalink│Comments(0)│TrackBack(0)

2013年01月18日

ＷＥＢ作成で外部スタイルシート画像へのリンク方法

ＷＥＢ作成の外部スタイルシート画像へのリンク方法。

たまに記述ミスをするｗのでここに備忘録として書いておきます。

WEB作成でHTMLで画像にリンクを貼る場合は下記のようになります。

【HTML】
＜ａ　ｈｒｅｆ＝”リンク先”＞画像＜/a＞

スタイルシートでの画像リンク方法

【HTML】
＜ｄｉｖ　ｉｄ＝”任意の名前”＞＜a href="リンク先"＞飛ばしテキスト（※これはなくてもいい）＜／ａ＞＜／div＞

【CSS】
＃任意の名前　a｛
　ｔｅｘｔ－ｉｎｄｅｎｔ：－９９９９ｐｘ；
　ｂａｃｋｇｒｏｕｄ：ｕｒｌ（”画像”）；
　ｗｉｄｔｈ：画像の幅；
　ｈｅｉｇｈｔ：画像の高さ；
　ｄｉｓｐｌａｙ：ｂｌｏｃｋ；　　　
　ｂａｃｋｇｒｏｕｎｄ－ｒｅｐｅａｔ：ｎｏ－ｒｅｐｅａｔ；　　　　　　　　　
｝

名前横の「a」をよく書き忘れるので気を付けるようにしよう・・・・自分ｗｗ

タグ：: CSS; HTML; 画像; リンク; スタイルシート; web; a

mixiチェック

denneko521 at 15:38｜Permalink│Comments(0)

2012年12月10日

ホームページ作りで背景がうまく設定できないときは…

HTMLで記述する際に背景がうまく下まで設定されないことがある。
これを回避するために「overflow:auto;」っていうのを入れるとうまくいく。
個人的備忘録としてここに記します。

#main{
margin-left:auto; /* 左側マージンを自動的に空ける */
margin-right:auto; /* 右側マージンを自動的に空ける */
text-align:left; /* 中身を左側表示に戻す */
width:880px; /* 幅を決定する */
background-image:url(../images/parts/○○○.gif);
color: #FFF;
font-size: 12px;
font-family: "ＭＳゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-weight: bold;
height:100%;
overflow:auto;
}