ブログ（blog）テンプレート

ここでは、 ブログ（blog）テンプレート に関する記事を紹介しています。　>  ブログ（blog）テンプレート
バックリンク ブログ TOP

▼ ブログ テンプレート 2カラム アダルト向け？

2006/03/14(火)
◎FC2ブログ共有テンプレート
　　※２カラム;（プラグイン対応、枠幅固定タイプ）

144_ad_2lm　　※144_ad_2lm プレビュー

■特徴
　※２カラム;（プラグイン対応、枠幅固定タイプ）背景イメージはピンク？
　※トップページにのみ表示されるフリースペースを設置
　※記事表示上部分の投稿日付部分から直接、記事編集ができます。 （ログイン時）
　※このテンプレートのみアダルトＯＫ！

■フリースペースの説明
　※広告掲載、お知らせ、SEO対策などご自由にご利用下さい。
　※不要な場合には、該当部分を削除して下さい。
　※フリースペースについての詳細は、"フリースペースの編集について" をご覧下さい

　 記事にご満足頂けましたら、クリックをお願い致します
　 人気blogランキング！ 人気ブログ検索-ブログフリーク FC2ブログランキング

■SEO対策仕様ブログ テンプレート 無料会員募集
　※本格的なSEO対応のブログテンプレートを無料で公開中！
　　（現在、このブログで使用しているテンプレートがSEO対応のものです）

≫[ブログ テンプレート 2カラム アダルト向け？]の続きを読む
ブログ（blog）テンプレート | トラックバック：1 | コメント：0 | Page Top↑

▼ ブログ テンプレート 3カラム レインボー

2006/03/03(金)
◎FC2ブログ共有テンプレート
　　※3カラム;（プラグイン対応、枠幅固定タイプ）

138_rainbow_3c　　※138_rainbow_3c プレビュー

■特徴
　※3カラム;（プラグイン対応、枠幅固定タイプ）背景イメージはレインボー
　※エントリー記事部分の左右メニュー枠にフリースペースを設置
　※エントリー記事、メニュー部分はプラグイン非対応です。
　　（エントリー記事の重要キーワード出現頻度を高める為）
　※記事表示上部分の投稿日付部分から直接、記事編集ができます。 （ログイン時）

■フリースペースの説明
　※広告掲載、お知らせ、SEO対策などご自由にご利用下さい。
　※不要な場合には、該当部分を削除して下さい。
　※フリースペースについての詳細は、"フリースペースの編集について" をご覧下さい

　 記事にご満足頂けましたら、クリックをお願い致します
　 人気blogランキング！ 人気ブログ検索-ブログフリーク FC2ブログランキング

■SEO対策仕様ブログ テンプレート 無料会員募集
　※本格的なSEO対応のブログテンプレートを無料で公開中！
　　（現在、このブログで使用しているテンプレートがSEO対応のものです）

≫[ブログ テンプレート 3カラム レインボー]の続きを読む
ブログ（blog）テンプレート | トラックバック：2 | コメント：0 | Page Top↑

▼ ブログ テンプレート 3カラム 桜の花

2006/02/24(金)
◎FC2ブログ専用テンプレート 桜の花
　　※3カラム;（プラグイン対応、枠可変タイプ）桜バージョン

128_sakura_3c　　※128_sakura_3c プレビュー

■特徴
　※3カラム;（プラグイン対応、枠可変タイプ）背景画像は桜の花
　※サイトトップにのみ表示されるフリースペースを設置
　※記事部分は重要キーワード出現頻度を高める為、メニュー枠なし
　※記事表示上部分の投稿日付部分から直接、記事編集ができます。 （ログイン時）
　※デザインよりもSEO（検索エンジン上位表示）重視の方におすすめ！

■フリースペースの説明
　※広告掲載、お知らせ、SEO対策などご自由にご利用下さい。
　※不要な場合には、該当部分を削除して下さい。
　※フリースペースについての詳細は、"フリースペースの編集について" をご覧下さい

■SEO対策仕様ブログ テンプレート 無料会員募集
　※本格的なSEO対応のブログテンプレートを無料で公開中！
　　（現在、このブログで使用しているテンプレートがSEO対応のものです）


　 FC2ブログをはじめよう！>>>登録はこちら
　 ブログで作るビジネス専用のホームページ 『 ドリームブログ 』
　 簡単に自分のブログが作れる【ヒップホップ１０１ダブログ】

