» »

Вид материала профиля на форуме uCoz

Вид материала профиля на форуме uCoz

Дизайнерский выполнен вид материала на профиль пользователя на светлый модуль сайта. Смотрится ярко и подойдет под многие тематики портала. А вообще он давно в сети и можно было найти то с битыми ссылками, то не корректно смотреться, в отличие от этого, где все отлично прописано по скрипту. Вы также можете добавить стили и закруглить форму где стоит AVA и статус лучше ставить прописью, просто кнопка не уместно будет к этой стилистике.

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

Так визуально смотреться будет, если немного закруглить под основной дизайн.

Красивый вид материала профиля на форуме uCoz

Установка:

Просто заменяем полностью в админ панели вид материалов.

Код
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></td><td class="postTdTop">Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr><td class="postTdInfo" valign="top">  
<div align="center">  
<table border="0" cellpadding="0" style="border-collapse: collapse" width="195" height="284">  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/1.png" height="25"> </td>
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png"> <center><?if($AVATAR_URL$)?><img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?></center></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" align="center"> <?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" align="center"> <?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" align="center"> <?if($GROUP_NAME$)?><div class="postUserGroup">Группа: $GROUP_NAME$</div><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" align="center"> <?if($POSTS$)?><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" 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('a1').checked='true';  
forms[f].reason.value='Тьфу на тебя, за твой ответ в теме:'+window.location.href;  
document.getElementById('submfrm981').click();  
document.getElementById('sbt981').onclick=null;  
clearInterval(ajaxtime);}// by Vanofuture  
else{document.getElementById('a2').checked='true';  
forms[f].reason.value='Спасибо за ответ в теме:'+window.location.href;  
document.getElementById('submfrm981').click();  
document.getElementById('sbt981').onclick=null;  
clearInterval(ajaxtime);}}}}  
</script>  
<?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('plus','$ID$');" align="absmiddle" title="Повысить" src="http://zornet.ru/Aben/AbuG/plus.png" 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="Понизить" align="absmiddle" src="http://zornet.ru/Aben/AbuG/minus.png" border="0" /></a><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" align="center"> <?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/2.png" align="center"> <?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?></td>  
</tr>  
<tr>  
<td background="http://zornet.ru/Aben/AbuG/3.png" height="30"> </td>
</tr>  
</table>  
</div>  
<div id="id$ID$" style="display:none;position:absolute;z-index:1;border:1px solid; background: url('http://zornet.ru/Aben/AbuG/9.gif') #000;padding:0px;border:0px double #FFF;">  
<table border="0" cellpadding="2" cellspacing="1" style="background:#CBB592;" width="200">  
<tr><td align="center" style="background: url('http://zornet.ru/Aben/AbuG/8.gif') #F3ECCD; height: 23px; color: #856B00;"><b>Дополнительные данные</b></td></tr>  
<tr><td style="background: url('http://zornet.ru/Aben/AbuG/9.gif') center bottom no-repeat #F8F1DC;padding:5px 5px 10px 5px;"><div style="display:inline;" id="menuDiv">  
<span style="color:#000000"><b>Пол:</b> $GENDER$<br>  
<b>Страна:</b> $COUNTRY$<br>  
<b>Город:</b><?if($CITY$)?><BR> $CITY$<?else?> нет инф.<?endif?><br>  
<b>На сайте с:</b> $REG_DATE$<br>  
<?if($GROUP_NAME$)?><div class="postUserGroup"><b>Группа:</b> $GROUP_NAME$</div><?endif?>  
<?if($POSTS$)?><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div><?endif?>  
<?if($YAHOO$)?><br><center><b>Награды</b></center>  
<?endif?>  
<?if($READ_REP_URL$)?><div class="reputation">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><span class="repNums">$REP_RATING$</span> [$REP_RATING_PERS$]</a> <?if($DO_REP_URL$)?> <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$">±</a></div><?endif?><?endif?>  
<?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?>  
<?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?></span>  
</td> </tr></table>  
</div>  
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>  
</td>  
<td class="posttdMessage" valign="top"><span id="eMessage$ID$">$MESSAGE$</span>  
<?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="https://apps.db.ripe.net/search/query.html?searchtext=$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>  
<script type="text/javascript">checkBot($ID$,'$USERNAME$','$WDAY$, $DATE$, $TIME$',$GROUP_ID$);</script>


PS - основной дизайн здесь нарисован и если кто решит его как то изменить, что возможно сделать, но только через фотошоп программу создать.
15.01.2017 Просмотров: 663 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
FeStemBer
FeStemBer 15.01.2017 21:501
0
Да же и не знал что он еще есть, давно его ставил, а теперь смотрю, как будто новый и недавно создали. 11a
tsakonter
tsakonter 15.01.2017 21:542
0
Он и ранее был без наград, и когда сайт создаешь, они не идут, здесь самому нужно выводить.
Kosten
Kosten 15.01.2017 22:003
0
Было время искал этот вид материала, чтоб поставить на сайт, так и не нашел нормальный, всегда битые ссылки, что пришлось с макета верстать, который сейчас на форуме установлен.
avatar