最新記事更新記録はこちら↓

お名前コムで独自ドメインが安い (06/17)

Firefoxのアドオンを停止する・Firefoxフリーズ対策 (06/14)

いずれレンタルサーバーへお引越しするかも知れない (06/10)

また、IEに問題発? (05/23)

iPhoneをスキャナとして利用できるライトスタンドがあるんだって (05/21)

リロードとスーパーリロードってどう違う? (05/17)

Google検索の上位サイトが専門家が書いた難しいページだらけになる日がくるかも (05/15)

歩行中のスマートフォンの利用を法律や条令で規制すべきか? (05/11)

ワードパットはどこにある? (05/08)

会社のWordが使いにくいと感じたらワードパットを使ってみよう (05/06)

IEって何?InternetExplorer?ブラウザって何? (05/02)

IE使っては駄目!国土安全保障省のコンピュータ緊急対応チームから (04/30)

黒いパソコンは重い? (04/27)

携帯電話の絵文字が共通化されるらしい (04/26)

シーサーブログの投稿記事の下に広告を自動表示させる (04/20)

Windows7、8、8.1のサポート期限 (04/13)

GoogleのAndroidOS用オフィスアプリQuickofficeでできること (04/12)

WindowsXPのサポートが終わってしまいましたがな (04/10)

Windows7のスタートメニューによく使うソフトやフォルダのショートカットを登録してみよう (04/08)

Windows7になったらタスクマネージャーはどうやって出す? (04/02)

WindowsXPにWindows Live メールをインストールしておくとWindows7・8への移行が楽らしい (03/27)

Windows7のスタートメニューにショートカットアイコンをおいて、ソフトの起動を簡単に (03/23)

WindowsPCのシャットダウン (03/21)

複数のテキストを比較する無料ソフト (03/14)

入力しにくい文字をローマ字入力する (03/13)

災害時インターネットは強い (03/11)

ノートパソコンのタッチパットをOFFにする方法 (03/09)

wordの自動箇条書きをOFFにしよう (03/07)

Windows7以降のWindowsOSに標準で付属している電卓が便利だ (03/04)

「半角/全角」キーを押すとひらがなの「ろ」が入力される (03/01)

総記事数:
Top Page > 『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズ

スポンサーサイト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 --.--.-- / コメント:: - / トラックバック:: - / PageTop↑


3カラムを2カラムにしてみる

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズ『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

  久しぶりに『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズしてみる。


 今回は、3カラムのテンプレートを2カラムにしてみたい。


 FC2ブログのテンプレート工房の方に、2カラムにする方法がちゃんと載ってるので、いまさらなんだけど・・・。

 右側をメニュー、左側を記事にしてみようと思う。


 割と簡単にできる。


 テンプレートのHTMLの編集

<!--▼▼ プラグイン カテゴリー1 ▼▼-->
<!--plugin-->

<!--/plugin-->
<!--▲▲ プラグイン カテゴリー1 ▲▲-->


を<!--▼▼ プラグイン カテゴリー2 ▼▼-->の上に移動する。


テンプレートのスタイルシートの編集

/******************************************* ▼ サイトの幅 ▼ */
#outline {
width:800px; /* 全体 */
margin:0 auto;
}
#center {
width:500px; /* 中央 */

float:right;
}
#left {
width:0px; /* 左 */
float:left;
}
#right {
width:217px; /* 右 */
float:right;
}
#center-left {
width:500px; /* 中央と同じ値を設定 */

float:left;
}
/******************************************* ▲ サイトの幅 ▲ */ 

 赤い字のところが、スタイルシートの変更点。


 #center { width:  px; /* 中央 */#center-left {width:  px; /* 中央と同じ値を設定 */のPxを同じ値に設定。

#left { width:0px; /* 左 */のPxを0に設定。

 中央と#right {  widthの数値の合計+αを#outline { width:   px; /* 全体 */のPx数に設定する。


オリジナルスタイルシート2カラムにしてみた

 と、上のようになった。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

スポンサーサイト

サイト内の記事へのタグリンク↓
無料 ブログ FC2 テンプレート カスタマイズ 2カラム 

FC2ブログ内同タグ へのリンク↓
無料 ブログ FC2 テンプレート カスタマイズ 2カラム

 2011.12.18 / コメント:: 0 / トラックバック:: 0 / PageTop↑


