ピグ素材

ユニコード配布

ೋೋೋೋೋೋ※ೋೋೋೋೋೋ※ೋೋೋೋೋೋ※ೋೋೋ

↑が今現在使用可能なユニコードです。

↑をコピって、ピグのチャットにて使用してください。

ただし、人の迷惑にはならないようにしてください。

グローバルメニューを設置する方法

質問者のユウゴさんに回答します。
まずは、下記のソースを、コピって、
フリースペースに貼り付けて下さい。
<div id="headerMenu"><!--
--><ul class="menu"><!--
--><li><a href="#" target="_blank">テスト</a></li><!--
--><li><a href="#" target="_blank">
テスト</a></li><!--
--><li><a href="#" target="_blank">テスト
</a></li><!--
--><li><a href="#" target="_blank">
テスト</a></li><!--
--><li><a href="#" target="_blank">テスト
</a></li><!--
--></ul><!--
--></div>
テストというところには、
メニューの名前を入力してください。
#これのテキストを消して、メニューをクリック
したときにジャンプするリンク先ページのURLを
入力してください。
※ちなみにテストというところのテキストは消して、
メニューの名前を入力してください。
#これも同様にやってください。
あと、ソースの中にblankという文字が、
5つありますよね？その5つすべてを、
selfに変えてください。そうしたらokです。
次は、CSSです。下記のソースをコピって、
CSSの適当なところに貼り付けて下さい。
/* ヘッダー下にグローバルメニューを設置する方法 */
/*▼▼▼ 変更しない ▼▼▼*/
#frame{ position:relative; } /* おまじない */
div#headerMenu{
position:absolute;
margin:0;
padding:0;
}
div#headerMenu ul.menu{
margin:0;
padding:0;
list-style: none;
}
div#headerMenu ul.menu li{
display:inline;
}
div#headerMenu ul.menu li a{
display:block;
float:left;
margin:0;
padding:0;
white-space:nowrap;
overflow:hidden;
text-align:center;
}
/*▲▲▲ 変更しない ▲▲▲*/
/*▼▼▼ サイズ・位置など ▼▼▼*/
#overHeader{
height:240px; /* ヘッダーの高さ */
}
div#headerMenu{
top:200px; /* 上下位置調整 */
left:0px; /* 左右位置調整 */
width:800px; /* メニューの幅 */
}
div#headerMenu ul.menu li a{
width:160px; /* ボタンの幅 */
font-size:14px; /* ボタンの文字サイズ */
padding-top:12px; /* ボタンの文字の縦位置調整 */
height:28px; /* ボタン高さ - 文字縦位置 */
}
/*▲▲▲ サイズ・位置など ▲▲▲*/
/*▼▼▼ ボタンの色・文字装飾・背景など ▼▼▼*/
div#headerMenu ul.menu li a{ /* 通常時 */
color:#FFFFFF; /* 文字色(白) */
font-weight:normal; /* 太字(なし) */
text-decoration:none; /* 下線(なし) */
background-color:#000099; /* 背景色(濃い青) */
background-image:url(); /* 背景画像 */
background-repeat:repeat; /* 背景画像繰り返し */
}
div#headerMenu ul.menu li a:hover{ /* カーソルが乗った時 */
color:#FF0000; /* 文字色(赤) */
font-weight:bold; /* 太字(あり) */
text-decoration:underline; /* 下線(あり) */
background-color:#EFEFEF; /* 背景色(薄いグレー) */
background-image:url(); /* 背景画像 */
background-repeat:repeat; /* 背景画像繰り返し */
}
/*▲▲▲ ボタンの色・背景など ▲▲▲*/
ボタン色などは、ご自分で、調整してください。
ちなみに、色のコードは以下のとおりです。
(すべてではありません)
黒=000000
白=FFFFFF
水色=9CD6E9
緑=CDDAA5
赤=FF0000