Вторник, 19.03.2024, 11:04 AM
Приветствую Вас Гость | Регистрация | Вход | RSS
Главная » Статьи » Дизайн сайтов на UcoZ

Меню с двух сторон (Шаблон 20)

Пример переделанного 20 шаблона с тремя колонками


Переделка файла CSS не потребовалась, но придётся скачать архив с каптинками. (Не забудьте поменять в шаблоне адреса картинок на свои).

Архив с картинками

Код шаблона:

<html>
<head>
<title>$SITE_NAME$ - $PAGE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://abba.ucoz.ru/20.css">
</head>

<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor="#E6E6E6">

<!-- Logo -->
<table border="0" cellpadding="0" cellspacing="0" width="90%" align="center">
<tr>
<td width="200" bgcolor="#FFFFFF" background="http://src.ucoz.ru/t/201/bgtop.gif" align="center"><a href="http://www.ucoz.com/" target="_blank"><img title="UcoZ - Site Editor" border="0" src="http://src.ucoz.ru/t/201/logo.gif" width="100" height="100"></a></td>
<td bgcolor="#BBBBBB" align="center">&nbsp;</td>
<td width="200" bgcolor="#FFFFFF" background="http://abba.ucoz.ru/pages/20/bgtopa.gif">&nbsp;</td>
</tr>
</table>
<!-- /Logo -->

<!-- Vertical Menu -->
<table border="0" cellpadding="0" cellspacing="0" width="90%" align="center">
<tr>
<td width="200" bgcolor="#FFFFFF" background="http://src.ucoz.ru/t/201/bgtop.gif" align="center"><span class="pageTitle">$PAGE_NAME$</span></td>
<td bgcolor="#FFFFFF" style="padding-left:10px;" height="37" background="http://src.ucoz.ru/t/201/bgtop1.gif">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menuTd"><a href="$HOME_PAGE_LINK$" class="menu1">Начало</a></td>
%IF($USER_LOGGED_IN$)%<td class="menuTd"><a class="menu1" href="$PERSONAL_PAGE_LINK$">Персональный раздел</a></td>%ELSE%<td class="menuTd"><a class="menu1" href="$REGISTER_LINK$">Регистрация</a></td>%ENDIF%
%IF($USER_LOGGED_IN$)%<td class="menuTd"><a class="menu1" href="$LOGOUT_LINK$">Выход</a></td>%ELSE%<td class="menuTd"><a class="menu1" href="$LOGIN_LINK$">Вход</a></td>%ENDIF%
</tr>
</table>
</td>
<td width="200" bgcolor="#FFFFFF" background="http://abba.ucoz.ru/pages/20/bgtopa.gif">&nbsp;</td>
</tr>
</table>
<!-- /Vertical Menu -->

