「ブログスキン カスタマイズ メモ帳」は
css ド素人のおばさんが 本命ブログのカスタマイズを始めました。
以外に解りやすく説明している サイトが少ないと思い
初心者でも解りやすく カスタマイズを
楽しめればと 思って このブログを始めました。
基本は、スタンダードで
左右にサイドバーがある3カラムのカスタマイズです。
公開している以上、初心者の方にも解りやすくと心掛けております。
カスタマイズ以外でも、アメブロのちょつとした操作が分からない事など
ご質問がございましたら 遠慮なく メールを下さい。
お答出来る範囲で お力になれればと思っています。
実験はPC専門で行っておりますので
携帯については、一切お答え致しかねます。
コメントや、プチメを頂いた方のブログには
遊びに行かせて頂きます。
ブログを見た感想など頂ければ 嬉しいです。
ランキング参加中 
お役に立てましたら ポチッとお願い致します。
みなさまの、ワンクリックが 励みになります。
朗報～ スタンダード3カラムスタイルシートです。
「3カラムですが 使って下さい」
昨年、フルカスタマイズ 出来るデザインがなくなり
現在、ヘッダーしかカスタマイズが出来なくなりましたが、
カスタマイズ出来る スタンダードの3カラムを救済で貼り付けて置きます。
「CSS編集用デザイン」を選んで下さいね～
詳しい貼り付け方は、ご希望される方がいらっしゃれば あらためて掲載いたしますので
コメ欄か、メッセージに貼り方希望と入れて下さい。
コピペで貼り付けてね～ 
/*
--------------------------------------------------
ameblo CSS Skin Settings
Skin for: gray_ad
FileName: /p_skin/gray_ad/css/common.css
Version: $Revision: 1.4 $
--------------------------------------------------
*/
/* ---------- common : 全体に対するスタイル --- */
body#mainIndex{
margin:0;
padding:0;
text-align:center;
}
#frame{
text-align:left;
}
#sub_a,#sub_b,#main{
overflow:hidden;
padding-top:15px;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
input,textarea{font-size:12px;}
img{
border:0;
}
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,
#recent_entries_list ul,
#recent_entries_list li{
list-style-type:none;
margin:0;
padding:0;
}
/* ---------- header : ブログタイトル部分 ----- */
#header{
height:115px;
background-color:#E0E0E0;
}
#header h1,
#header h2{
padding:0;
margin:0;
}
#header h1{
padding-top:15px;
margin-left:10px;
text-decoration:none;
}
#header h2{
margin-left:10px;
}
/* ---------- font : 文字サイズ・装飾---------- */
body{
color:#000000;
font-size:12px;
}
#ameblo,
#comment_module p.list,
.entry .theme,
.entry .foot,
.list{
font-size:10px;
}
#header h1,
#header h1 a{
color:#000000;
font-size:25px;
font-weight:bold;
line-height:1.15;
}
#header h2{
color:#666666;
font-size:11px;
font-weight:normal;
line-height:1.15;
}
.menu_title{
color:#333333;
font-size:12px;
font-weight:bold;
}
.mainMenu{
font-size:11px;
line-height:1.3;
}
#profile,
#reader{
color:#666666;
}
#calendar table{
font-size:11px;
line-height:1.3;
color:#666666;
}
#ranking *{
font-size:12px;
line-height:1.4;
}
#ranking .rank_ttl{
font-weight:bold;
color:#666666;
}
#ameblo p{
line-height:1.25;
}
#rss{
font-size:12px;
}
#joinbookList h3,
h3.title{
font-size:12px;
font-weight:bold;
color:#010101;
}
.label{
font-weight:bold;
}
.entry .contents,
#message .contents{
font-size:12px;
line-height:1.5;
}
.entry .theme{
color:#666666;
}
.entry .title{
font-size:15px;
font-weight:bold;
color:#010101;
}
#comment_module,
#trackback{
line-height:1.5;
}
#comment_module .error{
color:#FF0000;
margin-top:20px;
padding-bottom:10px;
}
/* ---------- background-color : 背景色 ------- */
body{
background-color:#FFFFFF;
}
#frame{
background-color:#FFFFFF;
}
#sub_a{
background-color:#FFFFFF;
}
#sub_b{
background-color:#FFFFFF;
}
/* ---------- menu_element : 各サイドバー共通 - */
.mainMenu{
margin-bottom:15px;
}
.menu_title{
margin:0 2px 7px;
padding:3px 0 3px 10px;
border-bottom:1px dashed #666666;
background-image:url(http://stat100.ameba.jp/p_skin/gray_ad/img/icon2.gif);
background-repeat:no-repeat;
background-position:3px 7px;
text-indent:3px;
}
.menu_title,
.mainMenu ul,
.mainMenu dl,
.mainMenu p,
.list,
.link_blog,
#archives select,
#theme_list select,
#search form{
margin-left:6px;
margin-right:6px;
}
p.list,
p.link_blog{
padding-top:5px;
}
/* ----- profile : サイドバー プロフィール ---- */
#profile p{
display:block;
}
/* ----- readers : サイドバー 読者 ------------ */
#reader dl{
margin-bottom:7px;
}
#reader ul{
margin-top:5px;
}
#reader p{
display:inline;
}
/* ----- calendar : サイドバー カレンダー ----- */
#calendar{}
#calendar .menu_title{}
#calendar table{
width:168px;
text-align:center;
}
#calendar caption{
padding:5px 0;
}
#calendar caption a{
padding:0 5px;
}
#calendar .sun{
color:#FF0000;
}
#calendar .sat{
color:#0000CC;
}
#calendar td,
#calendar th{
text-align:center;
padding:0;
}
#calendar td a{
color:#CC0000;
text-decoration:underline;
}
/* ----- search : サイドバー 検索 ------------- */
#search form{
margin-top:7px;
margin-bottom:7px;
}
#search .searchbox{
width:100px;
}
#search .searchbtn{
width:40px;
}
/* ----- ranking : サイドバー ランキング ------ */
#ranking .rank_ttl{
display:block;
}
#ranking .rank{
display:block;
padding-top:3px;
padding-bottom:3px;
}
#ranking a{
background-image:url(http://stat100.ameba.jp/p_skin/gray_ad/img/icon.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:9px;
}
#ranking img{
margin-left:5px;
}
#ranking .rank_all,
#ranking .rank_genre{
margin-bottom:8px;
}
/* ----- rss : サイドバー RSS ----------------- */
#rss{
margin-top:-3px;
margin-right:auto;
margin-left:auto;
border:none;
background-image:none;
text-align:center;
}
/* ----- plugin : サイドバー プラグイン枠 ----- */
.plugin{
margin-bottom:15px;
text-align:center;
}
/* ----- ameblo : サイドバー アメーバ広告 ----- */
#ameblo{
border:1px solid #666666;
text-align:center;
padding-top:7px;
padding-bottom:7px;
}
#ameblo p{
text-align:left;
padding-right:7px;
padding-bottom:7px;
padding-left:7px;
}
#ameblo li{
display:block;
margin-bottom:5px;
}
/* ----- advertising : サイドバー 広告枠 ------ */
#advertising{}
#adJavaScript .HBgColor{background-color:#FFFFFF;}
#adJavaScript .HTitleColor{color:#0000ff;}
#adJavaScript .HTextColor{color:#000000;}
#adJavaScript .HUrlColor{color:#0000ff;}
/* ----- advertising2 : 記事内 広告枠 --------- */
#advertising2{
text-align:center;
padding-top:10px;
}
.entry .mainMenu{
margin-bottom:0;
}
#adJavaScript2 .HBgColor{background-color:#FFFFFF;}
#adJavaScript2 .HTitleColor{color:#0000ff;}
#adJavaScript2 .HTextColor{color:#000000;}
#adJavaScript2 .HUrlColor{color:#0000ff;}
/* ---------- main : メイン部分 --------------- */
#main{
padding-bottom:10px;
}
#joinbookList h3,
h3.title{
margin-bottom:10px;
margin-top:5px;
border:none;
}
/* ---------- message : メッセージ枠 ---------- */
#message{
width:99%;
margin-bottom:15px;
border-top:1px dashed #999999;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:#999999;
}
#message .contents{
margin-top:10px;
margin-bottom:10px;
}
/* ---------- entry : 各記事枠 ---------------- */
.entry{
width:99%;
margin-bottom:20px;
}
.entry .date{
width:99%;
background-color:#F5F5F5;
padding:5px 0 2px 5px;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
display:block;
color:#000000;
}
.entry .name{
margin-top:5px;
display:block;
}
.entry .theme{
margin-bottom:10px;
display:block;
}
.title{
margin-top:10px;
margin-bottom:10px;
}
.entry .contents{
margin-top:15px;
margin-bottom:15px;
}
.entry .foot{
text-align:right;
padding:5px 20px 5px 0;
border-top:1px dashed #000000;
}
/* ---------- page : ページリンク ------------- */
.page{
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top:7px;
margin-bottom:10px;
}
/* ---------- footer_ad : フッター広告 -------- */
#footer_ad{
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top:20px;
margin-bottom:10px;
}
#footerArea {
background:#FFFFFF none repeat scroll 0%;
border-top:1px solid #666666;
margin:0pt;
padding:12px 8px 25px 0pt;
text-align:right;
}
/* ---------- trackback : 各記事TB欄 ---------- */
#trackback{
border-top:1px solid #999999;
margin-top:25px;
margin-bottom:10px;
padding-top:5px;
}
#trackback p.tr_URL{
margin-bottom:10px;
}
#trackback ul{
margin-bottom:10px;
}
/* ---------- comment_module : 各記事コメント欄 - */
#comment_module h3.title{
margin-bottom:0;
}
#comment_module p.list{
margin:0 0 10px 0;
padding:0;
}
#comment_module{
border-top:1px solid #999999;
padding-top:5px;
}
#comment_module .each_comment{
margin-bottom:10px;
}
#comment_module .comment_footer{
margin-top:5px;
padding-top:5px;
border-top:1px dashed #000000;
}
#comment_module .error{
margin-top:20px;
padding-bottom:10px;
}
#comment_module label{
display:block;
float:left;
width:70px;
text-align:right;
}
#f_name,#f_url,#f_title,#f_com{
display:inline;
width:250px;
margin-bottom:3px;
margin-left:6px;
}
#comment_module form ul{
width:340px;
margin-left:auto;
margin-right: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;
font-size:11px;
width:80px;
}
/* ---- reader_list : 読者一覧 ---------------- */
/* ---- bookmark_list : ブックマーク一覧 ------ */
/* ---- favorite_list : お気に入りブログ一覧 -- */
/* ---- recent_entries_list : 最新記事一覧 ---- */
/* ---- joinbookList : みんなのテーマ一覧 ----- */
#reader_list ul,
#favorite_list ul,
#bookmark_list ul,
#recent_entries_list ul{
width:100%;
}
#joinbookList li,
#bookmark_list li,
#reader_list li,
#favorite_list li,
#recent_entries_list li{
padding-bottom:2px;
margin-bottom:8px;
border-bottom:1px dotted #dddddd;
}
#reader_list .reader_blog{
display:block;
margin-top:2px;
}
#favorite_list .favorite_blog{
display:block;
margin-top:2px;
}
#recent_entries_list ul{
margin-top:12px;
}
#userNaviArea a#userNickName{
padding:0pt 10px ! important;
}
/*
--------------------------------------------------
ameblo CSS Skin Layout Settings
3コラム記事中:横幅固定
FileName: /p_skin/cmn/css/type_c.css
Date: $Date: 2007/03/23 01:25:35 $
Version: $Revision: 1.1 $
--------------------------------------------------
*/
#frame:after,
#wrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#frame,
#wrap{display:inline-table;}
/* Hides from IE-mac \*/
* html #frame,
* html #wrap{height:1%;}
#frame,
#wrap{display:block;}
/* End hide from IE-mac */
#frame{
width:760px;
margin-left:auto;
margin-right:auto;
}
#wrap{
width:100%;
}
#main{
width:400px;
float:left;
padding-left:10px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#sub_a{
width:170px;
float:left;
z-index:1;
}
#sub_b{
width:170px;
float:right;
z-index:2;
}
/* -- // ameblo CSS Skin Layout Settings END --*/
ランキング参加中
お役に立てましたら ポチッとお願い致します。
みなさまの、ワンクリックが 励みになります。
Googie Chromeで日本語入力方法
「日本語表記方法」
最近、ピグなどがサクサク作動すると言うことで Googie Chromeを使う方が多いようですが
日本語の表示が出来ないのが難点
私もその一人です。
何とか、かな入力で表示は可能ですが、逆にローマ字と数字入力が出来なくなると言うこれまた困った状況ですが、 日本語入力の方法を記載します。
ただし、Windows7でしか、確認していませんので ビスタなどをお使いの方はとりあえず試して見て下さい。
PC画面の右下にある KANAと言う表示をクリックします。
下画像 赤枠の部分
クリックしたら色が変わると思います。
そして、ピグチャットを文字入力できる状態にします。
キーボードの 一番下にある カタカナ ひらかな ローマ字というボタンを1回押して下さい。
これで、日本語入力が出来るようになりますが、かな打ちになります。
お困りの方は、ぜひお試しください。
ランキング参加中
お役に立てましたら ポチッとお願い致します。
みなさまの、ワンクリックが 励みになります。
久々の更新ですが～
「ごぶさたしております。」
最近、自分自身でやりたいと思う カスタマイズがなくて 新規記事書いてません。
それとともに、質問の内容が ありえない方向へ
記事の内容と関係ない事が多く ひどい時には、誰かさんのブログと同じようにカスタマイズしいたのですがって？
私に、スキンの作成しろってか～ 
ひとつひとつの記事でお勉強して 自分でやれ～
画像の作り方教えてとか
内容に外れたことは 自分で努力して お勉強して下さい。
お子ちゃまアレルギーになりそうなので コメもメールも閉めさせて頂きました。
ご不便をおかけしますが、よろしくお願いいたします。
最近、更新してないのに、読者登録して下さい方がたくさんいるのはうれしいのですが、
放置状態なので、知らせないで登録していただければと思います。
よろしくお願い致します。
ルームからピグ部屋を消す
<style type="text/css">#navList .last{display:none;}#header li{border:none;margin:0;padding:0}#navList li a{border-left:#666666 1px solid;margin-left:7px; padding-left:7px;}</style>