Новые сообщения на форуме · Пользователи · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Форум » Ucoz и все что с ним связано » Сss, Html - Примеры изменения кода » Описание стилей главной страницы форума для UCOZ (часть 1) (стили для сайтов ucoz / css стили для ucoz / таблица стилей)
Описание стилей главной страницы форума для UCOZ (часть 1)
ElectromasterДата: Воскресенье, 29.08.2010, 14:30 | Сообщение # 1
Сообщений: 270
Статус: Offline

Code
<table border="1" cellpadding="0" height="30" cellspacing="0" width="100%" align="center">
<tr>
<td align="center">
<a href="/index/14" rel="nofollow" id="upml" class="fNavLink">Личные сообщения(0)</a> ·    
<a href="http://imobile.ucoz.com/forum/0-0-1-34" rel="nofollow">Новые сообщения на форуме</a> ·    
<a href="http://imobile.ucoz.com/forum/0-0-1-35" rel="nofollow">Пользователи</a> ·    
<a href="javascript://" onclick="openLayerB('ID',0,'/files/pravil_fopyma.xml','Правила форума',870,628,'1','','',0,'justify'); return false;">Правила форума</a> ·
<a href="http://imobile.ucoz.com/forum/0-0-0-6" rel="nofollow">Поиск</a> ·    
<a href="http://imobile.ucoz.com/forum/0-0-0-37" rel="nofollow">RSS</a></td>
</tr>
</table>

Выясняем что у ссылки Личные сообщения сласс "fNavLink", непонятно для чего id="upml" и почему только у одной ссылки класс fNavLink .

Кстате параметр rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная параметром href, короче говоря предназначена для поисковика Google(ссылки, помеченные таким образом, не передают PageRank).

Code
<div style="display:table-cell;vertical-align:middle;height:25;margin:0 auto;" class="fNavLink">
<?if($USER_LOGGED_IN$)?><div style="float:left;"><a href="/index/14" rel="nofollow">Личные сообщения($UNREAD_PM$)</a> · </div><?endif?>
<div style="float:left; "><a href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения на форуме</a> · </div>
<div style="float:left;"><a href="$MEMBERS_LIST_LINK$" rel="nofollow">Пользователи</a> · </div>
<div style="float:left;"><a href="javascript://" onclick="openLayerB('ID',0,'/files/pravil_fopyma.xml','Правила форума',870,628,'1','','',0,'justify'); return false;">Правила форума</a> · </div>
<div style="float:left;"><a href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a> · </div>
<div style="float:left;"><a href="$RSS_LINK$" rel="nofollow">RSS</a></td></div>
</div>

