Вид материалов форума ucoz

Вид материалов форума ucoz – это все то же самое, что мы привыкли видеть при работе непосредственно с сайтом. Если вы занимались оформлением своего ресурса, то уже примерно должны представлять, что и как там функционирует.


Заходим форум вид материалов и заменяем весь код на:


Code
<style>.BlockCont {border:1px solid #ccc; border-top:0px solid #cccccc; background:#fff; padding:5px; font-size:11px; font-family:tahoma; color:#666;}
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 это не станет проблемой. А вот начинающие вебмастера могут потратить для данной составляющей очень много времени. Поэтому-то и рекомендуется использовать уже готовые варианты, созданные другими людьми.

Предложите свое видение того, как выполнить этот вид дизайна через наши комментарии. И поверьте, если более опытные разработчики заинтересуются им, то они обязательно к вам обратятся за уточнением.


Смотрите также:
Оставить комментарий
avatar
Генератор мета-тегов | SEO блог. | Продвижение сайта в Москве. |Используются технологии uCoz
© Все права защищены. При копировании материалов указывайте ссылку на источник.
Генератор мета-тегов | Поддержка сайта | Используются технологии uCoz
© Все права защищены. При копировании материалов указывайте ссылку на источник.