みんカラ スタイルシートのカスタマイズ INDEX | ||||||||||||
| ||||||||||||
body | ページの基本/ページBody body・ユーザー領域div#MinkaraBody | TOP | ||||||||||
手順 | スタイルシートをカスタマイズする際の、基本的な手順 (スタイルシート用画像のアップロードはこちら) | |||||||||||
フォント① | 書体の指定いろいろ(フォント) 指定する際の注意点 | |||||||||||
フォント② | 字間(文字間隔)の指定方法 | |||||||||||
フォント③ | 行間隔(改行幅)の指定方法 文字の大きさ見本はこちら | |||||||||||
リンク | リンクを設定する際の優先順位と注意点 リンク設定の基本実例 カーソルが上に来た時のアクションの色々 | |||||||||||
背景 ① | 背景画像の指定 IE/Firefox対応 | |||||||||||
背景 ② | 背景画像の固定指定 IE/Firefox対応 | |||||||||||
背景 ③ | 見やすい背景画像の使い方 / 余白の設定と修正(マージン) | |||||||||||
背景 ④ | スタイルシート …背景に画像を使用する場合 | |||||||||||
背景 ⑤ | 背景画像の指定と固定&固定されない理由 | |||||||||||
マージン | わかり難いマージンとパディングを、図入りで解説 | |||||||||||
word-break | 文字の折り返しとレイアウト崩れ(IE/Firefox) IE独自の仕様であるword-breakの用法と注意点 | |||||||||||
display:block overflow:hidden | 挿入されるdisplay:blockとoverflow:hiddenについての説明 | |||||||||||
Header | ページの基本/ヘッダー領域 div#BodyBlockHeader | TOP | ||||||||||
表示位置 | ヘッダー画像と、タイトルの表示位置指定 | |||||||||||
背景① | ヘッダー画像の指定の方法 | |||||||||||
背景② | CGIを使い、アクセスする度にヘッダー画像をランダムに切り替える | |||||||||||
タイトル① | ヘッダータイトルの表示位置を指定する方法 | |||||||||||
タイトル② | ヘッダータイトルを動かす方法 | |||||||||||
リンク① | ヘッダー内にリンク領域を設定し、タイトルバナー風に表示 | |||||||||||
リンク② | ①を利用して、ロールオーバー風に表示 | |||||||||||
リンク③ | タイトルテキスト(リンク)の、表示・非表示 | |||||||||||
リンク④ | ヘッダー全体にリンク領域を設定 (ヘッダーをリンクボタンに) | |||||||||||
色とサイズ | ヘッダータイトル(ブログタイトル)の文字色と大きさを指定 | |||||||||||
コンテンツ | コンテンツ(共通)/コンテンツ領域 div#BodyBlockMain/div.contents | TOP | ||||||||||
アイコン① | アイコンを選ぶ際のヒント | |||||||||||
アイコン② | 各タイトル前にアイコンを表示させる際の注意点と、アイコン画像 | |||||||||||
装飾 ① | 画像を使わないタイトルの装飾 | |||||||||||
Blog | ブログ本文/div.blogMemo | TOP | ||||||||||
画像① | 記事内にて画像を表示させる方法と注意点 | |||||||||||
画像② | 画像を表示させた際の、文字の回りこみ指定と解除 | |||||||||||
画像③ | 文字の回り込み (補足)余白を設定し、文字がくっつくのを回避 | |||||||||||
引用文 | 引用文(BLOCKQUOTE)のスタイル設定 補足 | |||||||||||
引用文 | 引用文(BLOCKQUOTE)の補足説明と応用 htmlタグの場合はコチラ | |||||||||||
テキストの装飾 | ブログ内テキストの装飾(背景に色や画像を設定) | |||||||||||
ユーザー定義 | ブログ内ユーザー定義のセレクタの解説と設定の基本と使い方 | |||||||||||
ユーザー定義 | ブログ内ユーザー定義のセレクタの解説と設定の応用と使い方 | |||||||||||
Comment | TOP | |||||||||||
コメントする | 「コメントする」を枠線で囲み、ボタンのように表示する方法です。 | |||||||||||
サイドMenu | TOP | |||||||||||
リストマーク① | カテゴリーやリンクの前についているリストマークの種類と指定 | |||||||||||
リストマーク② | カテゴリーやリンクの前についているリストマークを画像で表示 | |||||||||||
Calender | TOP | |||||||||||
幅の修正 | やや間延びして見えるカレンダーの、表示幅や位置指定の仕方 | |||||||||||
Profile | TOP | |||||||||||
優先順位 | 反映されるスタイルシートの反映される優先順位」 | |||||||||||
文字色と背景色 | プロフィールページの文字色と背景色について | |||||||||||
TABLE要素 | TABLE指定の要素、border-collapseの説明 | |||||||||||
レイアウト | ひまわり日記でのプロフィールページのレイアウト説明 | |||||||||||
Tab | タブ ul#MainNav | TOP | ||||||||||
基本 | タブの基本と設定方法の説明 | |||||||||||
応用 | オンマウスで背景が変化(a:hoverを使ってのオンマウス効果) | |||||||||||
その他 | TOP | |||||||||||
word-break | 文字の折り返(IE/Firefox) IE独自の仕様であるword-breakの用法 | |||||||||||
アクセス解析① | 忍者アクセス解析の必要タグと、設定の仕方 | |||||||||||
アクセス解析② | 忍者アクセス解析の、具体的な表示位置とその設定方法 | |||||||||||
アクセス解析③ | ヘッダー画像を使いつつ、カウンターや解析を設置 | |||||||||||
なかのひと | なかのひとの必要タグと、設定の仕方 | |||||||||||
QLOOK | QLOOKアクセス解析の設置方法 | |||||||||||
その他① | 改行スペースが、スムーズにできない時の解消法 | |||||||||||
未分類① | ちょっとしたお願いとか提案① | |||||||||||
未分類② | 読めなかったり、読み難いフォント… 指定していませんか? | |||||||||||
旧スタイルとの違い | 旧スタイルシートとの違い…① | |||||||||||
TOP |
なおき@事務課の穴 課長 * | マイシュ * | ||
Big Foot ★ * |
Technical Shop GOTOU * |
||
レットプランニング * | かっちゃんIS * |