一発改造１

▼　一発改造　素材屋風12

ぴんく　アイフレ５つ　横メニュー５こ　広告

サンプル(クリックで拡大)

改造の方法はこちら

↑の画像の使い方はこちら

＜フリースペースにコピペ＞

<div id="aifure1"><center><font size="1"> 
画像改造 【nis.a】 配布さん

とp画　スキン　カーソル 
ファビコン　メニューなどの 
画像配布と 
CSSなどを配布するグル 
コピペだけでできる 
改造タグも配布中◎

是非参加してね( ^o^ )

</div> 
<div id="aifure2"><center><font size="1"> 
アイフレ２ 
ここに好きな文字とか、 
画像とかを貼ってね！

文字は直接入力

画像は 
<img src="画像URL"> 
例えば 
<img src="http://stat.ameba.jp/user_images/20110707/16/lojolb/bf/68/g/o0088003111335424505.gif">

リンクは 
<a href="リンク先URL"></a> 
例えば 
<a href="http://group.ameba.jp/group/lEN-xNgobb2L/">nis.a</a>

画像リンクは 
<a href="リンク先URL"><img src="画像URL"></a> 
例えば 
<a href="http://group.ameba.jp/group/lEN-xNgobb2L/"><img src="http://stat.ameba.jp/user_images/20110707/16/lojolb/bf/68/g/o0088003111335424505.gif"></a>

です！

</div> 
<div id="aifure3"><center><font size="1">

アイフレ３ 
ここに好きな文字とか、 
画像とかを貼ってね！ 
</div> 
<div id="aifure3"><center><font size="1">

アイフレ４ 
ここに好きな文字とか、 
画像とかを貼ってね！ 
</div> 
<div id="aifure3"><center><font size="1">

アイフレ５ 
ここに好きな文字とか、 
画像とかを貼ってね！ 
</div>

＜フリープラグインにコピペ＞

＜CSSにコピペ＞

@charset "utf-8"; 
/* 
-----------------------------------------

【CSS編集 目次】

(1) 文字のスタイル 
　(2) ボタンのスタイル 
　(3) エリアのスタイル 
　(4) その他、拡張

※CSS編集で広告を修正しないでください 
（規約違反に該当する可能性があります）

----------------------------------------- 
*/

/* 
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

(1) 文字のスタイル

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 
*/

/* (1-1) 全体の文字 
--------------------------------------------*/

/* 通常文字 */ 
.skinTextColor,.skinBaseTextColor,.skinBlock,body{ 
color:gray; 
}

/* リンク */ 
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{ 
color:#FF9999; 
}

/* 訪問済のリンク */ 
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{ 
color:#FFCCCC; 
}

/* マウスオーバーしたときのリンク */ 
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{ 
color:gray; 
}

/* 弱い文字 （日付など）*/ 
.skinWeakColor,.skinBaseWeakColor{ 
color:#FFCCCC; 
}

/* 強い文字 （NEW! 更新!など）*/ 
.skinStrongColor,.skinBaseStrongColor{ 
color:#FF9999; 
}

/* (1-2) ブログタイトル文字 
--------------------------------------------*/

/* skinTitle ブログタイトル文字 */ 
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{ 
color:#CCFF33; 
font-weight:bold; 
font-size:2.11em; 
}

/* skinDescription ブログの説明文字 */ 
.skinDescription{ 
color:#333333; 
}

/* (1-3) 記事／メッセージボード内の文字のスタイル 
--------------------------------------------*/

/* skinArticleTitle 記事タイトル文字 */ 
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{ 
font-size:1.31em; 
font-weight:bold; 
color:#FF9999; 
}

/* (1-4) サイドバー内の文字のスタイル 
--------------------------------------------*/

/* skinMenuTitle サイドメニュータイトル文字 */ 
.skinMenuTitle{}

/* 
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

(2) ボタンのスタイル 
※ボタンの背景画像や文字の色などを指定

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 
*/

/* (2-1) ボタン[横180px 縦35px] 
--------------------------------------------*/

