ネコ1

しっぽがユ〜ラユ〜ラ☆
夜ってのもいいかもダス。

初めて設置される方は
設置方法を御覧下さい。

スキンCSSの編集用

/*----------------------------------------------------- ameblo CSS Skin Settings Skin for: basic_ad FileName: common.css $Revision: 1.8 $ -----------------------------------------------------*/ /*============ ☆ かんたんスキンカスタマイズはこちら ☆ ==============*/ #header h1 a{ position:absolute; padding:20px 0 0 30px; display:block; z-index:10; color:#FFF; } div#flash{ display:block; width:950px; height:390px; position:absolute; top:-40px ; left:0; z-index:1; overflow:hidden; } /*:(コロン)と、;(セミコロン)の間に色、画像、サイズなどを指定して下さい*/ /*1)ブログタイトルの文字サイズを変更する*/ #header h1{ font-size: 1.3em; } /*4)ブログ説明の文字色を変更する*/ #header h2{ font-size: 0.8em; width:150px; color:#FFF; position:absolute; top:45px; left:30px; display:block; z-index:10; } /*5)ページ背景に画像を入れる*/ body{ background:#000; } /*6)ページ全体の文字色を変更する*/ body{ color: #333333; /*-- 濃いグレー --*/ } /*7)記事タイトルの背景色を変更する*/ .entry h3.title{ height:30px; } /*8)記事タイトルの文字色を変更する*/ .entry h3.title{ color: #FFF; } /*9)サイドバーの見出し文字色を変更する*/ h4.menu_title{ color: #FFF; /*-- 白 --*/ } /*10)サイドバーの見出し背景色を変更する*/ h4.menu_title{ background: url("http://ameba.soei-d.com/images/work/design6/side.png") no-repeat 0 0; } /*===================================================================*/ /*============ ★ その他のスキンカスタマイズはこちら ★ ==============*/ /* 目次 ■スキン基本設定 +--基本設定 +--デザインカスタマイズ +--リンク +--リンク:訪問済み +--リンク:マウスオーバー時 +--コンテンツ全体 +--メインカラム +--サイドカラムA +--サイドカラムB ■ヘッダー +--基本設定 +--デザインカスタマイズ +--ブログタイトル +--ブログ説明 ■メインカラム +--基本設定 +--デザインカスタマイズ +--メッセージボード +--記事 +--トラックバック +--コメント +--読者一覧 +--お気に入りブログ一覧 +--ブックマーク一覧 +--最新記事一覧 ■サイドA(sub_a)&サイドB(sub_b) +--基本設定 +--デザインカスタマイズ +--モジュールタイトル +--プロフィール +--ブログの読者 +--カレンダー +--プラグイン ■フッター +--基本設定 */ /*===================================================================*/ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■■■■■ スキン基本設定 ■■■■■■■■■■*/ /*■■■基本設定 - スキン基本設定*/ /*■タグ初期化 - 基本設定 - スキン基本設定*/ html { font-size:12px !important; *font-size:75% !important;/*forIE6IE7*/ } body{ margin:0; padding:0; text-align:center; font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica; } img{ border:0; } blockquote{ margin:12px 0; padding:10px; border:2px dotted #D4D4D4; } pre{ margin:0; padding:0; } input, textarea{ } p{ margin:0; padding:0; } .menu_frame ul, .menu_frame li, .menu_frame dl, .menu_frame dt, .menu_frame dd, #comment_module ul, #comment_module li, #trackback ul, #trackback li, #reader_list ul, #reader_list li, #favorite_list ul, #favorite_list li, #bookmark_list ul, #bookmark_list li{ margin:0; padding:0; list-style-type:none; } /*■フレーム - 基本設定 - スキン基本設定*/ #frame{ width:950px; margin:0 auto 0; text-align:left; } #wrap{ background: url("http://ameba.soei-d.com/images/work/design6/main-bg.gif") 0 0 repeat; width:950px; clear:both; } #sub_main{ clear:both; width:100%; overflow:hidden; } #main{ overflow:hidden; word-break:break-all; } #sub_a{ overflow:hidden; word-break:break-all; } #sub_b{ overflow:hidden; word-break:break-all; } /*--フレームフロート解除--*/ #frame:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } #wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } #frame{ display:inline-block; min-height:1%; } #wrap{ display:inline-block; min-height:1%; } /* Hides from IE-mac \*/ * html #frame{ height:1%; } * html #wrap{ height:1%; } #frame{ display:block; } #wrap{ display:block; } /* End hide from IE-mac */ /*■■■デザインカスタマイズ - スキン基本設定*/ /*■リンク*/ a{ text-decoration:none; color:#0066CC; } /*■リンク:訪問済み*/ a:visited{ text-decoration:none; color:#996699; } /*■リンク:マウスオーバー時*/ a:hover{ text-decoration:underline; color:#FF3366; } /*■コンテンツ全体*/ #frame{ } /*■メインカラム*/ #main{ background-color:#FFF; } /*■サイドカラムA*/ #sub_a{ background: url("http://ameba.soei-d.com/images/work/design6/sub-a-bg.jpg") no-repeat 0 0; color:#FFF; } /*■サイドカラムB*/ #sub_b{ background: url("http://ameba.soei-d.com/images/work/design6/sub-b-bg.jpg") no-repeat 0 0; color:#FFF; } /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■■*/ /*■■■基本設定 - ヘッダー*/ #header{ margin:0 0 0; padding:0 0 20px 0; } #header h1{ margin:0; padding:0 5px 8px 5px; } #header h2{ margin:0; padding:0 5px 45px 5px; } /*■■■デザインカスタマイズ - ヘッダー*/ /*■ブログタイトル*/ #header h1{ font-weight:bold; line-height:1.2; } /*■ブログ説明*/ #header h2{ font-weight:normal; line-height:1.2; } /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■■■■■ メインカラム ■■■■■■■■■■■*/ /*■■■基本設定 - メインカラム*/ /*■メッセージボード - 基本設定 - メインカラム*/ #message{ margin-bottom:14px; } #message .contents{ padding:10px 24px 0; } /*■記事 - 基本設定 - メインカラム*/ .entry{ width:582px; background: url("http://ameba.soei-d.com/images/work/design6/kiji-bg.jpg") no-repeat 0 0; margin:0 auto 0; margin-bottom:40px; padding:10px; } .entry .entry_head{ height:16px; } .entry .theme{ display:block; padding:0 0 5px 140px; } .entry .date{ display:block; float:left; font-size:10px; margin:0; padding:1px 0 3px 140px; color:#FFF; } .entry .name{ display:block; float:right; margin:2px 0 0 0; padding:0; } .entry h3.title{ clear:both; margin:0 0 8px 0; padding:7px 0 0 140px; } .entry .contents{ margin:15px 0 15px 0; } .entry .foot{ padding-top:5px; } /*■ページ送り - 基本設定 - メインカラムり*/ .page{ margin:0 auto 14px auto; padding:0; font-size:0.85em; text-align:center; } /*■トラックバック - 基本設定 - メインカラム*/ #trackback{ margin:15px 0 0; padding:0; } #trackback h3.title{ margin:0px; padding:7px 0 8px 0; background:none; } #trackback p.tr_URL{ margin-bottom:16px; padding:0 0 8px 0; } #trackback ul{ margin:8px 0 18px 0; padding:0 0 8px 0; } /*■コメント - 基本設定 - メインカラム*/ #comment_module h3.title{ margin:0; padding:7px 0 8px 0; } #comment_module p.list{ margin:0 0 10px 0; padding:0; } #comment_module .comment_body{ margin:0; padding:0 0 10px 0; } #comment_module .each_comment{ margin:0; padding:0 0 20px 0; } #comment_module .comment_footer{ margin:0; padding:0; } #comment_module .error{ margin-top:20px; padding-bottom:10px; } #comment_module form ul{ width:340px; margin:0 auto; } #comment_module form li{ display:block; width:340px; margin-bottom:5px; } #comment_module li.lastItem{ display:block; width:330px; margin-bottom:5px; text-align:right; } #comment_module .button{ margin-left:5px; width:80px; font-size:0.91em; } #comment_module .error{ color:#FF0000; } /*■読者一覧 - 基本設定 - メインカラム*/ #reader_list h3.title{ margin:0; padding:7px 0 8px 0; } #reader_list li{ margin:0; padding:8px 0; } #reader_list .reader_blog{ display:block; margin-top:2px; } /*■お気に入りブログ一覧 - 基本設定 - メインカラム*/ #favorite_list h3.title{ margin:0; padding:0 0 5px 0; } #favorite_list ul{ } #favorite_list li{ margin:0; padding:8px 0; } #favorite_list .favorite_blog{ display:block; margin-top:2px; } #favorite_list .favorite_theme{ display:block; margin-top:2px; } /*■ブックマーク一覧 - 基本設定 - メインカラム*/ #bookmark_list h3.title{ margin:0px; padding:7px 0 8px 0; } #bookmark_list ul{ } #bookmark_list li{ margin-bottom:4px; padding:4px 0; } /*■最新記事一覧 - 基本設定 - メインカラム*/ #recent_entries_list h3.title{ margin:0; padding:7px 0 8px 0; } #recent_entries_list li{ margin:0; padding:8px 0; } /*■■■デザインカスタマイズ - メインカラム*/ /*■メッセージボード - デザインカスタマイズ - メインカラム*/ #message .contents{ padding:37px 0 0 19px; } /*■記事 - デザインカスタマイズ - メインカラム*/ /*記事テーマ*/ .entry .theme{ border-bottom:1px dotted #7E8984; } /*記事編集者名*/ .entry .name{ color:#FFF; font-size:0.85em; } /*記事タイトル*/ .entry h3.title{ font-size:1.2em; font-weight:bold; line-height:1.1; } /*記事内容*/ .entry .contents{ line-height:1.5; } /*記事リンクフッター*/ .entry .foot{ border-top:1px dotted #7E8984; font-size:0.85em; text-align:right; } /*■トラックバック - デザインカスタマイズ - メインカラム*/ #trackback{ border-top:3px double #7E8984; line-height:1.5; } /*トラックバック見出し*/ #trackback h3.title{ font-size:1.17em; } /*トラックバック内ブログタイトル*/ #trackback .label{ font-weight:bold; } /*トラックバックURL*/ #trackback p.tr_URL{ border-bottom:1px dotted #7E8984; } /*トラックバックリスト*/ #trackback ul{ border-bottom:1px dotted #7E8984; } /*■コメント - デザインカスタマイズ - メインカラム*/ #comment_module{ border-top:3px double #7E8984; line-height:1.5; } /*コメント見出し*/ #comment_module h3.title{ background:none; font-size:1.17em; } /*コメント記入欄を表示*/ #comment_module p.list{ font-size:0.85em; } /*コメントフッター*/ #comment_module .comment_footer{ border-top:1px dotted #7E8984; } /*各コメントタイトル*/ #comment_module .label{ font-weight:bold; } /*■読者一覧 - デザインカスタマイズ - メインカラム*/ /*このブログの読者一覧見出し*/ #reader_list h3.title{ background:none; font-size:1.17em; } /*リスト*/ #reader_list li{ border-bottom:1px dotted #7E8984; } /*■お気に入りブログ一覧 - デザインカスタマイズ - メインカラム*/ /*お気に入りブログ一覧見出し*/ #favorite_list h3.title{ background:none; font-size:1.17em; } /*リスト*/ #favorite_list li{ border-bottom:1px dotted #7E8984; } /*■ブックマーク一覧 - デザインカスタマイズ - メインカラム*/ /*ブックマーク一覧見出し*/ #bookmark_list h3.title{ background:none; font-size:1.17em; } /*リスト*/ #bookmark_list li{ border-bottom:1px dotted #7E8984 } /*■最新記事一覧 - デザインカスタマイズ - メインカラム*/ /*記事一覧見出し*/ #recent_entries_list h3.title{ background:none; font-size:1.17em; } /*リスト*/ #recent_entries_list li{ border-bottom:1px dotted #7E8984; } /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■ サイドA(sub_a)&サイドB(sub_b) ■■■■■■*/ /*■■■基本設定 - サイド*/ /*■サイドA,B共通項目 - 基本設定 - サイド*/ div.mainMenu{ margin:0 0 30px 0; padding:0; font-size:0.91em; line-height:1.3; } div.menu_frame{ } /*■モジュールタイトル - 基本設定 - サイド*/ h4.menu_title{ margin:0 0 10px 0; margin-left:6px; margin-right:6px; padding:15px 0 0 40px; height:40px; width:110px } /*■モジュール内一覧 - 基本設定 - サイド*/ .mainMenu ul{ margin-left:6px; margin-right:6px; } .mainMenu dl{ margin-left:6px; margin-right:6px; } .mainMenu p, #search form{ margin-left:6px; margin-right:6px; } /*■一覧を見る - 基本設定 - サイド*/ p.list, p.link_blog{ margin-left:6px; margin-right:6px; padding-top:5px; } /*■ランキング - 基本設定 - サイド*/ #ranking .menu_frame{ line-height:1.4; } #ranking .rank_ttl{ font-size:1.2em; font-weight:bold; } #ranking .menu_frame img{ vertical-align:bottom; } /*■プロフィール - 基本設定 - サイド*/ #profile p{ display:block; } /*■ブログの読者 - 基本設定 - サイド*/ #reader dl{ margin-bottom:7px; } #reader dd{ } #reader ul{ margin:5px 5px 0 5px; padding:8px 0 0 0; } #reader li{ } #reader p{ display:inline; } /*■カレンダー - 基本設定 - サイド*/ #calendar{ } #calendar .menu_title{ } #calendar table{ width:168px; font-size:0.91em; line-height:1.3; } #calendar caption{ padding:5px 0; } #calendar caption a{ padding:0 5px; } #calendar th{ padding:0; text-align:center; } #calendar td{ padding:0; text-align:center; } /*■テーマ - 基本設定 - サイド*/ #theme_list select{ margin-left:6px; margin-right:6px; } /*■最近の記事一覧 - 基本設定 - サイド*/ #recent_entries{ } /*■アーカイブ - 基本設定 - サイド*/ #archives select{ margin-left:6px; margin-right:6px; } /*■検索 - 基本設定 - サイド*/ #search form{ margin:0 7px; } #search .searchbox{ width:100px; } #search .searchbtn{ width:40px; } /*■お気に入りブログ - 基本設定 - サイド*/ #favorite{ } /*■ブックマーク - 基本設定 - サイド*/ #bookmark{ } /*■最近のコメント - 基本設定 - サイド*/ #ecent_comment{ } /*■ランキング - 基本設定 - サイド*/ #ranking .rank_ttl{ display:block; } #ranking .rank{ display:block; padding:0 3px 0 3px; } #ranking a{ } #ranking img{ margin-left:5px; } #ranking .rank_all{ margin-bottom:8px; } #ranking .rank_genre{ margin-bottom:8px; } /*■アメブロ推奨枠 - 基本設定 - サイド*/ #ameblo{ padding-top:7px; font-size:0.85em; text-align:center; } #ameblo p{ padding:0 7px 7px 7px; line-height:1.25; text-align:left; } #ameblo li{ display:block; margin-bottom:5px; } /*■RSS - 基本設定 - サイド*/ #rss{ margin:-3px auto 0 auto; padding-bottom:16px; border:none; background-image:none; text-align:center; } /*■■■デザインカスタマイズ - サイド*/ /*■モジュールタイトル - デザインカスタマイズ - サイド*/ h4.menu_title{ font-size:1.10em; font-weight:bold; } /*■プロフィール - デザインカスタマイズ - サイド*/ #profile #new_profile{ color:#FFF; } /*■ブログの読者 - デザインカスタマイズ - サイド*/ #reader ul{ border-top:1px dotted #7E8984; } /*■カレンダー - デザインカスタマイズ - サイド*/ /*日曜日*/ #calendar .sun{ } /*土曜日*/ #calendar .sat{ } /*ブログを書いた日*/ #calendar td a{ font-weight:bold; text-decoration:underline; } /*■プラグイン - デザインカスタマイズ - サイド*/ .plugin{ margin-bottom:15px; text-align:center; } /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■■■■■■ フッター ■■■■■■■■■■■■*/ /*■■■基本設定 - フッター*/ div#footerArea{ margin:0; padding:12px 8px 25px 0; border-top:1px solid #666666; text-align:right; } /*----------------------------------------------------- ameblo CSS Skin Layout Settings Skin for: basic_ad FileName: type_c.css $Revision: 1.1 $ -----------------------------------------------------*/ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■■■■■■ カラムタイプ ■■■■■■■■■■*/ #main{ float: left; width: 600px; margin:0; margin:0 5px; } #sub_a{ float: left; z-index: 1; width:160px; margin:0; padding:15px 6px 0 4px; } #sub_b{ float: right; z-index: 2; width:160px; margin:0; padding:15px 6px 0 4px; }

上のテキストをすべて選択(Ctrl+a)して貼りつけて下さい。貼りつけてができたら、保存ボタンをクリックして下さい。

プラグイン用

<link rel="stylesheet" type="text/css" href="http://ameba.soei-d.com/common/css/custom.css" /><script type="text/JavaScript" src="http://ameba.soei-d.com/common/js/function7.js"/></script>

上のテキストをすべて選択(Ctrl+a)して貼りつけて下さい。貼りつけてができたら、保存ボタンをクリックして下さい。