<a href="#" id="bot1">Профиль</a>

<div style="display: none;" class="header_pop">
<div class="header_pop_close"></div>
<div class="header_pop_cont">
<div class="pop_l"><img src="ссылка на аватар" alt="переменная ника"></div>
<div class="pop_r">
<ul>
<li><a href="/index/8">Полный профиль</a></li>
<li><a href="/index/14">Читать лс (переменная кол-ва новых сообщений)</a></li>
<li><a href="/index/11">Редактировать данные</a></li>
<li><a href="/forum/12-130736-1"><font color="#ac0404"><b>Правила сайта</b></font></a></li>
<li><a href="/forum/0-0-1-35">Список пользователей</a></li>
</ul>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="http://diz-cs.ru/images_new/header_script.js"></script>

<style>
.bot_right {
   float:right;
   padding:0 5px 0 0;
   width:400px;
}

.bot_right a#bot3 {
   float:right;
   display:block;
   width:26px;
   height:24px;
   background:url(http://diz-cs.ru/images_new/h_but_5.png) no-repeat 0 0;
}

.bot_right a#bot3:hover {
   background-position:-26px 0;
   cursor:pointer;
}

.bot_right a#bot909 {
   float:right;
   display:block;
   width:26px;
   height:24px;
   background:url(http://diz-cs.ru/images/vkontakte.png) no-repeat 0 0;
}

.bot_right a#bot909:hover {
   background-position:-26px 0;
   cursor:pointer;
}

.bot_right a#bot908 {
   float:right;
   display:block;
   width:26px;
   height:24px;
   background:url(http://diz-cs.ru/images/twitter.png) no-repeat 0 0;
}

.bot_right a#bot908:hover {
   background-position:-26px 0;
   cursor:pointer;
}

.bot_right a#bot4 {
   float:right;
   display:block;
   width:26px;
   height:24px;
   background:url(http://diz-cs.ru/images_new/h_but_6.png) no-repeat 0 0;
}

.bot_right a#bot4:hover {
   background-position:-27px 0;
   cursor:pointer;
}

.header_s {
   float:right;
}

.header_s input[type="text"] {
   border:0;
   background:url(http://diz-cs.ru/images_new/header_search.png) no-repeat 0 0;
   height:20px;
   font-family:tahoma;
   font-size:11px;
   color:#3b3b3b;
   line-height:20px;
   text-indent:7px;
   width:132px;
}

.header_s input[type="submit"] {
   float:right;
   border:0;
   background:url(http://diz-cs.ru/images_new/header_search.png) no-repeat -138px 0;
   width:25px;
   height:22px;
}

.header_s input[type="submit"]:hover {
   background-position:0 -24px;
   cursor:pointer;
}

.header_pop {
   display:none;
   padding:0 0 12px 0;
   position:absolute;
   background:url(http://diz-cs.ru/images_new/popup_profile.png) no-repeat 0 0;
   z-index:10;
   width:274px;
   height:116px;
   margin:24px 0 0 -3px;
}

.header_pop_close {
   background:url(http://diz-cs.ru/images_new/h_but_4.png) no-repeat 0 0;
   width:14px;
   height:13px;
   float:right;
   margin-top:-14px;
   cursor:pointer;
}

.header_pop_close:hover {
   background-position:-15px 0;
}

.header_pop_cont {
   padding:4px 0 0 9px;
}

.header_pop_cont .pop_l {
   width:113px;
   height:92px;
   border:1px solid #000;
   -moz-border-radius:4px;
   -webkit-border-top-right-radius:4px;
   -webkit-border-top-left-radius:4px;
   -webkit-border-bottom-right-radius:4px;
   -webkit-border-bottom-left-radius:4px;
   -khtml-border-radius:4px;
   border-radius:4px;
   padding:2px;
   float:left;
   overflow:hidden;
}

.header_pop_cont .pop_l img {
   width:112px;
   height:92px;
   margin:0 auto;
}

.header_pop_cont ul {
   padding:0;
   margin:0;
}

.header_pop_cont ul li {
   display:block;
   background:url(http://diz-cs.ru/images_new/line.png) repeat-x 0 top;
   margin:0 2px 0 0;
   padding-top:2px;
   height:18px;
   line-height:17px;
}

.header_pop_cont ul li:first-child {
   background:0;
   padding-top:0;
}

.header_pop_cont ul li a {
   display:block;
   font-family:tahoma;
   font-size:11px;
   color:#4c4c4c;
   padding-left:6px;
   height:18px;
}

.header_pop_cont ul li a:hover {
   text-decoration:none;
   color:#8f8989;
   background:url(http://diz-cs.ru/images_new/line2.png) repeat-x 0 0;
}

.header_pop_cont .pop_r {
   padding:0 0 0 0;
   overflow:hidden;
}
</style>