サマーウォーズのブログ

サマーウォーズのブログ

ブログの説明を入力します。

Amebaでブログを始めよう!

.skinTitle,
.skinDescription{
display:none !important;
}
.skinFrame2{
position:relative;
width:○px !important;/*スキンの横幅*/
height:○px;/*スキンの縦幅*/
margin:auto;
margin-top:○px;/*上の広告との間の隙間*/
background-image:url(☆);/*スキンの画像URL*/
border:○px △ #☆;/*スキンの周りの枠の太さ 種類 色*/
}
.skinMainArea{
width:○px !important;/*記事部分の横幅*/
height:○px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:○px;/*記事の左からの位置*/
top:○px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:○px !important;/*広告サイドバーの横幅*/
height:○px;/*広告サイドバーの縦幅*/
overflow:auto;
border:○px △ #☆;/*広告サイドバーの枠の太さ 種類 色*/
background-color:#☆;/*背景色*/
position:absolute;
left:○px;/*広告サイドバーの左からの位置*/
top:○px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:○px auto ○px auto;/*ページナビの上との隙間&下との隙間*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#topmenu {
width:○px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:○px;/*横メニューの上からの位置*/
left:○px;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:○px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#□;/*項目の文字色*/
font-size:○px;/*項目の文字サイズ*/
border:○px △ #□;/*項目の枠の太さ 種類 色*/
background-color:#□;/*項目の背景色*/
padding:○px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#□;/*カーソル乗せたときの文字色*/
border:○px △ #□;/*カーソル乗せたときの枠の太さ 種類 色*/
background-color:#□;/*カーソル乗せたときの背景色*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}

#✡{
display:block;
width:○px;/*アイフレの横幅*/
height:○px;/*アイフレの縦幅*/
overflow:auto;
background-color:#□;/*アイフレの背景色*/
border:○px △ #□;/*アイフレの枠の太さ 種類 色*/
position:absolute;
top:○px;/*アイフレの上からの位置*/
left:○px;/*アイフレの左からの位置*/
}



これはフリースペースに

<div id="✡" 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><li><a href="項目⑤のURL">項目⑤の文字</a></li></ul></div>


アイフレ2個目以上は紫のところを絶対消してください。


アイフレ2個目以上はピンクのところは増やしていってかまいません。

あと青いところ



✡は、好きな半角英数を入れて、

アイフレ一個一個半角英数を変えてくださいね。



お疲れ。




下線を消す


<style type="text/css">
<!--
a{text-decoration:none}-->
</style>


適当にやったらできました。上線が

出る


<style type="text/css">
<!--
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:overline;}
-->
</STYLE>


文字を斜めに


<STYLE type="text/css">
<!--
a:hover{font:italic;}
-->
</STYLE>


文字を太めに


<STYLE type="text/css">
<!--
a:hover{font-weight:bolder;}
-->
</STYLE>



可愛い二色使い(もらった)


<style type=text/css>
<!--
A{
text-decoration : none;color : #000000;
cursor : default;
}
A:HOVER{
color :触れたときの色;
text-decoration : none;
cursor : default;
visibility : visible;
float : none;
clear : none;
position : relative;
bottom : 1pt;
right : 1pt;
}
}
-->
</STYLE>


プルダウンリンク?(もらった)


<SELECT onChange='location=this.options[this.selectedIndex].value' style=background-color:色;>
<OPTION SELECTED>タイトル

<OPTION VALUE='アドレス1' style=background-color:色;>リンク1
<OPTION VALUE='アドレス2' style=background-color:色;>リンク2
<OPTION VALUE='アドレス3' style=background-color:色;>リンク3
</SELECT>



どんどん追加していきます