でん⚡きかいでんのブログ

電子工作、ミシン、ペンタブレット、で使える、アイデア・材料・道具の紹介。PCデータのわかりやすいバックアップ方法。こだわり系テンキーレス有線キーボードの使用感レビューなど。

正当なCSSです! クリエイティブ・コモンズ・ライセンス表示

2013.08.28 [水]

webページの小さいアイコンを表示させる方法

 ブログやホームページなどの、
 いわゆるウェブページのタイトルの左側に小さなアイコンが付いてますよね。

ファビコン説明用001


 これ、ファビコンっていう名前なんです。

 自分も作りました。


【手順】

1.ファビコン用の画像ファイルを作ります。(icoファイル)
 (作った画像を自分のブログやHPへアップロードします。)


2.HTMLに1行書き込みます。<head> ~ </head>間に。

 <link rel="shortcut icon" href="https://xxxxxxxx/favicon.ico" type="image/vnd.microsoft.icon" />


※フルパスじゃなくても可能。
  UPするファイル名はfaviconでなくても構わない。




 これだけです。

 簡単でした。


 ▼▼ 続きを読む ▼▼ 

2013.02.17 [日]

ブログ定規とブラウザフォント

 ブログのテンプレートを変更した時など、

「横幅はなんpxまで使えるんだろう?」

 と思ったことは数知れず。

 「CSS見ればいいじゃん。」

 って思う方もおられるだろうけれども、ここはあえて簡易にひと目で分かる方法を取りたい。

 というわけで簡易定規を作ってみたわけです。


<ブログ用簡易定規> 略して”ブログ定規”
簡易定規02
※わざと右に飛び出させてます。だいたい何pxの画像が使えるかコレでわかりますよね。

 このブログで現在使用しているテンプレートだと、500pxでギリギリ、480pxくらいまでにしておくといい感じでしょうね。
 ってわかりますよね。

 この画像、

「右クリック→名前をつけて画像を保存」で持ち帰りOKっす。

 ご自分のブログで使用されても全然OKっす。


 ▼▼ 続きを読む ▼▼ 

« NEW  | HOME |