
今回ゎ、テーマ通り(←前回もだったけどね
)一発タグをご提供しますぅ~
サンプル↓
http://stat001.ameba.jp/user_images/20120407/15/glo0omy/e1/25/p/o0800072311901636016.png
スキン↓
http://nickynix.up.seesaa.net/image/o10000710ogamauha1333696966225.png
CSS↓
/*------------------------------
●⇒ブログ全体の背景色
■⇒ブログ全体の背景画像URL
------------------------------*/
html{
background-color:#●;
background-image:url(■);
background-attachment:fixed;
text-align:center;
}
/*----------------
スキン画像URL
----------------*/
.skinFrame2{
width:1000px;
height:710px;
margin:auto;
position:relative;
background-image:url(●);
}
/*---------
文字色
---------*/
.skinTextColor,
.skinBaseTextColor,
.skinBlock, body,
.commentTime{
color:#●;
}
/*-----------------
通常のリンク色
-----------------*/
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a, a{
color:#●;
}
/*---------------------
触れた時のリンク
●⇒文字色
■⇒文字背景色
---------------------*/
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:hover, a:hover{
color:#●;
background-color:#■;
text-decoration:none;
}
/*---------------------
訪問済みのリンク色
---------------------*/
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited, a:visited{
color:#●;
}
/*-----------------------
記事タイトルの文字色
-----------------------*/
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
color:#●;
background-color:transparent;
}
/*-----------------------
日付・テーマの文字色
-----------------------*/
.articleDetailArea{
color:#●;
}
/*-------------------------------
通常の時の前ページ・次ページ
●⇒文字色
■⇒背景色
▲⇒枠色
-------------------------------*/
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:focus{
color:#●;
background-color:#■;
border-color:#▲;
}
/*-------------------------------
触れた時の前ページ・次ページ
●⇒文字色
■⇒背景色
▲⇒枠色
-------------------------------*/
.skinSimpleBtn:hover{
color:#●;
background-color:#■;
border-color:#▲;
}
/*---------------------------
通常の時の横メニュー項目
●⇒文字色
■⇒背景色
▲⇒枠色
---------------------------*/
#topmenu li a {
color:#●;
background-color:#■;
border:1px solid #▲;
font-size:12px;
padding:5px;
margin:0;
text-decoration: none;
display: block;
}
/*---------------------------
触れた時の横メニュー項目
●⇒文字色
■⇒背景色
▲⇒枠色
---------------------------*/
#topmenu li a:hover {
color:#●;
background-color:#■;
border:1px solid #▲;
}
/*---------記入終わり。ここから下はコピーするだけ--------*/
#topmenu {
width:1000px;
line-height:1;
display: block;
position:absolute;
top:730px;
right:0;
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:125px;
text-align:center;
display:inline;
list-style:none;
float:left;
}
.footerNav,.skinHeaderArea{
display:none!important;
}
.skinMainArea{
width:362px!important;
height:281px;
overflow-y:auto;
position:absolute;
left:270px;
top:203px;
}
.skinSubA{
width:328px!important;
}
#aifure1{
display:block;
width:117px;
height:139px;
overflow:auto;
position:absolute;
left:7px;
top:546px;
}
#aifure2{
display:block;
width:163px;
height:139px;
overflow:auto;
position:absolute;
left:135px;
top:546px;
}
#aifure3{
display:block;
width:163px;
height:139px;
overflow:auto;
position:absolute;
left:308px;
top:546px;
}
#aifure4{
display:block;
width:163px;
height:139px;
overflow:auto;
position:absolute;
left:482px;
top:546px;
}
ul#amebaBar{
position:static!important;
margin:auto!important;
background-color:transparent!important;
border:0;
}
li#barSrch {
position:relative;
}
body{
min-width:100%;
padding-top:0!important;
}
.skinContentsArea{
width:1000px;
height:754px;
}
.layoutContentsA{
width:999px!important;
margin-right:1px;
margin-top:91px;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinArticleBody2{
margin:0;
}
.skinTitle:hover{
background-color:transparent;
}
.skinArticleHeader{
border:0;
}
.articleLinkArea{
text-align:center;
}
.commentArea{
background-color:transparent;
border:0;
}
.skinStrongBgColor, .skinBaseStrongBgColor{
background-color:transparent;
}
.pagingArea{
width:100%;
}
.pagingNext{
left:210px;
}
.pagingPrev{
right:210px;
}
●⇒ブログ全体の背景色
■⇒ブログ全体の背景画像URL
------------------------------*/
html{
background-color:#●;
background-image:url(■);
background-attachment:fixed;
text-align:center;
}
/*----------------
スキン画像URL
----------------*/
.skinFrame2{
width:1000px;
height:710px;
margin:auto;
position:relative;
background-image:url(●);
}
/*---------
文字色
---------*/
.skinTextColor,
.skinBaseTextColor,
.skinBlock, body,
.commentTime{
color:#●;
}
/*-----------------
通常のリンク色
-----------------*/
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a, a{
color:#●;
}
/*---------------------
触れた時のリンク
●⇒文字色
■⇒文字背景色
---------------------*/
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:hover, a:hover{
color:#●;
background-color:#■;
text-decoration:none;
}
/*---------------------
訪問済みのリンク色
---------------------*/
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited, a:visited{
color:#●;
}
/*-----------------------
記事タイトルの文字色
-----------------------*/
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
color:#●;
background-color:transparent;
}
/*-----------------------
日付・テーマの文字色
-----------------------*/
.articleDetailArea{
color:#●;
}
/*-------------------------------
通常の時の前ページ・次ページ
●⇒文字色
■⇒背景色
▲⇒枠色
-------------------------------*/
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:focus{
color:#●;
background-color:#■;
border-color:#▲;
}
/*-------------------------------
触れた時の前ページ・次ページ
●⇒文字色
■⇒背景色
▲⇒枠色
-------------------------------*/
.skinSimpleBtn:hover{
color:#●;
background-color:#■;
border-color:#▲;
}
/*---------------------------
通常の時の横メニュー項目
●⇒文字色
■⇒背景色
▲⇒枠色
---------------------------*/
#topmenu li a {
color:#●;
background-color:#■;
border:1px solid #▲;
font-size:12px;
padding:5px;
margin:0;
text-decoration: none;
display: block;
}
/*---------------------------
触れた時の横メニュー項目
●⇒文字色
■⇒背景色
▲⇒枠色
---------------------------*/
#topmenu li a:hover {
color:#●;
background-color:#■;
border:1px solid #▲;
}
/*---------記入終わり。ここから下はコピーするだけ--------*/
#topmenu {
width:1000px;
line-height:1;
display: block;
position:absolute;
top:730px;
right:0;
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:125px;
text-align:center;
display:inline;
list-style:none;
float:left;
}
.footerNav,.skinHeaderArea{
display:none!important;
}
.skinMainArea{
width:362px!important;
height:281px;
overflow-y:auto;
position:absolute;
left:270px;
top:203px;
}
.skinSubA{
width:328px!important;
}
#aifure1{
display:block;
width:117px;
height:139px;
overflow:auto;
position:absolute;
left:7px;
top:546px;
}
#aifure2{
display:block;
width:163px;
height:139px;
overflow:auto;
position:absolute;
left:135px;
top:546px;
}
#aifure3{
display:block;
width:163px;
height:139px;
overflow:auto;
position:absolute;
left:308px;
top:546px;
}
#aifure4{
display:block;
width:163px;
height:139px;
overflow:auto;
position:absolute;
left:482px;
top:546px;
}
ul#amebaBar{
position:static!important;
margin:auto!important;
background-color:transparent!important;
border:0;
}
li#barSrch {
position:relative;
}
body{
min-width:100%;
padding-top:0!important;
}
.skinContentsArea{
width:1000px;
height:754px;
}
.layoutContentsA{
width:999px!important;
margin-right:1px;
margin-top:91px;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinArticleBody2{
margin:0;
}
.skinTitle:hover{
background-color:transparent;
}
.skinArticleHeader{
border:0;
}
.articleLinkArea{
text-align:center;
}
.commentArea{
background-color:transparent;
border:0;
}
.skinStrongBgColor, .skinBaseStrongBgColor{
background-color:transparent;
}
.pagingArea{
width:100%;
}
.pagingNext{
left:210px;
}
.pagingPrev{
right:210px;
}
フリースペースに貼りつける↓
<div id="topmenu"><ul><li><a href="項目①のURL">項目①</a></li><li><a href="項目②のURL">項目②</a></li><li><a href="項目③のURL">項目③</a></li><li><a href="項目④のURL">項目④</a></li><li><a href="項目⑤のURL">項目⑤</a></li><li><a href="項目⑥のURL">項目⑥</a></li><li><a href="項目⑦のURL">項目⑦</a></li><li><a href="項目⑧のURL">項目⑧</a></li></ul></div>
< div id="aifure1"> ここにアイフレ1の文字 </div>
< div id="aifure2"> ここにアイフレ2の文字 </div>
< div id="aifure3"> ここにアイフレ3の文字 </div>
< div id="aifure4"> ここにアイフレ4の文字 </div>
どうですか?
飴児限定記事なのも分かるでしょう?
まぁ、この記事を見れたあなたゎ、幸運の持ち主です!
使う時やもらう時ゎ、コメ、絶対ですよ!
そいでゎ・・・
ノシっちゃ