≫[ブログ テンプレート 3カラム 桜の花]の続きを読む
ブログ（blog）テンプレート | トラックバック：2 | コメント：0 | Page Top↑

▼ 無料ブログテンプレートカスタマイズ方法 カテゴリー

2006/01/04(水)
無料ブログ テンプレート カスタマイズ方法 カテゴリーリンク

無料ブログ（blog）テンプレートのカスタマイズ方法に関する情報や、FC2ブログ専用オリジナル共有テンプレートを公開中！

■FC2ブログ共有テンプレート
　※オリジナルのFC2ブログ専用オリジナル共有テンプレートを公開
　　1　2　3　4　5　6　7　8　9　10　11　12

■blog アクセスアップ・SEO
　※ブログのアクセスアップやSEO対策に関する情報を掲載
　　1　　2

■blog カスタマイズ
　※ブログのカスタマイズ全般に関する情報を掲載

■スタイル シート（CSS）
　※ブログのスタイル シート（CSS）に関する情報を掲載

■HTMLタグ関連解説
　※ブログのHTMLタグ関連情報を解説

■JavaScript（ジャバスクリプト）
　※ブログのJavaScript（ジャバスクリプト）に関する情報を掲載

■blog ツール・パーツ
　※ブログのツール・パーツに関する情報を掲載

■blog 素材
　※ブログの素材に関する情報を掲載

■相互リンク集
　※「無料ブログ テンプレート カスタマイズ方法」と相互リンクして頂いているサイト様

■未分類
　※上記カテゴリーに属さない分類、及び、個人的日記など
ブログ（blog）テンプレート | トラックバック：1 | コメント：0 | Page Top↑

▼ 67_blue_3の構造（枠組み）

2005/11/26(土)
高桜幸 様　

　・67_blue_3の構造（枠組み）をわかりやすくしました。
　・表示の幅を好きなように設定してください。（各枠組み width の部分）
　・ただし、おおまかなブロックのみ表示していますので、
　　内側のブロックの微調整が必要となります。
　・スタイルシートのソースをコピー＆ペーストしてください

67_blue_3　　※67_blue_3サンプル プレビュー
↑説明文を書いてあるので、表示が崩れていますが、説明文を削除すれば正常に表示されます。

■スタイルシートのソース

@charset "EUC-JP";

/************************************/
/* body */
body{
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif;
font-size: 12px; color: #333333;
line-height: 130%;
padding: 0px; text-align: center;
background: #ccffcc url("http://blog31.fc2.com/w/weblog29/file/plus_li_blue.gif") fixed;
margin-top : 5px;
margin-left : auto;
margin-bottom : 10px;
margin-right : auto;
voice-family : "\"}\"";
voice-family : inherit;
}
html>body {
font-size : small !important; /* Opera用文字サイズ */
}
#base {
width: 910px; text-align: center;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
margin-top : 10px;
margin-left : auto;
margin-bottom : 10px;
margin-right : auto;
voice-family : "\"}\"";
voice-family : inherit;
border: 3px solid #336699; /* 全体枠（外枠） */
}
html>body div#base {
width : 910px;
}
#baseBlock {
width: 890px;
padding: 0px; margin: 0px auto;
background-color: #ffffff;
border: 3px solid #ffff00; /* 全体枠（内枠） */
}
html>body div#baseBlock {
width : 890px;
}
#baseLeft {
width : 710px;
float : left; margin-top: 10px;
border: 1px solid #ff0000; /* 左メニュー＆メインコンテンツブロック */
}
html>body div#baseLeft {
width : 710px;
}
.editentry {
text-align:right; padding-right:5px;
}
/* scrollbar-color */
*{
scrollbar-face-color: #66ffff;
scrollbar-shadow-color: Silver;
scrollbar-highlight-color: #fff;
scrollbar-darkshadow-color: Gray;
scrollbar-arrow-color: #fff;
}
em { font-style: normal;
}

/************************************/
/* リンクの色 */
a{ color: #656565;
}
a:link{ color: #555; text-decoration: underline;
}
a:visited{ color: #337777;
}
a:hover{ color: #ff2200; text-decoration:none;
}

/************************************/
/* list要素 */
blockquote {
margin: 5px;
background-color: #E8F3FF;
padding: 5px;
border-top: 1px dotted #336699;
border-right: 1px dotted #336699;
border-bottom: 1px dotted #336699;
border-left: 5px solid #336699;
}