/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */ 
.skinImgBtnM{ 
background-image:url(http://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png); 
}

/* ボタンの文字色 */ 
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{ 
color:#333333 !important; 
}

/* (2-2) アイコン付きボタン[横128px 縦28px] 
--------------------------------------------*/

/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */ 
.skinImgBtnS{ 
background-image:url(http://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png); 
}

.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span{ 
/* 
アイコン画像は下記から指定 
menu_icons_pastel.png (パステル） 
menu_icons_gray.png（グレー） 
menu_icons_black.png（黒） 
menu_icons_white.png（白） 
*/ 
background-image:url(http://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png); 
color:#333333 !important;/* ←ボタンの文字色 */ 
}

/* (2-3) ページ送りボタンの << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン 
--------------------------------------------*/

.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{ 
border:1px solid #dfd9e6; 
background:#ffffff; 
color:#dfd9e6 !important; 
}

/* ボタンにマウスオーバー */ 
.skinSimpleBtn:hover,.skinSimpleBtn:focus{ 
background:#f7f7f7; 
}

/* 
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

(3) エリアのスタイル 
※背景画像、サイズ、ボーダーなどを各部分ごとに指定

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 
*/

/* (3-1) ボディ（全体） 
--------------------------------------------*/

/* skinBody ボディ */ 
.skinBody{}/* ←ブログ全体に背景を敷きたいとき */ 
.skinBody2{} 
.skinBody3{}

/* (3-2) ブログヘッダー 
--------------------------------------------*/

/* skinHeaderArea ブログヘッダー980pxエリア */ 
.skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */ 
.skinBlogHeadingGroupArea{ 
padding:20px 0 30px; 
}

/* skinTitleArea ブログタイトルのエリア */ 
.skinTitleArea{ 
padding-bottom:4px; 
}

/* skinDescriptionArea ブログの説明エリア */ 
.skinDescriptionArea{}

/* (3-3) コンテンツエリア 
--------------------------------------------*/

/* skinContentsArea コンテンツ980pxエリア */ 
.skinContentsArea{ 
/* 注 ベースのcssにwidth:980px;の記述有り */ 
}

/* (3-4) メインエリア 
--------------------------------------------*/

.skinMainArea{}

/* (3-5) メッセージボード 
--------------------------------------------*/

.skinMessageBoard{ 
/* 注 ベースのcssに margin-bottom の記述有り */ 
border-top:1px dotted #979797; 
border-bottom:1px dotted #979797; 
background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */ 
} 
.skinMessageBoard2{} 
.skinMessageBoard3{ 
padding:16px 30px; 
}

/* (3-6) 記事 
--------------------------------------------*/

/* skinArticle 記事エリア */ 
.skinArticle{ 
/* 注　ベースのcssに margin-bottom の記述有り */ 
padding:16px 0; 
border:1px solid #dddddd; 
background:#ffffff;/* ←記事に背景を敷きたいとき */ 
} 
.skinArticle2{} 
.skinArticle3{}

/* skinArticleHeader 記事タイトルエリア */ 
.skinArticleHeader{ 
margin:0 29px; 
padding:2px 10px; 
border-left:5px solid #e4e4e4; 
} 
.skinArticleHeader2{}

/* skinArticleBody 記事本文エリア */ 
.skinArticleBody{} 
.skinArticleBody2{ 
margin:0 29px; 
}

/* skinArticleFooter 記事フッターエリア */ 
.skinArticleFooter{ 
margin:10px 29px 0; 
border-top:1px dotted #949494; 
}

/* (3-7) サイドバーエリア 
--------------------------------------------*/

.skinSubArea{} /* サイドバーエリア共通 */ 
.skinSubA{} /* 300pxのサイドバーエリア */ 
.skinSubB{} /* 180pxのサイドバーエリア */

/* (3-8) サイドバー　メニュー 
--------------------------------------------*/

/* skinMenu サイドバー　メニューのエリア */ 
.skinMenu{ 
/* 注　ベースのcssに margin-bottom の記述有り */ 
background:#f7f7f7;/* ←サイドメニューに背景を敷きたいとき */ 
} 
.skinMenu2{}

/* skinMenuHeader サイドメニュータイトルエリア */ 
.skinMenuHeader{ 
padding:5px 10px; 
background:#e4e4e4;/* ←サイドメニューのタイトルに背景を敷きたいとき */ 
}

/* skinMenuBody サイドメニュー本文エリア */ 
.skinMenuBody{ 
margin:10px; 
padding:10px; 
background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */ 
}

/* (3-9) サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること 
--------------------------------------------*/

.skinSubHr, 
.skinSubList li{ 
margin-bottom:3px; 
padding-bottom:3px; 
border-bottom:1px dotted #b3b3b3; 
}

/* (3-10) コメント欄、トラバ欄、記事一覧などの一覧 
--------------------------------------------*/

/* 背景色 */ 
.skinBgColor,.skinBaseBgColor,.skinBlock{ 
background-color:#ffffff; 
}

/* 弱い背景色 */ 
.skinWeakBgColor,.skinBaseWeakBgColor{ 
background-color:#f7f7f7; 
}

/* 強い背景色 */ 
.skinStrongBgColor,.skinBaseStrongBgColor{ 
background-color:#f7f7f7; 
}

/* 枠線の色 */ 
.skinBorderColor,.skinBaseBorderColor,.skinBlock{ 
border-color:#dddddd; 
}

/* 境界線の色 */ 
.skinBorderHr,.skinBorderList li{ 
border-color:#b3b3b3; 
}

/* 
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

(4) その他、拡張

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 
*/

/* その他、拡張があれば記述 */

/*　素材屋スキン　*/

.skinTitle, 
.skinDescription{ 
display:none !important; 
} 
.skinFrame2{ 
position:relative; 
width:729px !important;/*スキンの横幅*/ 
height:600px;/*スキンの縦幅*/ 
margin:auto; 
margin-top:0px;/*上の広告との間の隙間*/ 
right:130px; 
background-image:url(★スキン画像URL★);/*スキンの画像URL*/ 
} 
.skinMainArea{ 
width:393px !important;/*記事部分の横幅*/ 
height:536px;/*記事部分の縦幅*/ 
overflow:auto; 
position:absolute; 
left:304px;/*記事の左からの位置*/ 
top:34px;/*記事の上からの位置*/ 
overflow-x:hidden; 
} 
.skinArticle{ 
background-color:transparent; 
border:0; 
} 
.skinSubA{ 
width:300px !important;/*広告サイドバーの横幅*/ 
height:600px;/*広告サイドバーの縦幅*/ 
overflow:auto; 
background-color:#ffffff;/*背景色*/ 
position:absolute; 
left:739px;/*広告サイドバーの左からの位置*/ 
top:0px;/*広告サイドバーの上からの位置*/ 
border:1px solid #FFCCCC; 
} 
.skinSubB{ 
width:0 !important; 
} 
.skinContentsArea{ 
width:200px; 
} 
.pagingArea{ 
width:99%; 
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/ 
}

/*　ブログタイトル・説明消去　*/

.skinTitle{ 
display:none; 
} 
.skinDescription{ 
display:none; 
}

/*　字体変更　*/

.skinSubB{ 
font-family:ＭＳ Ｐゴシック;/*文字体の種類*/ 
font-weight:bold;/*太字*/ 
}

/*　アイフレ　１　*/

#aifure1{ 
position:absolute; 
top:640px; 
left:0px; 
width:250px; 
height:200px; 
overflow:auto; 
padding:3px; 
background-color:#FFFFFF; 
border:1px solid #FFCCCC;/*項目の枠の太さ 種類 色*/ 
}

/*　アイフレ　２　*/

#aifure2{ 
position:absolute; 
top:640px; 
left:260px; 
width:250px; 
height:200px; 
overflow:auto; 
padding:3px; 
background-color:#FFFFFF; 
border:1px solid #FFCCCC;/*項目の枠の太さ 種類 色*/ 
}

/*　アイフレ　３　*/

#aifure3{ 
position:absolute; 
top:640px; 
left:520px; 
width:250px; 
height:200px; 
overflow:auto; 
padding:3px; 
background-color:#FFFFFF; 
border:1px solid #FFCCCC;/*項目の枠の太さ 種類 色*/ 
}

