Интересный дизайн для форума светлых дизайнеров сайта.
Предлагаю вашему вниманию копию вида материалов форума uweb.su где данный сайт является самим автором.
Вид у материалов светлый и не ко всякому шаблону сайта подойдет, по этому требует некой настройки, Уникальность вида тем что колонка с аватарам переведена с лева на право, что в корне изменяет сам дизайн форума. Данная новость была оформлена для сайта ucozon.ru код был взят с другого источника который не является автором вида этого, по этому просим не нарушать права хорошего сайта и ставить честно автора и автора статьи рядом!
Установка вида материалов форума: Копируем код и вставляем его в вид новостей форума предварительно там старый код удалив. Code
<div style="background:url(http://uweb.su/selecttab.png);border:1px solid #dadada;border-top:none; text-shadow:0px 1px 0px #fff;" class="ForChrome"> <div style="float:right;"> <span style="color:#9a9a9a; padding-right:5px;">Дата: $WDAY$, $DATE$, $TIME$ </div> <a href="javascript://" rel="nofollow" onclick="emoticon('<b>$USERNAME$</b>,');return false;">$USERNAME$</a> (<span style=" color:#cacaca;">$USER_STATUS$</span>) <span style="color:#9a9a9a;"> </div> <div style="margin-left:-1px;margin-right:0px;border:1px solid #dadada;border-top:none;" class="ForChrome"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="background:#fff; padding:7px;" width="80%" align="left" valign="top"> $MESSAGE$ </td> <td style="background:#f5f5f5; padding:7px; border:0px; border-left:1px solid #dadada;" align="center" valign="top"> <?if($AVATAR_URL$)?><img title="$USERNAME$" class="forumvd" border="0" src="$AVATAR_URL$" width="110px" height="110px"><?else?><img title="$USERNAME$" border="0" src="http://uweb.su/images/noava.png" width="110px" height="110px"><?endif?> <div style="padding:4px;"></div> <div style="margin:0px -7px 0px -7px; border:0px; border-top:1px solid #dadada; border-bottom:none; padding:3px 5px 4px 5px; background:#fff;" align="center"> <b>$GROUP_NAME$</b> </div> <div style="margin:0px -7px 0px -7px; border:0px; border-top:1px solid #dadada; border-bottom:none; padding:3px 5px 4px 5px; background:#fff;" align="center"> <script type="text/javascript"> function checkajax$ID$(){ forms=document.getElementsByTagName('form'); for(f=0;f<forms.length;f++){ if(forms[f].id=='frm981'){ if(repval=='minus'){document.getElementById('submfrm981').checked='true'; document.getElementById('submfrm981'). document.getElementById('sbt981').onclick='null'; clearInterval;}// else{document.getElementById('a2').checked='true'; document.getElementById('submfrm981'). document.getElementById('submfrm981').onclick='null'; clearInterval(ajaxtime);}}}} </script> <center><?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('plus','$ID$');" title="Повысить" src="http://uweb.su/images/iwebb/plus.png" align="absmiddle" border="0"></a><?endif?> <a href="$READ_REP_URL$">[ $REP_RATING$ ]</a> <?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('minus','$ID$');" title="Понизить" src="http://uweb.su/images/iwebb/minus.png" align="absmiddle" border="0"></a><?endif?></div> </center> </div> <div style="margin:0px -7px 0px -7px; border:0px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:3px 5px 4px 5px; background:#fff;" align="center"> Сообщений: $POSTS$ </div> </td> </tr></table> <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> </div> </div></td></tr></table></div></div><div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div>
Настройка нужна малая под дизайн, так же пере залить 4 картинки на свои хостинг. Внимание данный вид принадлежит сайту автора
Автор\Источник: uweb.su
Для того что бы скачать архив необходимо зайти на сайт как пользователь.