リンクの色を変えてみる

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズ『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズして、リンクの色を変えてみる。

  lightframe_pinkのオリジナルスタイルシートはこちら


lightframe_pinkのスタイルシートのリンクの文字の色を変えてみる

/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#FF69B4; text-decoration:none;}      /* 通常 */
a:active  {color:#FF69B4; text-decoration:none;}      /*実行中*/
a:visited {color:#FF69B4; text-decoration:none;}      /*訪問済*/
a:hover   {color:#FF1493; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

 

 変更するのは、赤い文字で記入した部分。

 a:link (通常のリンク)の下にアンダーラインを入れて、リンクの文字の色をブルーにしたのが下のスタイルシート。

body {
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#ffffff;                       /* 外側背景色 */
}
#outline {
background-color:#ffffff;                     /* サイト背景色 */
}


/******************************************* ▼ サイトの幅 ▼ */
#outline {
width:1000px;                                         /* 全体 */
margin:0 auto;
}
#center {
width:526px;                                          /* 中央 */
float:right;
}
#left {
width:217px;                                            /* 左 */
float:left;
}
#right {
width:217px;                                            /* 右 */
float:right;
}
#center-left {             /* 計算して設定してください ------ */
width:763px;               /* (全体-左-中央-右)/2 + 左 + 中央 */
float:left;
}
/******************************************* ▲ サイトの幅 ▲ */

 