/*　アイフレ　４　*/

#aifure4{ 
position:absolute; 
top:640px; 
left:780px; 
width:250px; 
height:200px; 
overflow:auto; 
padding:3px; 
background-color:#FFFFFF; 
border:1px solid #FFCCCC;/*項目の枠の太さ 種類 色*/ 
}

/*　アイフレ　５　*/

#aifure5{ 
position:absolute; 
top:415px; 
left:35px; 
width:234px; 
height:159px; 
overflow:auto; 
padding:3px; 
background-color:Transparent; 
}

/*　絶対　*/

body{ 
min-width:100%; 
}

/*　背景　*/

html{ 
background-image:url(★背景画像URL★);/*画像URL*/ 
background-repeat:repeat; 
background-attachment:fixed; 
}

/*　アメンバーバー透過　*/

ul#amebaBar { 
border: 0; 
background-color:transparent; 
}

/*　アメン限定　*/

.amemberEntryBtn img{ 
visibility:hidden; 
} 
.amemberEntryBtn a{ 
background-image:url(★アメン画像URL★);/*画像URL*/ 
width:200px;/*画像の横幅*/ 
height:100px;/*画像の縦幅*/ 
margin:auto; 
display:block; 
}

/*　コメント画像　*/

.commentBtn{ 
text-indent:-9999px; 
background-image:url(★コメント画像URL★);/*画像URL*/ 
width:200px;/*コメ画の横幅*/ 
height:100px;/*コメ画の縦幅*/ 
} 
.basicBtnS, .basicBtnM{ 
border:0; 
background-color:transparent; 
}

/*カーソル*/

body { 
cursor: url(http://dl.dropbox.com/u/25192986/h-4.ani), auto; 
}

/*　横メニュー　*/

.skinFrame2{ 
position:relative; 
margin:auto; 
width:1000px; 
} 
#menu { 
width:1000px;/*横メニュー全体の横幅*/ 
line-height:1; 
display: block; 
position:absolute; 
top:610px;/*横メニューの上からの位置*/ 
left:20px;/*横メニューの左からの位置*/ 
z-index:999; 
} 
#menu ul{ 
margin:0; 
padding:0; 
} 
#menu li { 
width:200px;/*1つの項目の横幅*/ 
text-align:center; 
display:inline; 
list-style:none; 
float:left; 
} 
#menu li a { 
color:#FFCCCC;/*項目の文字色*/ 
font-size:10px;/*項目の文字サイズ*/ 
border:1px solid #FFCCCC;/*項目の枠の太さ 種類 色*/ 
background-color:#ffffff;/*項目の背景色*/ 
padding:6px;/*文字と上下の隙間の大きさ*/ 
margin:0; 
text-decoration: none; 
display: block; 
} 
#menu li a:hover { 
color:gray;/*カーソル乗せたときの文字色*/ 
border:1px solid #FFCCCC;/*項目の枠の太さ 種類 色*/ 
background-color:#ffffff;/*カーソル乗せたときの背景色*/ 
}