/************************************/
/*head要素 */
#headBlock {
height: 90px;
width: 910px;
margin-top: 0px; padding-top: 10px;
background: #fff url("http://blog31.fc2.com/w/weblog29/file/plus_li_blue.gif");
border: 1px solid #000; /* タイトル部分 */
}
html>body div#headBlock {
width: 910px; height: 90px;
}
.BlogName {
font-family:"HG丸ｺﾞｼｯｸM-PRO", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
font-size : 24px; text-align : center;
}
h1 { font-size: 24px;
color: #333; margin: 0px;
}
.introduction {
font-family: "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Osaka"; color: #555;
font-size: 13px; text-align: center;
margin-top: 15px;
}
.BlogName h1 a {
text-decoration : none; color:#444;
}
.BlogName h1 a:visited {
color:#666; text-decoration : none;
}
.BlogName h1 a:hover {
color:#ff5500; text-decoration : underline;
}
/************************************/
/* 上部カレンダー設定 */
#Calendar {
text-align: center;
font-size: 12px; font-weight: bold;
color: #997700;
margin-top: 15px;
padding: 3px;
}
#Calendar .day {
margin-right: 2.5px;
padding-right:3px;
}
#Calendar a {
color: #cc9900; text-decoration : underline;
}
#Calendar a:hover {
color:#ff3300; text-decoration : underline;
}

/************************************/
/* form 要素 */
form {
padding: 0px;
margin: 0px;
margin-right: 5px;
}

/************************************/
/* 左menu 要素 */
#menu1Block {
float : left;
width : 205px; margin-top: 0px;
border: 1px solid #00ff00; /* 左menuブロック */
}
html>body div#menu1Block {
width : 205px;
}
.menu1BlockBase {
width : 205px;
}
html>body div.menu1BlockBase {
width : 205px;
}
.plugin_box {
margin-bottom: 10px;
}
.menuTitleBase {
border-width:1px;
border-style:solid;
border-color:#ffffff #aaffcc #aaffcc #ffffff;
background-color: #ccffcc;
}
.menuTitle {
font-size:14px; font-weight: bold;
padding: 1px 0px 1px 5px;
}
.menuBox {
border-width:1px;
border-style:solid;
border-color:#ccffcc #aaffcc #aaffcc #ccffcc;
background-color:#ffffff;
margin: 2px 0px 2px 0px;
}
.menu1BlockBody {
width : 195px;
background-color: #fff;
}
.menu1BlockFoot {
margin: 0px;
padding: 0px;
}
.menuText {
font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 13px;
padding: 1px 0px 0px 3px;
margin-bottom: 0px;
color: #333333;
line-height: 120%;
}
.menuText ul {
padding: 0px 0px 0px 10px;
margin: 2px;
}
.menuText ul li {
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 2px;
list-style-type: square;
}
.plugin-freearea {
font-size: 13px;
}

/************************************/
/* 右menu 要素 */
#menu2Block {
width : 170px;
float : right; margin-top: 0px;
width : 170px; margin-top: 10px;
border: 1px solid #00ff00; /* 右menuブロック */
}
html>body div#menu2Block {
width : 170px;
}
.menu2BlockBase {
width : 165px;
padding: 0px;
margin-bottom: 10px;
}
.menu2BlockHead {
font-weight: bold;
padding: 1px 0px 1px 5px;
font-size: 13px; color:#666;
border-top: 1px solid #99ffcc;
border-bottom: 1px solid #99ffcc;
background-color: #ccffcc;
}
.menu2BlockBody {
width : 165px; margin-top: 5px;
}
.menuBox2 {
border:1px solid #ccffcc;
background-color:#ffffff;
width: 165px; margin: 2px 1px 2px 1px;
}

/************************************/
/* index_area 要素 */
.Topics_td {
border-width:1px;
border-style:solid;
border-color:#ccffcc #aaffcc #aaffcc #ccffcc;
text-align: center; font-size:16px;
background-color:#ccffcc;
}
.Topics_Entry {
border:1px solid #ccffcc; margin:2;
background-color:#ffffff;
width: 482px;
}