/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#0000FF; text-decoration:underline;}      /* 通常 */
a:active  {color:#FF69B4; text-decoration:none;}      /*実行中*/
a:visited {color:#FF69B4; text-decoration:none;}      /*訪問済*/
a:hover   {color:#FF1493; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

 

/********************************************* ▼ ヘッダー ▼ */
#header_outline {
border:2px solid #FFF0F5;                     /* 外枠の色     */
margin-bottom:15px;                           /* ヘッダ下間隔 */
}
#header_body {
background-color:#FFC0CB;                     /* 背景色       */
border:1px solid #FFF0F5;                     /* 内枠の色     */
}
/********************************************* ▲ ヘッダー ▲ */

 

/*************************************** ▼ ブログタイトル ▼ */
h1 {
font-size:16pt;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:10px 30px;
}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#ffffff; text-decoration:none; } /* 通常 */
h1 a:active  { color:#ffffff; text-decoration:none; } /*実行中*/
h1 a:visited { color:#ffffff; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#FF1493; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */

 

/***************************************** ▼ サイト紹介文 ▼ */
.intro {
font-size:10pt;                                 /* 文字サイズ */
color:#ffffff;                                  /* 文字色     */
text-align:left;                                /* 左寄せ     */
margin:5px 30px 10px;
}
/***************************************** ▲ サイト紹介文 ▲ */

 

/************************************************* ▼ 記事 ▼ */
.ently_outline {
border:#FFF0F5 2px solid;               /* 外枠の色/太さ/実線 */
background-color:#FFFFFF;               /* 背景色             */
margin-bottom:20px;                     /* 次の記事までの間隔 */
}
.ently_title {
font-size:10pt;                    /* 文字サイズ(記事タイトル)*/
background-color:#FFC0CB;          /* 背景色    (記事タイトル)*/
border:#FFC0CB 1px solid;          /* 枠        (記事タイトル)*/
text-align:left;                   /* 左寄せ    (記事タイトル)*/
padding:5px 20px;
margin:0;
}
                              /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#ffffff; text-decoration:none; } /* 通常 */
h2 a:active  { color:#ffffff; text-decoration:none; } /*実行中*/
h2 a:visited { color:#ffffff; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#FF1493; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
.ently_body {
font-size:10pt;                       /* 文字サイズ(記事本文) */
color:#808080;                        /* 文字色    (記事本文) */
border-top:   #FFF0F5 1px solid;      /* 枠(上)    (記事本文) */
border-left:  #FFC0CB 1px solid;      /* 枠(左)    (記事本文) */
border-right: #FFC0CB 1px solid;      /* 枠(右)    (記事本文) */
border-bottom:#FFC0CB 1px solid;      /* 枠(下)    (記事本文) */
}
.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin:10px 20px;
margin-bottom:20px; /* 記事末尾の間隔調整 */
}
.ently_navi {
text-align:right;                     /* 右寄せ(時刻・CM・TB) */
color:#999999;                        /* 文字色(時刻・CM・TB) */
margin:0px 10px 3px;
}
/************************************************* ▲ 記事 ▲ */

 

/*************************** ▼ 左側メニュー(プラグイン1) ▼ */
.plugin1_outline {
border-top:   #FFF0F5 2px solid;                /* 個別枠(上) */
border-right: #FFF0F5 2px solid;                /* 個別枠(右) */
border-bottom:#FFF0F5 2px solid;                /* 個別枠(下) */
border-left:  #FFF0F5 2px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
}
.plugin1_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
background-color:#FFC0CB;             /* 背景色    (タイトル) */
border: #FFC0CB 1px solid;            /* 枠        (タイトル) */
padding:2px 15px;
}
.plugin1_body {
font-size:10pt;                           /* 文字サイズ(本体) */
color:#808080;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #FFF0F5 1px solid;          /* 枠(上)    (本体) */
border-left : #FFC0CB 1px solid;          /* 枠(左)    (本体) */
border-right: #FFC0CB 1px solid;          /* 枠(右)    (本体) */
border-bottom:#FFC0CB 1px solid;          /* 枠(下)    (本体) */
padding:5px 5px 5px 5px;
line-height:1;
}
/* プラグイン1説明(上部) */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明(下部) */
.p1d_description {
margin-top:7px;
}
/*************************** ▲ 左側メニュー(プラグイン1) ▲ */

 

/*************************** ▼ 右側メニュー(プラグイン2) ▼ */
.plugin2_outline {
border-top:   #FFF0F5 2px solid;                /* 個別枠(上) */
border-right: #FFF0F5 2px solid;                /* 個別枠(右) */
border-bottom:#FFF0F5 2px solid;                /* 個別枠(下) */
border-left:  #FFF0F5 2px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
}
.plugin2_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
background-color:#FFC0CB;             /* 背景色    (タイトル) */
border: #FFC0CB 1px solid;            /* 枠        (タイトル) */
padding:2px 15px;
}
.plugin2_body {
font-size:10pt;                           /* 文字サイズ(本体) */
color:#808080;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #FFF0F5 1px solid;          /* 枠(上)    (本体) */
border-left:  #FFC0CB 1px solid;          /* 枠(左)    (本体) */
border-right: #FFC0CB 1px solid;          /* 枠(右)    (本体) */
border-bottom:#FFC0CB 1px solid;          /* 枠(下)    (本体) */
padding:5px 5px 5px 5px;
line-height:1;
}
/* プラグイン2説明(上部) */
.p2u_description {
margin-bottom:7px;
}
/* プラグイン2説明(下部) */
.p2d_description {
margin-top:7px;
}
/*************************** ▲ 右側メニュー(プラグイン2) ▲ */

 

/*************************** ▼ 上部メニュー(プラグイン3) ▼ */
.plugin3_outline {
border-top:   #FFF0F5 2px solid;                /* 個別枠(上) */
border-right: #FFF0F5 2px solid;                /* 個別枠(右) */
border-bottom:#FFF0F5 2px solid;                /* 個別枠(下) */
border-left:  #FFF0F5 2px solid;                /* 個別枠(左) */
margin-bottom:20px;
}
.plugin3_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
background-color:#FFC0CB;             /* 背景色    (タイトル) */
border: #FFC0CB 1px solid;            /* 枠        (タイトル) */
padding:5px 20px;
}
.plugin3_body {
font-size:10pt;                           /* 文字サイズ(本体) */
color:#808080;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #FFF0F5 1px solid;          /* 枠(上)    (本体) */
border-left:  #FFC0CB 1px solid;          /* 枠(左)    (本体) */
border-right: #FFC0CB 1px solid;          /* 枠(右)    (本体) */
border-bottom:#FFC0CB 1px solid;          /* 枠(下)    (本体) */
padding:5px 20px;
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ 上部メニュー(プラグイン3) ▲ */

 

/********************************************* ▼ コメント ▼ */
.comment_outline {
border:#FFF0F5 2px solid;           /* 外枠の/色太さ/実線     */
background-color:#FFFFFF;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:20px;                 /* 次のコメントまでの間隔 */
}
.comment_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#FFC0CB;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#FFC0CB 1px solid;             /* 枠        (タイトル) */
padding:5px 20px;
}
.comment_body {
font-size:10pt;                   /* 文字サイズ(コメント本文) */
color:#808080;                    /* 文字色    (コメント本文) */
border-top:   #FFF0F5 1px solid;  /* 枠(上)    (コメント本文) */
border-left:  #FFC0CB 1px solid;  /* 枠(上)    (コメント本文) */
border-right: #FFC0CB 1px solid;  /* 枠(上)    (コメント本文) */
border-bottom:#FFC0CB 1px solid;  /* 枠(上)    (コメント本文) */
}
.comment_text {
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi {
color:#999999;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
}

/* コメント諸項目(名前、URL等)の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/********************************************* ▲ コメント ▲ */

 

/*************************************** ▼ トラックバック ▼ */
.trackback_outline {
border:#FFF0F5 2px solid;             /* 外枠の/色太さ/実線   */
background-color:#FFFFFF;             /* 背景色               */
margin-bottom:20px;
}
.trackback_block_title {
font-size:10pt;                 /*文字サイズ(ブロックタイトル)*/
color:#ffffff;                  /*文字色    (ブロックタイトル)*/
font-weight:bold;               /*太字      (ブロックタイトル)*/
background-color:#FFC0CB;       /*背景色    (ブロックタイトル)*/
text-align:left;                /*左寄せ    (ブロックタイトル)*/
border:#FFC0CB 1px solid;       /*枠        (ブロックタイトル)*/
padding:5px 20px;
}
.trackback_block_body {
font-size:10pt;                   /* 文字サイズ(ブロック本文) */
color:#808080;                    /* 文字色    (ブロック本文) */
border-top:   #FFF0F5 1px solid;  /* 枠(上)    (ブロック本文) */
border-left:  #FFC0CB 1px solid;  /* 枠(左)    (ブロック本文) */
border-right: #FFC0CB 1px solid;  /* 枠(右)    (ブロック本文) */
border-bottom:#FFC0CB 1px solid;  /* 枠(下)    (ブロック本文) */
text-align:left;
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt;                   /* 文字サイズ(個別タイトル) */
color:#ffffff;                    /* 文字色    (個別タイトル) */
font-weight:bold;                 /* 太字      (個別タイトル) */
}
.trackback_body {
font-size:10pt;                   /* 文字サイズ(個別本文)     */
color:#808080;                    /* 文字色    (個別本文)     */
margin-bottom:20px;
}
.trackback_navi {
border-top:#FFF0F5 1px solid;     /* 飾り線    (時刻・投稿者) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
}
/*************************************** ▲ トラックバック ▲ */

 

/******************* ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline {
border-top:#FFF0F5 2px solid;      /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px;
}
.various_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#FFC0CB;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#FFC0CB 1px solid;             /* 枠        (タイトル) */
padding:5px 20px;
margin:0;
}
.various_body {
font-size:10pt;                           /* 文字サイズ(本体) */
color:#808080;                            /* 文字色    (本体) */
background-color:#FFFFFF;                 /* 背景色    (本体) */
border-top:#FFF0F5 2px solid;             /* 飾り線(上)(本体) */
}
.various_text {
text-align:left;                          /* 左寄せ    (本体) */
margin:10px 20px;
}
.various_navi {
text-align:center;                        /* 中央寄せ  (矢印) */
margin:0px;
}
/******************* ▲ カテゴリ・検索・月別ナビゲーション ▲ */

 

/********************************************* ▼ フッター ▼ */
#footer_outline {
border:2px solid #FFF0F5;                       /* 外枠の色   */
background-color:#FFC0CB;                       /* 背景色     */
}
#footer_body {
font-size:9pt;                                  /* 文字サイズ */
color:#ffffff;                                  /* 文字色     */
border:1px solid #FFC0CB;                       /* 内枠の色   */
padding:5px;
}
                                              /* リンク       */
