ブログパーツ
≪前PREV次NEXT≫

ブログカスタマイズ

固定メニューとドロップダウンメニュー / カテ別一覧&全記事リストをわける / ① 同じページ内にリンクする / 追記【続きを読む】を同一ページに表示させる / 続きを読む / ページナビ(番号)を挿入する / 全記事一覧 / カテゴリー別一覧 / 複数ブログのエントリータイトルを一覧で表示する  / ヘッダーの下にサブタイトルを追加する / サイドメニュータイトル画像 / 背景画像を固定する / 分析をする / 人気記事ランキング外部  ② 色に統一感を持たせる / 個別記事のサイドメニューの調整 / ブログ下に「TOP」に上にぶように設定 / 上部にも下部にも次ページナビ / スクロールの色を変える(ブログ内も) / 「・」をハート画像に / 表示されている記事がすぐにわかるように上に一覧設置 / ヘッダーの透過


HTML (エイチティーエムエル、HyperText Markup Language)
   ・ウェブページを作成するために開発された言語。
   ・インターネット上で公開されてるウェブページのほとんどは、HTMLで作成されている。
文書情報・構造
   ・!DOCTYPE ⇒ ドキュメントタイプを宣言する
   ・HTML   ⇒ HTML文書であることを宣言する
   ・HEAD   ⇒ 文書のヘッダ情報を表す
   ・META   ⇒ その文書に関する情報(メタ情報)を指定する
   ・TITLE   ⇒ 文書にタイトルをつける
   ・BODY   ⇒ 文書の本体を表す
   ・H1~H6  ⇒ 見出しを付ける
   ・P     ⇒ ひとつの段落(パラグラフ)であることを表す
範囲指定
   ・DIV   ⇒ ひとかたまりの範囲として定義する(ブロック要素)
   ・SPAN   ⇒ ひとかたまりの範囲として定義する(インライン要素)


スタイルシートとCSS (Cascading Style Sheets、カスケーディング・スタイル・シート)
   ・ウェブページのスタイルを指定するための言語
   ・ワープロソフトなどで作成される文書も含めて
      文書のスタイルを指定する技術全般をスタイルシートという。

ウェブサイト 
テンプレート
Free background to Blogger

素材
All-free-download.com
Vector4Free.com
桜のハート
オシャレなハート画像集
自然のハートマーク

色サイト
色サイト
Web配色パターン
Color-Sample.com 色見本 -マロン・グラッセ
ウェブ配色ツール
Webサイトで使われている色
Background Maker
Hex Color Code Chart & Generator
おおまかな色確認
ピンク系色々



色・カラー 
ピンク系
    ピ#FC9493  合う白 ⇒ 白#F6F5F3 白#FFFFFF
    桜#fedaec  珊瑚#fd879f  
マイブログカラー
   灰#666  緑DFFECE   紫#FF3399 
   字FF6666 濃ピ#B24747  #FED9D9 #FEB3B3
   通常時リンクカラー #FF6666;
   訪問済みリンクカラー #999999; text-decoration: none; /*下線無し*/
   マウスを上に重ねた時リンクカラー */#33FF99;
   クリックした時リンクカラー #FFCC00;

カラーチャート
colorchart2.jpg


テキスト 
   text-align: right;
   ・EM     ⇒ 強調する
   ・STRONG   ⇒ 強調する


タイトル画像 
   ・img src="http://~~~"  align=absmiddle /

   background-image: url(http~~~.gif);
   background-repeat: no-repeat;
   background-position: left center;


ライン 
   solid (実線)double (二重の線)groove (谷型の線)ridge (山型の線)
   inset (凹型の線)outset (凸型の線)dotted (点線)dashed (破線)

   border-top:1px solid #FF0066;
   border-right:4px double #FF0066;
   border-bottom: 1px dotted #FF6699;
   BORDER-TOP: #FF6699 2px solid;/* 枠の上側 */

   border-bottom : 2px dotted #FF0066 ;
   border-left : 10px ridge #FF0066 ;


余白 
   margin ボックスの外側の余白
   padding  ボックスの内側の余白

   margin-top: 値
   margin-right: 値
   margin-bottom: 値
   margin-left: 値
   padding-top: 値

   margin: 値 (上、右、下、左すべて同数値になる)
   margin: 上px 右px 下px 左px(それぞれ指定、px以外の値でも良い)
   padding:1px 0px 1px 1px;  /* 内側[上 右 下 左]の余白 */
   margin :1px 18px 2px 2px; /* 外側[上 右 下 左]の余白 */