/************************************/
/* main 要素 */
#mainBlock {
float : right; margin-top: 0px;
width : 490px; text-align: right;
border: 1px solid #0000ff; /* 中央コンテンツブロック */
}
html>body div#mainBlock {
width : 490px;
}
.mainEntryBlock {
margin: 0px 0px 20px 0px;
padding-bottom: 5px;
width : 100%; text-align: center;
background-color: #ccffcc;
border-top: 1px solid #ccffcc;
border-right: 2px solid #aaffcc;
border-bottom: 1px solid #aaffcc;
border-left: 1px solid #ccffcc;
}
.mainEntryTitle h2 {
padding: 3px 0px 2px 5px;
margin: 0px; width : 480px;
font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial Black", "Impact", "Osaka";
font-size: 16px; color: #6C6C6C;
text-align: left;
border-top: 1px solid #ccffcc;
border-bottom: 1px solid #ccffcc;
}
.mainEntryTitle a {
text-decoration : none; color:#333;
}
.mainEntryTitle a:visited {
color:#990000; text-decoration : none;
}
.mainEntryTitle a:hover {
color:#ff0000; text-decoration : none;
}
.mainEntryBase {
margin: 0px; width: 480px;
background-color: #ffffff;
border-top: 1px solid #aaffcc;
border-right: 1px solid #ccffcc;
border-bottom: 1px solid #ccffcc;
border-left: 2px solid #aaffcc;
}
.mainEntryBody {
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 10px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
line-height: 130%; text-align: left;
}
.mainEntryMore {
margin: 0px; text-align: left;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px; padding-left:10px;
line-height: 130%;
color: #333333;
}
.mainEntryDate {
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px; color: #454545;
line-height: 130%; text-align: right;
margin:0px;
padding: 15px 5px 0px 0px;
}
.mainEntryComment {
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px; text-align: left;
line-height: 130%;
color: #666666;
width : 495px;
margin: 0px 0px 0px 0px;
border: 1px solid #99ffcc;
}
.mainEntryComment ul {
padding: 0px;
margin: 0px 10px 5px 5px;
}
.mainTraba {
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px; text-align: left;
line-height: 130%;
color: #666666;
width : 495px;
margin: 10px 0px 0px 0px;
border: 1px solid #99ffcc;
}

/************************************/
/* mainComment要素 */

.mainCommentBody {
padding: 0px 0px 0px 10px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #333333;
}
.mainCommentBold {
padding: 10px 0px 2px 5px;
margin: 0px 3px;
border-bottom: 2px solid #99ffcc;
font-size: 12px;
font-weight: bold;
color: #666;
}
.mainCommentTitle{
padding: 3px 0px 5px 5px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-weight: bold;
font-size: 12px;
color: #990033;
}
.mainCommentDate {
padding: 5px 10px 15px 20px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 10px;
color: #454545;
}
.pageLink {
font-size: 12px;
color: #ffffff;
text-align: center;
margin: 5px 0px 10px 0px;
}
/************************************/
/* maintTaba要素 */

.mainTrabaBold{
padding: 5px 0px 2px 5px;
margin: 0px 3px 0px 3px;
border-bottom: 2px solid #99ffcc;
font-size: 12px;
font-weight: bold;
color: #666;
}
.mainTrabaTitle{
padding: 3px 0px 5px 5px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-weight: bold;
font-size: 12px;
color: #009966;
}
.mainTrabaBody {
padding: 0px 0px 0px 10px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #333333;
}
.mainTrabaDate {
padding: 5px 10px 15px 20px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 10px;
color: #454545;
}
.mainTrabaUrl {
padding: 4px 0px 20px 10px;
}

/************************************/
/* maintForm要素 */
.mainForm {
margin: 10px;
}
.mainForm dt {
width: 150px;
}
.mainForm dd {
font-size: 10px;
padding: 0;
margin: 15px 10px 0px;
}
.mainFormText {
width: 250px;
border: 1px solid #003366;
}
.mainFormTextarea {
width: 250px;
border: 1px solid #003366;
}
.mainFormPass {
border: 1px solid #003366;
}
.mainFormCheck {
border: 1px solid #003366;
}
.mainFormButton {
width: 100px;
}