#footer_body a:link    { color:#ffffff; }     /* 通常         */
#footer_body a:active  { color:#ffffff; }     /* 実行中       */
#footer_body a:visited { color:#ffffff; }     /* 訪問済み     */
#footer_body a:hover   { color:#ffffff; }     /* オンマウス時 */
/********************************************* ▲ フッター ▲ */


/* カレンダー */
.calender { text-align: center; color:#808080; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }


/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; }
li { margin-left:20px; margin-bottom:3px; }
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; }
.readmore { margin-top: 10px; }
.readclose { margin: 10px 0; }
.page_navi { margin:30px 0; font-size:9pt; color:#808080; }

/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
}

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 5px solid; /* 枠線(左) */
}

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
}

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:30px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */

/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

/* プラグイン内の入力欄幅設定 */
.plugin1_body input[type="text"],
.plugin2_body input[type="text"],
.plugin1_body textarea,
.plugin2_body textarea {
width: 90%;
}

/* ▼ FC2バトンのスタイル ▼ */

/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}

/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}

/* ▲ FC2バトンのスタイル ▲ */

/**************************************************************/
/*
フッターにある著作権表示(リンク)さえ残して頂ければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
                                FC2ブログのテンプレート工房
[lightframe_ver.05.1]     (http://10plate.blog44.fc2.com/)
*/
/**************************************************************/