Дальше мы не имеем доступ, в качестве кода используется переменная $BODY$ = так что тютю(, мы только имеем право на изменение стиля. Ограничение прав - Лучший способ защиты wink

Code
<div class="gDivLeft"><div class="gDivRight">

класс gDivLeft и gDivRight - классы, содержащие таблицу форума.

<table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="1" cellpadding="0" class="gTable">

Code
<tr>
<td class="gTableTop" colspan="5"><div style="float:right" class="gTopCornerRight"></div><a class="catLink" href="http://imobile.ucoz.com/forum/1">Ucoz и все что с ним связано</a></td>
</tr>

.gTableTop - класс, отвечающий за стиль строки таблицы, в которой находиться название раздела
.gTopCornerRight - вообще ни за что не отвечает как я думаю, почему? ну во первых внутри него ничего нет, в во вторых такого класса не существует у меня в стилях, ну а в третьих я его удалил и посмотрел результат - ничего не изменилось.
.catLink - класс, отв. за отображение ссылки названия раздела

Code
<tr><td width="5%" class="gTableSubTop"> </td><td class="gTableSubTop">Форум</td><td width="8%" class="gTableSubTop" align="center">Темы</td><td width="8%" class="gTableSubTop" align="center">Ответы</td><td width="30%" class="gTableSubTop">Обновления</td>
</tr>

.gTableSubTop - ячейки таблицы форума: Форум, Темы, Ответы и Обновления.

Code
<tr>
<td class="forumIcoTd" align="center"><img alt="" style="margin:0;padding:0;vertical-align:middle;border:0;" src="http://imobile.ucoz.com/templates/icon_Forum/Globe.png" title="Нет новых сообщений" /></td>
<td class="forumNameTd"><a class="forum" href="http://imobile.ucoz.com/forum/2">Скрипты для Ucoz</a>  <div class="forumDescr">Все скрипты, выложенные здесь должны быть проверенны лично тем кто их выкладывает!!!</div><div class="forumModer">Модератор форума: <a class="forumModer" href="javascript://" rel="nofollow" onclick="window.open('http://imobile.ucoz.com/index/8-0-Electromaster','up36','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Electromaster</a></div></td>
<td class="forumThreadTd" align="center">36</td>
<td class="forumPostTd" align="center">30</td>
<td class="forumLastPostTd"><script type="text/javascript">document.write('<a title="К последнему сообщению" class="forumLastPostLink" hr'+'ef="http://imobile.ucoz.com/forum/2-238-0-17">Суббота, 28.08.2010, 13:08</a>')</script> <script type="text/javascript">document.write('<a hr'+'ef="http://imobile.ucoz.com/forum/2-238-0-17-1"><img alt="" style="margin:0;padding:0;vertical-align:middle;border:0;" title="К первому непрочитанному сообщению" src="http://imobile.ucoz.com/templates/FORUM/lastpost.gif" /></a>')</script><br />Тема: <a class="forumLastPostLink" href="http://imobile.ucoz.com/forum/2-238-1">Мини-чат и внешний javascript</a><br />Сообщение от: <span class="lastPostUser"><a class="lastPostUserLink" href="javascript://" rel="nofollow" onclick="window.open('http://imobile.ucoz.com/index/8-0-OP3','up67','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">OP3</a></span></td>
</tr>

Ячейки форума
.forumIcoTd - содержит иконку форума
.forumNameTd - содержит Название форума, Описание форума, Модераторы форума(Скрипты для Ucoz (просматривают: 1) / Все скрипты, выложенные здесь должны быть проверенны лично тем кто их выкладывает!!! / Модератор форума: Electromaster)
.forumThreadTd - стиль количества созданных тем (36)
.forumPostTd - стиль ячейки, количества ответов (30)
.forumLastPostTd - ячейка форума, описывающая обновления форума(Суббота, 28.08.2010, 13:08 ,Тема: Мини-чат и внешний javascript,Сообщение от: OP3)

Содержание этих ячеек
.forum - описывает стиль ссылки Названия форума (Скрипты для Ucoz)
.forumDescr - описывает стиль Описания форума (Все скрипты, выложенные здесь должны быть проверенны лично тем кто их выкладывает!!!)
.forumModer - описывает стиль Модераторы форума (Модератор форума:)
.forumLastPostLink - стиль ссылки на последний оставленный комментарий на форуме (Суббота, 28.08.2010, 13:08) + стили для "Тема: "
.lastPostUser - стиль текста отвечающий за отображение "Сообщение от:"
.lastPostUserLink - ссылка на последнего юзера, который оставил кооментарий на форуме.

Code
</table></div></div>

Возможно вы заметили что я взял исходный код, и комментировал всё по порядку, так сказать для удобств.

В результате имеем:

Quote
.fNavLink - стиль ссылок менюшки (Личные сообщения(0) ... форума · Поиск · RSS)
.gDivLeft Классы, содержащие таблицу форума.
вложен в gDivLeft -> gDivRight класс, содержащие таблицу форума.
.gTableTop - название раздела,по названию можно догадаться, что класс относится к таблице
.catLink - ссылка названия раздела
.gTableSubTop - ячейки таблицы форума: Форум, Темы, Ответы и Обновления.
.forumIcoTd - содержит иконку форума
.forumNameTd - содержит Название форума, Описание форума, Модераторы форума
.forumThreadTd - стиль количества созданных тем (36)
.forumPostTd - стиль ячейки, количества ответов (30)
.forumLastPostTd - ячейка форума, описывающая обновления форума
.forum - описывает стиль ссылки Названия форума
.forumDescr - описывает стиль Описания форума
.forumModer - описывает стиль Модераторы форума
.forumLastPostLink - стиль ссылки на последний оставленный комментарий на форуме
.lastPostUser - стиль текста отвечающий за отображение
.lastPostUserLink - ссылка на последнего юзера, который оставил кооментарий на форуме.
 
yyuthjuДата: Четверг, 22.08.2019, 16:29 | Сообщение # 2
Сообщений: 1
Статус: Offline
https://cloud.mail.ru/public/3ShE/4uqBy4Bkn

Сообщение отредактировал yyuthju - Четверг, 22.08.2019, 16:29
 
Форум » Ucoz и все что с ним связано » Сss, Html - Примеры изменения кода » Описание стилей главной страницы форума для UCOZ (часть 1) (стили для сайтов ucoz / css стили для ucoz / таблица стилей)
  • Страница 1 из 1
  • 1
Поиск: