沙羅のブログ https://ameblo.jp/sara-007/ ブログの説明を入力します。 ja すくろーる /* ----------------------------------------------------- */
/* ★ ブログテーマ一覧　　　　　　スクロール　　　　　　 */
/* ----------------------------------------------------- */
#theme_list{
height:100px;
overflow:auto;
}
/* ----------------------------------------------------- */
/* ★ お気に入りブログ　　　　　　スクロール　　　　　　 */
/* ----------------------------------------------------- */
#favorite{
height:100px;
overflow:auto;
}

/* ----------------------------------------------------- */
/* ★ ブックマーク　　　　　　　　スクロール　　　　　　 */
/* ----------------------------------------------------- */
#bookmar{
height:100px;
overflow:auto;
}


/* ----------------------------------------------------- */
/* ★ 最近のコメント　　　　　　　スクロール　　　　　　 */
/* ----------------------------------------------------- */
#recent_comment{
height:100px;
overflow:auto;
}

/* ----------------------------------------------------- */
/* ★ 最近の記事一覧　　　　　　　スクロール　　　　　　 */
/* ----------------------------------------------------- */
#recent_entries{
height:100px;
overflow:auto;
}




]]> https://ameblo.jp/sara-007/entry-11030239508.html Mon, 26 Sep 2011 19:17:06 +0900 関係ないですが･･･ 久々更新＾＾


今回ゎﾙｰﾑですが。


ﾙｰﾑにｱｲﾌﾚをつけます。


ｲﾒｰｼﾞ→☆


<STYLE type="text/css">#aifure{position:absolute;top:上からpx;right:右からpx;width:記事の横幅px;height:記事の縦幅px;overflow:auto;padding:文字と枠の隙間px;background-color:枠内の背景色カラーコード;z-index:300;border:太さpx solid 枠色カラーコード;}</STYLE>

<div id="aifure">ここに好きな文字等を</div>

<style type="text/css">#contentsArea{position:relative;}</style>

ルームのフリースペースに!!


アイフレ2つ付けたい場合は

#aifure{position・・・・を
#aifure2{position・・・・に変更してから2つ目を貼ってください


あと
<div id="aifure">ここに好きな文字等を</div> から
<div id="aifure2">ここに好きな文字等を</div> で貼ってください!!

]]> https://ameblo.jp/sara-007/entry-10992034911.html Sat, 20 Aug 2011 14:46:32 +0900 アメーババーの「マイページ・ピグ・ブログ」を書くを消すタグ＊

#barLogoTop li{
display:none;
}


ｃｃｓに貼ってくださいｗｗ




]]> https://ameblo.jp/sara-007/entry-10956260351.html Sun, 17 Jul 2011 13:47:29 +0900 「名前　ルーム｜ブログ」を消すタグ＊


↑です＾＾



div#userNaviArea a,
ul#navigationList{
display:none !important;
}



空間はそのままで消したい場合

フリープラグインに


<style type="text/css"><!--
div#userNaviArea{
visibility: hidden !important;
}--></style>

 ]]> https://ameblo.jp/sara-007/entry-10956257383.html Sun, 17 Jul 2011 13:40:04 +0900 セレクトメニュー　＊


セレクトメニューとは？






ところてんのような押し出し式？のメニューのこと





詳しくゎ





本家blog参照・・・





ﾐﾆyoutubeの㊦のやつ




これをつくっちゃいましょ♪





まず




これをフリープラグインに貼ってください！！





<select onChange="location=this.options[this.selectedIndex].value">
<option > ▼ 飛ぶよ ▼ </option>
<option value=http://ameblo.jp/kiyoe0329/">ブログ</option>
<option value=http://profile.ameba.jp/○○○/>ルーム</option>
<option value=http://msg.ameba.jp/pub/send/index?toAmebaId=○○○">メッセージ</option>
<option value="http://blog.ameba.jp/reader.do?bnm==○○○">読者</option>
<option value="http://peta.ameba.jp/p/addPeta.do?targetAmebaId○○○=">ペタ</option>
</select>





青が実際に表示されます



飴んばｗとかに



変えてもいいです!!



水色ゎ



自分のURLを



blogなら対応できるように○○○をつけました



○○○を自分のidにすればおｋです。



文字を変えたら




そこに対応するようURLも



変えましょｗｗ



