まず ↓をCSSに貼ってください
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aiueo2{
display:block;
width:200px;/*アイフレの横幅*/
height:100px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #FF66FF;/*アイフレの枠の太さ 種類 色*/
position:absolute;
top:340px;/*アイフレの上からの位置*/
left:679px;/*アイフレの左からの位置*/
}
#aiueo3{
display:block;
width:200px;/*アイフレの横幅*/
height:100px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #FF66FF;/*アイフレの枠の太さ 種類 色*/
position:absolute;
top:220px;/*アイフレの上からの位置*/
left:679px;/*アイフレの左からの位置*/
}
#aiueo4{
display:block;
width:200px;/*アイフレの横幅*/
height:100px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #FF66FF;/*アイフレの枠の太さ 種類 色*/
position:absolute;
top:460px;/*アイフレの上からの位置*/
left:679px;/*アイフレの左からの位置*/
}
#aiueo123{
display:block;
width:200px;/*アイフレの横幅*/
height:200px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #FF66FF;/*アイフレの枠の太さ 種類 色*/
position:absolute;
top:420px;/*アイフレの上からの位置*/
left:10px;/*アイフレの左からの位置*/
}
.skinMainArea{
width:450px !important;/*記事の横幅*/
height:400px;/*記事の縦幅*/
position:absolute;
overflow:auto;
left:220px;/*左かなんpxか*/
top:250px;/*上からなんpxか*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.footerNav{
display:none !important;
}
.skinTitle{
display:none;
}
.skinDescription{
display:none;
}
.skinBlogHeadingGroupArea{
background-image:url(自分の画像のURL);/
*スキンの画像URL*/
width:500px;/*スキンの横幅*/
height:200px;/*スキンの縦幅*/
padding:0;
margin:auto;
}
html{
scrollbar-base-color:#ffffff;/*変更しなくておk*/
scrollbar-arrow-color:#FF66FF;/*矢印の色*/
scrollbar-face-color:#FFFFFF;/*面の色*/
scrollbar-highlight-color:#FF66FF;/*内側ハイライトの色*/
scrollbar-shadow-color:#FF66FF;/*内側影の色*/
scrollbar-3dlight-color:#FFFFFF;/*外側ハイライトの色*/
scrollbar-darkshadow-color:#FFFFFF;/*外側影の色*/
scrollbar-track-color:#FFFFFF;/*レールの色*/
}
ul#amebaBar{
border:0;
background-color:transparent;/*背景透過*/
}
html{
background-image:url(自分の画像のURL);/
*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}
.skinBlogHeadingGroupArea{
position:absolute;
left:190px;/*左からの位置*/
top:10px;/*上からの位置*/
}
.skinArticle{
width:450px;/*記事欄の横幅*/
height:400px;/*記事欄の縦幅*/
overflow:auto;
border:2px solid #FF66FF;/*記事欄の枠の太さ 種類 色*/
background-color:#FFFFFF;/*記事欄の背景色*/
background-repeat:repeat;
}
#topmenu {
width:400px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:210px;/*横メニューの上からの位置*/
left:240px;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:100px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#FF66FF;/*項目の文字色*/
font-size:10px;/*項目の文字サイズ*/
border:1px double #FF66FF;/*項目の枠の太さ 種類 色*/
background-color:#FFFFFF;/*項目の背景色*/
padding:10px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#FFFFFF;/*カーソル乗せたときの文字色*/
border:1px double #FF66FF;/*カーソル乗せたときの枠の太さ 種類 色*/
background-color:#FFCCFF;/*カーソル乗せたときの背景色*/
}
border:2px solid #FF66FF;/*コメント欄の枠の太さ 種類 色*/
background-color:#FFFFFF;/*コメント欄の背景色*/
background-repeat:repeat;
}
#resPointArea{
border:1px dotted #FF66FF !important;/*枠の太さ 種類 色*/
}
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
color:#FF66FF;/*タイトル文字色*/
font-size:12px;/*タイトル文字サイズ*/
}
.skinArticleHeader{
margin:0;
border:0;
text-align:center;/*タイトル中央寄せ*/
}
.articleTheme{
display:none;
}
a.pagingList.skinPagingListColor{
display:none !important;
}
.headerBnr{
border:3px solid #FF99FF;/*枠の太さ 種類 色*/
padding:0;
}
/*ページナビを消す*/
.pagingArea{
display:none;
}
/*自分のコメント*/
.blogComment.ownerComment{
color:#FF66FF;/*文字色*/
background-color:#FFFFFF;/*背景色*/
}
.skinBorderList li{
border:1px solid #FF66FF;/*枠の太さ 種類 色*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
.skinSubA{
width:200px !important;/*横幅*/
height:50px;/*縦幅*/
overflow:auto;
border:2px solid #FF66FF;/*枠の太さ 種類 色*/
background-color:#FFFFFF;/*背景色*/
position:absolute;
left:680px;/*左からの位置*/
top:600px;/*上からの位置*/
}
li#barSrch .barKey{
border:1px solid #FF66FF;/*枠の色*/
background-color:#FFFFFF;/*背景色*/
}
#resPointArea{
border:1px dotted #FF66FF !important;/*枠の太さ 種類 色*/
}
/*テーマ位置*/
.themeMenu{
width:200px;/*横幅*/
height:180px;/*縦幅*/
overflow:auto;
background-color:#FFFFFF;/*背景色*/
border:1px solid #FF66FF;/*枠の太さ 種類 色*/
position:absolute;
left:10px;/*左からの位置*/
top:220px;/*上からの位置*/
}
/*記事を狭く*/
.skinArticle{
width:400px;/*記事の幅*/
padding:10px;/*枠内の余裕 上下左右10px*/
text-align:center;/*文字中央寄せ*/
.commentArea{
width:400px;/*コメント欄の横幅*/
height:150px;/*コメント欄の縦幅*/
overflow:auto;
border:2px solid #FF66FF;/*コメント欄の枠の太さ 種類 色*/
background-color:#FFFFFF;/*コメント欄の背景色*/
background-repeat:repeat;
}
↑ここまで
次
フリースペースに↓を貼ってください
<div id="aiueo3" align="center"></div>
<div id="aiueo2" align="center"></div>
<div id="aiueo4" align="center"></div>
<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></ul></div>
↑ここまで
最後
フリープラグインの最後に貼ってください↓
<div id="aiueo123" align="center">フリープラグイン</div>