
Вид материалов форума ucoz
Вид материалов форума ucoz – это все то же самое, что мы привыкли видеть при работе непосредственно с сайтом. Если вы занимались оформлением своего ресурса, то уже примерно должны представлять, что и как там функционирует.
Заходим форум вид материалов и заменяем весь код на:
a.Smenu_link:visited, a.Smenu_link:active {text-decoration:none; color:#555; display:block; background:#f5f3f3; padding:4px 5px;}
a.Smenu_link:hover {text-decoration:none; color:#333; display:block; background:#fff; padding:4px 5px;}</style><table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s32.ucoz.net/img/icon/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s32.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="postTdInfo" valign="top">
<div style="padding:5px"></div>
<div class="BlockCont" style="padding:0px; border-top:1px solid #ccc;">
<a class="Smenu_link" href="#"><center><?if($AVATAR_URL$)?><div><img src="$AVATAR_URL$" class="imgload" ></div><?else?><img src="/noava.png" class="imgload"><?endif?></center></a>
<div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div><a class="Smenu_link" href="#"><center>$GROUP_ICON$</center></a>
</div>
<div style="padding:5px"></div>
<div class="BlockCont" style="padding:0px; border-top:1px solid #ccc;">
<a class="Smenu_link" href="#"><?if($POSTS$)?>Сообщений: <b>$POSTS$</b><div style="float:right"><b>?</b></div><?endif?></a>
<?if($READ_REP_URL$)?><div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div><a class="Smenu_link" href="$READ_REP_URL$">Репутация: <b>$REP_RATING$</b><div style="float:right"><b>+</b></div></a><?endif?>
<?if($AWARDS_READ_URL$)?><div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div><a class="Smenu_link" href="$AWARDS_READ_URL$">Награды: <b>$AWARDS$</b><div style="float:right"><b>+</b></div></a><?endif?>
<?if($READ_BAN_URL$)?> <div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div><a class="Smenu_link" href="$READ_BAN_URL$">Замечание: <b>$BAN_RATING$</b><div style="float:right"><b>-</b></div></a><?endif?>
</div>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</td><td class="posttdMessage" valign="top">$MESSAGE$
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>
<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>)<?endif?> ]</div><?else?> <?endif?></td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>
Автор/источник: Plan/uhacks.ru.
Но вся загвоздка в том, что вид материалов форума для юкоз пусть и делается так же, как и основной, но при этом имеет абсолютно другую структуру с иным размещением элементов.
Для человека, знающего CSS и HTML это не станет проблемой. А вот начинающие вебмастера могут потратить для данной составляющей очень много времени. Поэтому-то и рекомендуется использовать уже готовые варианты, созданные другими людьми.
Предложите свое видение того, как выполнить этот вид дизайна через наши комментарии. И поверьте, если более опытные разработчики заинтересуются им, то они обязательно к вам обратятся за уточнением.
- Оригинал шаблона High-SkiLL для ucoz
- Фотошоп шаблон Tassel для uCoz + PSD макет
- Dark Rational шаблон для uCoz
- Поднять наверх - кнопка ракета для uCoz
- Белый оригинальный шаблон для uCoz
- Скрипт до нового года осталось на ucoz
- Шрифт - MANUBU
- Плагин для фотошопа - Topaz Adjust HDR 4.0
- Шаблон для uCoz Mentor
- Шаблон BlueGray для блога uCoz