<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='ССЫЛКА 1' selected>НАЗВАНИЕ 1</OPTION>
 <OPTION value='ССЫЛКА 2'>НАЗВАНИЕ 2</OPTION>
  <OPTION value='ССЫЛКА 3'>НАЗВАНИЕ 3</OPTION>
  <OPTION value='ССЫЛКА 4'>НАЗВАНИЕ 4</OPTION>
 <OPTION value='ССЫЛКА 5'>НАЗВАНИЕ 5</OPTION>
 <OPTION value='ССЫЛКА 6'>НАЗВАНИЕ 6</OPTION>
 <OPTION value='ССЫЛКА 7'>НАЗВАНИЕ 7</OPTION>
 <OPTION value='ССЫЛКА 8'>НАЗВАНИЕ 8</OPTION>
 <OPTION value='ССЫЛКА 9'>НАЗВАНИЕ 9</OPTION>
 <OPTION value='ССЫЛКА 10'>НАЗВАНИЕ 10</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="перейти" name=button>
</FORM>

<!--============================ Начало Таблицы ====================-->
<style>
#TBL_000 {
  width:720px;
  height:460px;
  background-image: url();/*url();*/
  background-position:left top;
  background-repeat:no-repeat;
  background-color:transparent!important;
}
</style>
<div align="center">
<table id="TBL_000" stule="margin: 100px -100px 100px!important;" cols="2" border="0">
<tr>
  <td width="410" rowspan="3" valign="bottom" align="right">
<div style="height: 254px; width: 290px; display:none;" id="yoblako" align="center"><noindex>

<!-- Облако тегов (Добавляем строки сколько влезет --> 

<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>
<a style="font-size:8pt;" href="Ссылка на тему" rel="nofollow" class="eTag eTagGr8"> Grape Forum</a>

<!--ХХ Конец Заполнения пункта --> 
</noindex>
</div>
  </td>
  <td width="310" height="165">
     <!-- &&& 1-е Окно с прокруткой -->
   <div id="tryam"  align="left"  style="/*text-align: justify; */padding: 9px 11px 17px 17px; margin: 34px 17px 10px 20px;width:243px; height: 103px; padding;0; overflow-y: auto;  overflow-x: hidden;" ><span style="color:#B7C1F2!important">

<!--Пункт 1-Администрирование == Начало Заполнения пункта --><center>

<a href="http://kyberforum.easyforum.ru/profile.php?id=2" title"Rocksmen" target="_blank"><img  src="http://s46.radikal.ru/i114/1101/77/e5bde8fda812.jpg"  style="width:70px; cursor:pointer; cursor:hand;"/></a><p style="color:#A1BCF7;">
<b>Главный администратор</b><br/>Идёт набор модераторов. Пишите в личку!</p><br/>

<a href="http://kyberforum.easyforum.ru/profile.php?id=10" title"Тёмыч" target="_blank"><img  src="http://s61.radikal.ru/i171/1101/d6/3348547a5ba6.gif" alt="Модераторы"  style="width:70px; cursor:pointer; cursor:hand;"/></a><p style="color:#A1BCF7;">
<b>Главный модератор</b><br/></p><br/> 



<!--ХХ Конец Заполнения пункта --></center>
</span> 
   </div>

  </td></tr><tr>
  <td  height="25" valign="bottom">
<center>
       <form>

<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>                                 Навигация                               </option>

<!--Пункт 2-Навигация   == Начало Заполнения пункта -->

<option value=""><small>Редактор изображений</small></option> 
<option value="http://kyberforum.easyforum.ru/pages/redaktor_izobrazhenii?action=rules"><small>01.Редактор изображений</small></option> 

<!--ХХ Конец Заполнения пункта -->
</select>
        </form>
</center>
  </td></tr><tr>
  <td valign="top" height="270">
     <!-- &&& 2-е Окно с прокруткой -->
   <div id="tryam"  align="left"  style="/*text-align: justify; */padding: 9px 11px 17px 17px; margin: 34px 17px 17px 20px;width:243px; height: 176px; padding;0; overflow-y: auto;  overflow-x: hidden;" ><span style="color:#B7C1F2!important">

<!--Пункт 3 Объявление == Начало Заполнения пункта -->

<center><img  src="http://s43.radikal.ru/i099/1101/23/e08999800b89.jpg"  style="max-width:226px;"/></center>

<font style="font-size:120%;"><b><span style="color:red;font-size:150%;">W</span>elcome Гости!</b></font><br>

  Добро пожаловать на многофункциональный форум под говорящим названием "Grape Forum"! Здесь вы сможете найти ответ на интересующий вас вопрос или просто пообщаться и приятно провести время. Так же на форуме доступны такие возможности, как бесплатный "Редактор изображений", отличный "Чат" и "Календарь".<br/>
Будучи не зарегистрированными на нашем форуме, вы не сможете оставлять свои сообщения и пользоваться многими возможностями, по-этому спешите стать участником одного из лучших форумов рунета!<br/>
<span style="font-size:15px; font-style: italic; font-family: 'Times New Roman';color: #347BB2">С Уважением, <br/>
<b> Администрация</b></span><br/><br/>

<!--ХХ Конец Заполнения пункта --></span> 
   </div>
  </td>
</tr>
</table>
</div>
<!--Здесь скрипт jоблако тегов --> 
<script type="text/javascript"> 
var flashvars = {}; 
flashvars.mode = 'tags'; 
flashvars.minFontSize = '15'; 
flashvars.maxFontSize = '47'; 
flashvars.tcolor = '0xA7B1D3'; 
flashvars.tcolor2 = '0xA7B1D3'; 
flashvars.hicolor = '0x58F2FF'; 
flashvars.distr = 'true'; 
flashvars.tspeed = '100'; 
eTagz = document.getElementById('yoblako').getElementsByTagName('A'); 
flashvars.tagcloud = '<tags>'; 
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') 
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize) 
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; 
delete eTagz; 
flashvars.tagcloud += '</tags>'; 
var params = {}; 
params.wmode = 'transparent'; 
params.bgcolor = '#FFFFFF'; 
params.allowscriptaccess = 'always'; 
var attributes = {}; 
attributes.id = 'yoblako'; 
attributes.name = 'tagcloud'; 
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '360', '300', '9.0.0', false, flashvars, params, attributes); 
</script> 
<!--конец скрипта облако тегов -->
<!--=============Конец Таблички ==================-->