/************************************/
/* calender要素 */
table.calender {
font-size: 10px;
width: 95%;
margin-right: 5px;
border-collapse: separate;
border-spacing: 0;
padding: 0.5em 0 0.5em 0;
border-bottom: 1px solid #aaa;
font-family: Arial, Helvetica, sans-serif;
}
.calender caption {
font-size: 100%;
border-bottom: 1px solid #aaa;
padding: 0 0 0.5em 0;
}
.calender th {
font-weight: normal;
}
.calender td {
width: 14%;
text-align: center;
padding: 0.1em;
}
.calender td a {
display: block;
}
th#sun {
color: #f00;
}
th#sat {
color: #00f;
}

/************************************/
/* Siteinfo-Legal */

div#siteinfo-legal p {
padding : 0.5em 0;
text-align : center;
margin:0 0 0 0;
}

/************************************/
/* footer 要素 */
#footBlock {
width: 890px;
text-align : center;
padding: 10px;
background: #99ff33 url("http://blog31.fc2.com/w/weblog29/file/plus_li_blue.gif");
clear: both;
border: 2px solid #ff8800; /* フッターブロック */
}
html>body div#footBlock {
width : 890px;
}
img.emoji{
vertical-align:middle;
border:0;
}

ブログ（blog）テンプレート | トラックバック：5 | コメント：1 | Page Top↑

▼ ブログ（blog）テンプレート一覧（3カラム）

2005/11/22(火)
■無料ブログ テンプレート カスタマイズ方法
　※FC2ブログ共有テンプレート登録BLOGテンプレート（3カラム）
・ blog298_10-3 ※うすいオレンジ色基調
・ 12_3-bg_stripe ※シンプルバージョン（水色基調）
・ 13_3-mess_slide ※サブタイトルがタイプライター風表示されます
・ 14_3-cafe ※エントリースペース幅を「% 指定」し全体のレイアウト崩れ防止
・ ya01_3-sky ※Yahoo!検索（通常・画像・ニュース・辞書）を右メニュー上部に配置
・ ya02_3-maneki ※背景画像は、招き猫と紅白幕
・ bg_yuki-night_town3 ※背景画像は、夜の雪。テーマは冬の夜景
・ ya03_3-maneki ※背景色は金運に良いとされる黄色と茶色がベース
・ ya05_3-pink ※背景画像は、ちょっぴりセクシーな少女
・ ya06_3-uma ※背景画像は、月夜の中を疾走する馬
・ ya07_3-aki ※トップページのみ「いらっしゃいませ！」
・ custom3-seo ※SEO対策（検索エンジン上位表示）重視
・ brown_strip3 ※HTML では、記事部分がページ上部に記載
・ 30_moon3 ※背景、夜イメージシリーズ（月）
・ 31_yoru3 ※背景、夜イメージシリーズ
・ 36_fuyu3 ※管理者ページへのリンクをページ上部に設置
・ 39_brown_st3 ※右枠に120pxサイズのフリースペースを設置（削除可能）
・ 42_rainbow3 ※背景イメージは、レインボウ
・ 43_wine3 ※ボジョレー・ヌーヴォー、１１月１７日（木）解禁記念テンプレート
・ 46_ya3brid_s ※紀宮さま、ご結婚記念テンプレート！
・ 47_ya3_s ※タイトル部分と記事部分を額縁風に
・ 52_brown_st3 ※背景イメージbrownストライプ
・ 59_ore_3 ※トップフリースペースをスクロール表示
・ 62_gr_3 ※トップフリースペースをスクロール表示
・ 67_blue_3 ※サイトトップにのみ表示されるフリースペースを設置
・ 70_gray_3c ※背景イメージはグレイますめ
・ 73_xms_3 ※JavaScript を利用し、タイトルに変化
・ 76_xms_3 ※タイトルがスライド表示されます
・ 79_3ca ※背景イメージは黄色基調
・ 82_ore_3ca ※検索エンジン上位表示を意識し、極力シンプルに
・ 85_seo_3ca ※各ページごとに、タイトルやページ説明文が異なります
ブログ（blog）テンプレート | トラックバック：3 | コメント：0 | Page Top↑

▼ ブログ（blog）テンプレート一覧（2カラム；左メニュー）

2005/11/16(水)
FC2ブログ共有テンプレート登録BLOGテンプレート（2カラム；左メニュー）

blog298-05l プレビュー
　　※サイトタイトルにシャドー効果をつけました。秋バージョン
blog298-08l プレビュー
　　※ blog298-05l の2カラム版
ブログ（blog）テンプレート | トラックバック：1 | コメント：0 | Page Top↑
5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 |