*利用の際は、スタイルシートの一番下、『FC2ブログのテンプレート工房』さんのリンクは削除しないようにしてね。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

サイト内の記事へのタグリンク↓
FC2 ブログ テンプレート カスタマイズ リンク 

FC2ブログ内同タグ へのリンク↓
FC2 ブログ テンプレート カスタマイズ リンク

 2011.06.26 / コメント:: 0 / トラックバック:: 0 / PageTop↑


『FC2ブログのテンプレート工房』さんの『lightframe_pink』で文字の下にアンダーラインを入れてみよう

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズ『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

  『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズして、文字の下にアンダーラインを入れてみよう。

 lightframe_pinkのオリジナルスタイルシートはこちら

lightframe_pinkのスタイルシートのリンクにアンダーラインが出るようにしてみる

/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#FF69B4; text-decoration:none;}      /* 通常 */
a:active  {color:#FF69B4; text-decoration:none;}      /*実行中*/
a:visited {color:#FF69B4; text-decoration:none;}      /*訪問済*/
a:hover   {color:#FF1493; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

 



 変えるのは赤い部分

 『:none』を削除するか、『 :underline 』に変更する。

すると、したの画像のようにアンダーラインがつく。

リンクに下線スタイルシート

 変更した、スタイルシート全体は、こちら

 *利用の際は、スタイルシートの一番下、『FC2ブログのテンプレート工房』さんのリンクは削除しないようにしてね。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

サイト内の記事へのタグリンク↓
ブログ 無料 カスタマイズ 文字 リンク アンダーライン 

FC2ブログ内同タグ へのリンク↓
ブログ 無料 カスタマイズ 文字 リンク アンダーライン

 2011.06.24 / コメント:: 0 / トラックバック:: 0 / PageTop↑


『FC2ブログのテンプレート工房』さんのテンプレートはカスタマイズしやすい

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズ『FC2ブログのテンプレート工房』さんのテンプレート『lightframe_pink』をカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

  FC2ブログはテンプレートがたくさんあって、カスタマイズの方法もわかりやすいテンプレートとか、わかりにくいテンプレートとかいろいろ。


 数あるテンプレートの中でも『FC2ブログのテンプレート工房』さんのテンプレートはカスタマイズしやすい。


 再配布もOKなテンプレート。


  


 『FC2ブログのテンプレート工房』さんのテンプレートを使うには、テンプレートの設定→共有テンプレートの追加→作者に『10plate』を記入し、検索ボタンを押すと対象テンプレートが出てくる。

 

 画像は、『lightframe_pink』というテンプレートのオリジナル。
オリジナルスタイルシート
 画像やテーブルを使わずに表示速度を求めたシンプルな実用タイプの3カラム。


 このテンプレート、初心者がカスタマイズの方法を覚えるのに最適なので、ちょっとお借りして、これからカスタマイズして見よう。
 


 ちなみに、 lightframeには、ほかにブルーなど数種類があるが、基本のスタイルシートは大体同じ。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

サイト内の記事へのタグリンク↓
無料 ブログ カスタマイズ 

FC2ブログ内同タグ へのリンク↓
無料 ブログ カスタマイズ

 2011.06.23 / コメント:: 0 / トラックバック:: 0 / PageTop↑


無料ウイルスソフト
管理人も使用中
キングソフトインターネットセキュリティU

最新記事
ようこそ


サイト内外の検索ができます。キーワードを入力してください。
サイト内検索↓

カスタム検索

サイト外検索↓

設置日時 2008・02・17

マカフィー・ストア

全記事表示リンク
カテゴリ
タグリスト 改

ドメイン独自ドメインブログFirefoxブラウザフリーズアドオンIEIE8PhoneスマートフォンスキャナリロードスーパーリロードGoogleSEO検索検索結果上位サイトワードパットWindowsフリーソフトWord無料ソフトワープロInternetExplorer脆弱性セキュリティパソコン携帯電話絵文字シーサーブログカスタマイズテンプレートWindows8.1Windows8メインストリームサポート延長サポートWindows7サポートAndroidOfficeQuickofficeWindowsXP起動アイコンフォルダショートカットスタートメニューCtrl+Alt+DelタスクマネージャーWindowsLiveメールデータ移行メール連絡先OutlookExpressシャットダウンテキスト比較ローマ字入力入力キーボード東日本大震災インターネット災害タッチパットポインティングデバイスノートパソコンword箇条書き電卓OS入力できない半角排紙トレーが開いています印刷プリンターエラーYahoo!ヘッドクリーニングプリンターヘッド目詰まりExifGPSクリーニングインク染料顔料パスワードOpenOffice.orgLibreOfficeApacheOpenOffice百度ShimejiアプリBaidu日本語入力hao123IMEクラウドスケジュールPCalphaEDIT32ビット64ビットアップグレード電源の管理日本ヒューレット・パッカード3万円台赤ロム白ロムUSBメモリーフォーマットtranscendUSBメモリー再生書き込み禁止になっていますリカバリーツールGooアップデート更新プログラムオリンピックコメントニュースLinuxブートパーティションInter7フリーメールメールアドレス2ちゃんねる流出個人情報ID2チャンネルインストールWubiUbuntu日本語版USBハブ転送速度セルフパワーバスパワープライバシーGmail侵害マウスホイールマウスIDManager管理作成ハードディスク買い替え文字化け改行コード文字コードサイズ起動できないブートローダーLANポートデバイスマネージャーデュアルブートメモリメニューバーSilverlightFlashPlayerAdobeOSLinuxUbunt12.04.2インターネット接続言語の設定日本語化UnetBootinメモリー光学式右クリックXPKeePassGoogle+アドセンススコアボードインポートIDmanegerトラブルMicrosoftKB2839229Linuxで更新復元セーフモードシステムvCalendarvcsスマホジョルテThunderbirdOutlookサンダーバードPIMエクスポートFC2手書き入力Yahoo!IDツール確認GooglePlay詐欺カレンダーアウトルック同期オフラインジョルデCSVガラゲーSIMカードフィーチャーフォン7スポットスポットタッチペン金属繊維ペンスタイラスデーター赤外線通信共有GoogleアカウントMoborobo2.0iOS無線LANYahoo!スマホマネージャーアンドロイドOS日時表計算ソフト自動更新関数表示アンドロイドカメラシャッター音DoNotTrackIE10デスクトップExplorerIntrenet8ウインドウズ732ビット64偽サイト偽装サイトスタイラスペンMZK-RP150NポータブルWi-Fiポケットルータ無料無線LANスポット無線LANスポットドコモルーター有線LANタブレットアダプタ有線BlueStacksパスワード管理ソフト注意点サイトショットノートヌーボードショットノートヌーボードコード閲覧SafariInternetLunascapeChromeキャッシュクッキー一時ファイル削除履歴証明書取り消し情報ルート証明インターネットオプションアップロード情報違法開示ゴミ箱設定容量ファイルクラッシャーKingsoftAntiSpywareLunascape6キャッシュバックFC2コンテンツキャンペーンマーケット反映OpenOffice.orgCalcシートExcel列幅セル表計算移動入力欄テンキー数字ツイッターTwitterYahoo!カレンダーメールソフトネクサス7無料メールgooショートカットキープリンタ詰替プルンターノズルチェックカートリッジジャンル私製はがき年賀状フォント手書き手書き風フォント素材日本郵政はがきデザインキットOpenOfficeCalcオフィスソフトOpenOfficeカテゴリNexus7iPadminiスペックHiMakeDocWeb自動巡回用ファイルコンバートソフトカテゴリーリストタイトルテーマGoogleアドセンスストレージYahoo!ファイル関連記事シーサー株式会社JavaScriptウインドウズXPサポート終了カウントダウンJavascriptゲームCalcWi-Fi接続フリースポットFC2ブログ登録Writer宛名ワープロソフト制作レンタルトラックバック迷惑URL

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。