.selectmenu01{
color:#333333;/*文字色*/
background-color:#ffffff;/*背景色*/
border:3px dotted #00ffff;/*枠線*/
width:160px;/*横幅*/
text-align:center;/*中央寄せ*/
}
.selectmenu01 .sm0{
color:#0000ff;/*文字色*/
background-color:#00ffff;/*背景色*/
background-image:url(背景画像のＵＲＬ);/**/
}
.selectmenu01 .sm1{
color:#ff0099;/*文字色*/
background-color:#ff99ff;/*背景色*/
background-image:url(背景画像のＵＲＬ);/**/
}
.selectmenu01 .sm2{
color:#3300ff;/*文字色*/
background-color:#ccffff;/*背景色*/
background-image:url(背景画像のＵＲＬ);/**/
}



これをCSSにｗｗ




水色＝色ですぉｗｗ





]]> https://ameblo.jp/sara-007/entry-10945375103.html Wed, 06 Jul 2011 19:03:01 +0900 便利← アメンバー限定公開記事です。 https://ameblo.jp/sara-007/amemberentry-10942340492.html Sun, 03 Jul 2011 18:09:40 +0900 ぶろぐを細くする /* ----------------------------------------------------- */
/* ■ 各幅を調整（細く縦長）　　　　　　　　　　　　　　 */
/* ----------------------------------------------------- */
#frame{ /* フレーム */
width:550px;
}
#wrap{ /* 包装 */
width:550px;
}
#header{ /* ヘッダー */
width:550px;
}
#main{ /* 記事全体 */
width:370px;
float:right;
}
.entry{ /* 記事個別 右の余白部分(①)を記事全体から引いた値より小さいこと */
width:360px;
}
#sub_a{ /* サイドバー左 */
width:150px;
}
#sub_b{ /* サイドバー右 */
height:300px;
width:170px;
overflow:scroll;
}
#comment_show{ /* コメント投稿 (記事個別と同じ) */
width:248px;
}


ccsに貼ってねｗｗ



調節もできますｗｗ



]]> https://ameblo.jp/sara-007/entry-10942334240.html Sun, 03 Jul 2011 18:07:32 +0900 記事にスクロール つけちゃおｗｗ



.entry{/* 記事スクロール */
height:400px;
width:410px;
overflow:auto;
}
html,body {/* スクロールバーの色（全体） */
scrollbar-face-color: #66CCFF; /* 1 表面の色 */
scrollbar-track-color: #FFFFFF; /* 2 バーの背景の色 */
scrollbar-arrow-color: #FFFFFF; /* 3 矢印の色 */
scrollbar-highlight-color: #FFFFFF; /* 4 ハイライトの色 */
scrollbar-3dlight-color: #FFFFFF; /* 5 外側のハイライトの色 */
scrollbar-shadow-color: #FFFFFF; /* 6 影の色 */
scrollbar-darkshadow-color: #FFCCFF; /* 7 外側の影の色 */
}







色ゎ、おれんじのところです。。。



これで色設定すると、ブログ全体のスクロールがこの色になるよｗ




水色で、記事自体の 細さ と 縦の長さを変えれます。。。



height:400px　・・・、縦の長さです　数字を変えて調節



width:410px・・・、横の太さです　数字を変えて調節



]]> https://ameblo.jp/sara-007/entry-10942292445.html Sun, 03 Jul 2011 17:22:41 +0900 広告消すタグ

広告消すタグ・・・



これ、自己責任でお願いします!!



本当ゎ、広告をのせるかわりに




無料でぶろぐをやらせていただいてるらしいんです




なので、自己責任でお願いしますね・・・






↓を、CSSの最後にはってください＊






以上・・・・

/*広告消す*/
#advertising2{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
#ameblo{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
#defaultAd{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}


]]> https://ameblo.jp/sara-007/entry-10942289039.html Sun, 03 Jul 2011 17:19:44 +0900 ページ移動の時の効果 サイドバーのフリースペースに貼ってねｗｗ



▼モザイク
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare='50', percent='1',duration=8)">


▼星型
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(irisStyle=STAR,duration=5,motion=out)" />


▼丸型（外側から中央
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=2)">


▼丸型（中央から外側
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=3)">


▼四角型（外側から中央
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=0)">


▼四角型（中央から外側
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=1)">


▼上から下
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=5)">


▼下から上
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=4)">


▼右から左
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=7)">


▼左から右
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=6)">


▼たてしま
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=8)">


▼よこしま
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=9)">


▼格子模様（たて
<META http-equiv="Page-Exit" content="revealTrans
(Duration=2.0,Transition=11)">


▼格子模様（よこ
<META http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=10)">


]]> https://ameblo.jp/sara-007/entry-10942275415.html Sun, 03 Jul 2011 17:04:30 +0900