<table border="0" cellpadding="0" cellspacing="0" width="90%" align="center">
<tr>
<td width="200" bgcolor="#FFFFFF" background="http://src.ucoz.ru/t/201/bgleft.gif" align="right" valign="top">
%IF($SITE_MENU$)%
<!-- Site Menu -->
<br>
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#FF6907" background="http://src.ucoz.ru/t/201/left02.gif"><span class="blockTitle">Меню сайта</span></td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgleftm.gif" class="mTd">$SITE_MENU$</td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgbot1.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<br>
<!-- /Site Menu -->
%ENDIF% %IF($NEWS_CATEGORIES$)%
<!-- News Menu -->
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#44B33E" background="http://src.ucoz.ru/t/201/left01.gif"><span class="blockTitle">Разделы новостей</span></td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgleftm.gif" class="mTd">$NEWS_CATEGORIES$</td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgbot1.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<br>
<!-- /News Menu -->
%ENDIF% %IF($NEWS_CALENDAR$)%
<!-- News Calendar -->
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#44B33E" background="http://src.ucoz.ru/t/201/left03.gif"><span class="blockTitle">Календарь новостей</span></td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgleftm.gif" class="mTd">$NEWS_CALENDAR$</td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgbot1.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<br>
<!-- /News Calendar -->
%ENDIF% %IF($LOGIN_FORM$)%
<!-- Login form -->
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#FF6907" background="http://src.ucoz.ru/t/201/left02.gif"><span class="blockTitle">Форма входа</span></td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgleftm.gif" class="mTd">$LOGIN_FORM$</td>
</tr>
<tr>
<td background="http://src.ucoz.ru/t/201/bgbot1.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<br>
<!-- /Login Form -->
%ENDIF%
</td>
<td bgcolor="#FFFFFF" valign="top" rowspan="3" style="border-bottom:1px solid #979797;">
<!-- Body -->
<table border="0" cellpadding="5" cellspacing="1" width="100%">
<tr>
<td><img border="0" src="http://src.ucoz.ru/t/201/e04.gif" width="21" height="21"></td>
<td width="95%"> Приветствую Вас, <b>$USER_FULL_NAME$</b>.<br>
Текущая дата: <font color="#3466DE"> $WDAY$, $DATE$, $TIME$</font></td>
</tr>
</table>
<hr>
<table border="0" cellpadding="5" cellspacing="2" width="100%">
<tr>
<td class="mFrame">%IF($ADD_NEWS_LINK$)%
<div align="right" style="padding-bottom:3px;">[ <a href="$ADD_NEWS_LINK$">Добавить новость</a> ]</div>
%ENDIF% $LAST_NEWS$</td>
</tr>
</table>
<!-- /Body -->
</td>
<td width="200" bgcolor="#FFFFFF" background="http://abba.ucoz.ru/pages/20/bglefta.gif" align="left" valign="top">
<!-- Friends -->
<br>
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#44B33E" background="http://abba.ucoz.ru/pages/20/left05.gif"><span class="blockTitle">Друзья сайта</span></td>
</tr>
<tr>
<td background="http://abba.ucoz.ru/pages/20/bgleftma.gif" class="mTd"> $GLOBAL_FRIENDS$ </td>
</tr>
<tr>
<td background="http://abba.ucoz.ru/pages/20/bgbot1a.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<br>
<!-- /Friends -->
%IF($POLL$)%
<!-- Poll -->
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#1A6FCD" background="http://abba.ucoz.ru/pages/20/left04.gif"><span class="blockTitle">Наш опрос</span></td>
</tr>
<tr>
<td background="http://abba.ucoz.ru/pages/20/bgleftma.gif" style="padding-left:6px;">$POLL$</td>
</tr>
<tr>
<td background="http://abba.ucoz.ru/pages/20/bgbot1a.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<!-- /Poll -->
%ENDIF%
<!-- Counter -->
<br>
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td height="26" bgcolor="#1A6FCD" background="http://abba.ucoz.ru/pages/20/left06.gif"><span class="blockTitle">Статистика</span></td>
</tr>
<tr>
<td background="http://abba.ucoz.ru/pages/20/bgleftma.gif" align="center" style="padding-left:6px;"><br>$COUNTER$</td>
</tr>
<tr>
<td background="http://abba.ucoz.ru/pages/20/bgbot1a.gif"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="18"></td>
</tr>
</table>
<!-- /Counter -->
</td>
</tr>
<tr>
<td width="200" bgcolor="#FFFFFF" background="http://src.ucoz.ru/t/201/bgbot2.gif" valign="top"><img border="0" src="http://src.ucoz.ru/t/201/bgbot.gif" width="200" height="32"></td>
<td width="200" bgcolor="#FFFFFF" background="http://abba.ucoz.ru/pages/20/bgbot2a.gif" valign="top"><img border="0" src="http://abba.ucoz.ru/pages/20/bgbota.gif" width="200" height="32"></td>
</tr>
<tr>
<td width="200" bgcolor="#FFFFFF" background="http://src.ucoz.ru/t/201/bgbot2.gif" align="right"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="30"></td>
<td width="200" bgcolor="#FFFFFF" background="http://abba.ucoz.ru/pages/20/bgbot2a.gif" align="right"><img border="0" src="http://src.ucoz.ru/t/201/1px.gif" width="1" height="30"></td>
</tr>
</table>

<!-- Footer -->
<table border="0" cellpadding="0" cellspacing="0" width="90%" align="center">
<tr>
<td width="200">&nbsp;</td>
<td align="left" background="http://abba.ucoz.ru/pages/20/b_left.gif" width="37" height="52">&nbsp;</td>
<td align="center" background="http://abba.ucoz.ru/pages/20/b_m.gif" height="52"><center>$POWERED_BY$</center></td>
<td align="right" background="http://abba.ucoz.ru/pages/20/b_right.gif" width="37" height="52">&nbsp;</td>
<td width="200">&nbsp;</td>
</tr>
</table>
<!-- /Footer -->
</body>
</html>

Категория: Дизайн сайтов на UcoZ | Добавил: Admin (26.04.2006)
Просмотров: 10352 | Комментарии: 12 | Рейтинг: 4.3/6
Всего комментариев: 121 2 »
0  
12 Teacher   (08.07.2012 4:32 PM) [Материал]
Доброго времени суток.
Не могли бы Вы помочь мне добавить меню с правой стороны для шаблона 908 и увеличить его ширину?
Заранее благодарен.
Вадим.

0  
11 arturfjodrv   (14.01.2010 6:58 PM) [Материал]
Помогите пожалуйста с шаблоном №803, мне охота что он был с двумя колонками меню
Ответ: Добавьте третью колонку - там таблица. Только стили согласуйте.

0  
10 JackFrost   (16.08.2009 11:49 PM) [Материал]
Помогите ничего ни понимаю у меня стандартный #847 сайт 4e.ucoz.ru я хочу поставить чтоб было прост 2 стороны например чат и друзья слева а остальное справо но когда ставлю ваши шаблоны мой дизайн заменяется вашим или прост скажите как поставить чтоб была 2я сторона????!!!
Ответ: Почитайте в учебнике по ХТМЛ как делать двух и трёхколоночные таблицы. Пока вы не поймёте как это работает, ничего хорошего у вас не получится.

0  
9 HacK   (04.06.2009 9:56 PM) [Материал]
TSWLN : нужно с одной стороны поставить меню а с другой ....скопировать код меню , содать глобальный блок с другим именем и вставить туда код меню ,потом этот код (нового глобального блога) в кострукторе на сайте вставить в пунк html ! если не понятно пиши в личку : Strelok.9608@mail.ru

0  
6 tswln   (25.05.2009 3:44 AM) [Материал]
pojaluista otvette lne kto nebud...

1-5 6-10
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]