ユーザーナビエリアを新スキンにも入れる

★　旧スキン（ベーシックスキン）で、ヘッダーの上にあった
　　ユーザーナビエリアを新スキンにも入れる

◆　下記の部分です

ニックネーム プロフィール | ブログ | ピグの部屋



①　フリープラグインへ入れる
　（アメーバＩＤ、ニックネームなどは変えてください）

<div id="userNaviArea">
<a href="http://profile.ameba.jp/アメーバＩＤ/" id="userNickName">ニックネーム</a>
<ul id="navigationList">
<li><a href="http://profile.ameba.jp/アメーバＩＤ/">プロフィール</a></li>
<li>ブログ</li>
<li class="lastItem"><a href="http://pigg.ameba.jp/?targetAmebaId=アメーバＩＤ" target="_blank">ピグの部屋</a></li>
</ul>
</div>

★　フリースペースにいれたい場合は下記の様に
　　改行を取り除いてください

<div id="userNaviArea"><a href="http://profile.ameba.jp/アメーバＩＤ/" id="userNickName">ニックネーム</a><ul id="navigationList"><li><a href="http://profile.ameba.jp/アメーバＩＤ/">プロフィール</a></li><li>ブログ</li><li class="lastItem"><a href="http://pigg.ameba.jp/?targetAmebaId=アメーバＩＤ" target="_blank">ピグの部屋</a></li></ul></div>

②　ＣＳＳへ下記を追記

/* ------------------------------------------------------- */
/* ユーザーナビの設定　　　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
div#userNaviArea {
position:absolute;
left:100px;
top:-70px;
font-size:14px;
width:100%;
height:50px;
padding-top:10px;
}
ul#navigationList {
list-style-type: none;
margin: 0;
padding: 10px 0 0;
}
ul#navigationList li {
border-right: 1px solid #999999;
float: left;
margin: 0;
padding: 0 8px;
}
ul#navigationList li.lastItem {
border: medium none !important;
padding-right: 25px !important;
}
div#userNaviArea a#userNickName {
float: left;
font-size: 1.85em;
padding: 0 10px 0 5px;
font-weight:bold;
}
/* ------------------------------------------------------- */
/* ヘッダーの上の隙間　　　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderFrame{
margin-top:70px;
}
/* ------------------------------------------------------- */
/* 絶対配置起点を設定　画面の大きさを変えて同じ位置に　　　*/
/* ------------------------------------------------------- */
.skinFrame2{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}