[red]И так начнем потихоньку. Для начала давайте разберемся от куда же начинается сам вид материала форума в сайтах на uCoz.
Многие начинающие риперы не умеют рипать именно этот элемент дизайна, потому-что просто элементарно не знают от куда он начинается.[/red]
А начинается он с тега :
Code
<tr><td class="postTdInfo" valign="top">
И заканчивается :
Code
<td class="posttdMessage" valign="top">$MESSAGE$
[Table]Эта уже пошло сообщение на форуме.
Ну так предисловие сказал, теперь давайте будем разбираться, как самому сделать вид материалов.[/Table]
Начнем с прописи style чтобы мы могли прямо редактировать css не переходя в другие страницы сайта
в самом верху вида материалов форума пишем:
Пока оставим его пустым.
Далее давайте пропишем HTML между | и | $MESSAGE$
начинаем прописывать
Code <center><?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?else?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="ссылка на ваш no-avatar"><?endif?></center>
Это мы прописали класс для аватара
Code <center><div class="statusBlock">$USER_STATUS$</div></center>
Это статус (Онлайн/offline).
Code <table class="forumvd" width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top"><div class="forum_m" style="color:#545353;">Сообщений: <b>$POSTS$</b></div></td> <td width="15%" style="background:#f1f1f1;text-align:center;border-left:1px solid #e4e3e3;" align="left"><img src="http://www.forucoz.com/images/counter_count.png" style="padding-top:4px;" border="0"></td> </tr> </table>
Это мы начали прописывать уже табличку.Как вы видите появились div классы, поэтому возвращаемся на верх к
Пока оставим его пустым.
Далее давайте пропишем HTML между | и | $MESSAGE$
начинаем прописывать
Code <center><?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?else?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="ссылка на ваш no-avatar"><?endif?></center>
Это мы прописали класс для аватара
Code <center><div class="statusBlock">$USER_STATUS$</div></center>
Это статус (Онлайн/offline).
Code <table class="forumvd" width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top"><div class="forum_m" style="color:#545353;">Сообщений: <b>$POSTS$</b></div></td> <td width="15%" style="background:#f1f1f1;text-align:center;border-left:1px solid #e4e3e3;" align="left"><img src="http://www.forucoz.com/images/counter_count.png" style="padding-top:4px;" border="0"></td> </tr> </table>
Это мы начали прописывать уже табличку.Как вы видите появились div классы, поэтому возвращаемся на верх к
|
Данная тема была перемещена из раздела Форум.
Причина перемещения: Причина не указана
Переместил: Kирилл.
| |
