Шаг 1 - Установим HTML: Как и в прошлой версии панели для ваших пользователей, мы будем использовать лишь html-css и никаких скриптов и так создадим каркас: HTML
<!-- Начало тегов Верхняя панель для пользователей --> <divid="top_bar"> <divid="top_bar_os"> <divclass="td_l"> <ahref="$HOME_PAGE_LINK$"><imgalt="home"title="На главную страницу сайта"src="http://ucoz-helper.ucoz.com/vid-navig/icon_home.png"></a> </div> <divclass="td_l"> <formclass="poick_os1"onsubmit="document.getElementById('sfSbm').disabled=true"method="get"action="/search/"> <inputclass="poick_pole1"type="text"name="q"maxlength="45"value="Поиск..."onclick="if(this.value=='Поиск...'){this.value='';}"/> <inputclass="poick_knopka1"type="submit"value="Найти"/> <inputtype="hidden"name="t"value="0"/> </form> </div> <divclass="menu_p td_p"> <ahref="#"class="drop">Меню</a> <divclass="dd_menu"> <spanclass="dd_ugol2"></span> <ulclass="menu_top"> <li><ahref="http://ucoz-helper.ucoz.com">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> <li><ahref="http://ucoz-helper.ucoz.com/">Проверка</a></li> </ul> </div> </div>
if($USER_LOGGED_IN$)?> <divclass="menu_p td_p"> <ahref="#"><imgclass="mini_avatar"alt="аватар"title="Вы зашли на сайт как $USERNAME$"src="http://ucoz-helper.ucoz.com/vid_comment/no_avatar.jpg"></a> <divclass="dd_menu_p"> <spanclass="dd_ugol1"></span> <divclass="mini_profil">
<atitle="Мой профиль"href="$PERSONAL_PAGE_LINK$"> if($USER_AVATAR_URL$)?> <imgclass="mp_avatar"alt="аватар"title="Вы зашли на сайт как $USERNAME$"src="$USER_AVATAR_URL$"> else?> <imgclass="mp_avatar"alt="аватар"title="Вы зашли на сайт как $USERNAME$"src="http://ucoz-helper.ucoz.com/vid_comment/no_avatar.jpg"> endif?> </a> <ulclass="mp_info"> <liclass="border_v"><spanclass="bold">$USERNAME$</span></li> <li>Твой IP: <spanclass="bold">$IP_ADDRESS$</span></li> <li>Ты в группе: <spanclass="bold">$USER_GROUP$</span></li> <li>Ты здесь: <spanclass="bold">$USER_REG_DAYS$-й день</span></li> <liclass="border_n"><ahref="/index/11">Настройки профиля</a></li> </ul> <ahref="$LOGOUT_LINK$"title="Выход"class="knopka_vixod"><!--<s5164>-->Выход<!--</s>--></a>
</div> </div> </div>
<divclass="td_p"> <ahref="$PM_URL$"title="Почта"class="knopka_pochta">Почта ($UNREAD_PM$)</a> </div>
else?>
<divclass="td_p"> <ahref="$REGISTER_LINK$"title="Регистрация"class="knopka_reg"><!--<s3089>-->Регистрация<!--</s>--></a> </div> <divclass="td_p"> <ahref="$LOGIN_LINK$"title="Вход"class="knopka_vxod"><!--<s3087>-->Вход<!--</s>--></a> </div>
endif?> </div> </div> <!-- /Конец тегов Верхняя панель для пользователей -->
CSS Код в rar архиве»CSS Код обязателен к установке!!!
В rar архиве, вы найдёте все изображения которые были использованы в примере, на этом всё...
|