html-верх

<style>
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
margin-bottom: -2px;
overflow: hidden;
position: relative;
        }

ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 30px;
outline: none;
        }

html ul.tabs li.active  {
border: none;
        }

html ul.tabs li.active a:hover  {
border: none;
        }

.tab_content {
padding-top: 40px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
font-size: 1.2em;
        }

.tab_content h2 {
font-weight: normal;
padding-bottom: 10px;
font-size: 1.2em;
        }
</style>

html-низ
<script type="text/javascript">

$(document).ready(function() {

$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});

});
</script>

Объявление

<ul class="tabs">
<li><a href="#tab1">111</a></li>
<li><a href="#tab2">222</a></li>
<li><a href="#tab3">333</a></li>
<li><a href="#tab4">444</a></li>
<li><a href="#tab5">555</a></li>
<li><a href="#tab6">666</a></li>
</ul>

<div id="tab1" class="tab_content">
в разработке~
</div>

<div id="tab2" class="tab_content">
в разработке~
</div>

<div id="tab3" class="tab_content">
в разработке~
</div>

<div id="tab4" class="tab_content">
в разработке~
</div>

<div id="tab5" class="tab_content">
в разработке~
</div>

<div id="tab6" class="tab_content">
в разработке~
</div>

<script type="text/javascript">
function awardsOpen(str)
{
var awardsn = new Array();

awardsn["moder"] = new Array("Лучший модератор", "http://www.iconsearch.ru/uploads/iconlib/linspireclear/128x128/filesystems/trashcan_empty.png", "За модераторскую помощь")
awardsn["helper"] = new Array("Помощник месяца", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/khelpcenter.png", "Неоценимая помощь форуму")
awardsn["money"] = new Array("Банкир форума", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/actions/db_add.png", "За материальную помощь форуму")



str = str.split(",")
if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" "){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)}
var msg = new String("");
msg = "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1251\" /><link rel=\"stylesheet\" type=\"text/css\" href=\"http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css\" /><title>Награды пользователя</title>"
msg+= "<style type=\"text/css\">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; width: 99%;}</style><body>"
msg+="<div id=\"pun\" class=\"punbb\"><div id=\"pun-main\" class=\"main\">"
msg+="<table class=\"container\"><tr><th width=\"25%\">Название</th><th width=\"25%\">Иконка</th><th>За что</th></tr>";
for(i=0;i<str.length;i++){
	msg+="<tr><td align=\"center\"><span>"+awardsn[str[i]][0]+"</span></td><td align=\"center\"><img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" /></td><td align=\"center\"><span>"+awardsn[str[i]][2]+"</span></td></tr>";
}
msg+="</table>";
msg+="</div></div></body></html>";
popup = window.open("", "", "height=300, width=700, top=300, left=300, scrollbars=1")
popup.document.write(msg)
popup.document.close()
return false
}
var li = document.getElementsByTagName("li");
for(z=0;z<li.length;z++){
if(li[z].className=="pa-fld2"){
nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2)
nag1 = nag.split(",");
nag1 = nag1.length;
li[z].innerHTML = "Награды: <a href=\"javascript: //\" onclick=\"awardsOpen('"+nag+"');\" title=\"Показать награды пользователя\">"+nag1+"</a>"
}
}
</script>

awardsn["Ключ"] = new Array("Название", "Ссылка_на_иконку", "Описание")