Закруглённые аватарки
19.02.2013
Inqu1sitor
Пользователи
Сообщений 42
Здравствуйте, помогите сделать так чтобы аватарки на в виде материалов форума были с закруглёнными углами в 4px Вот код вида материалов форума:
Код
<table cellspacing="0" cellpadding="0" border="0" width="1092px" class="postTable" style="margin: -8px;"> <tr> <td width="25%" class="postTdTop" align="center" style="border-right: 1px solid #ccc;" ><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;"> <?if($USERNAME$="Inqu1sitor" or $USERNAME$="Inquisitor" or $USERNAME$="SerjVtankE") ?> <img src="/nk/$USERNAME$.png"> <?else?> $USERNAME$ <?endif?></a> </td><td class="postTdTop"><span style="font: 11px 'Arial';">$WDAY$ $DATE$, $TIME$ | Сообщение #$NUMBER$ <div style="float:right;">$USER_STATUS$</div> </span></td></tr> <tr><td class="postTdInfo" valign="top"> <?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$" style="padding: 0px 0px 10px 0px; "><?else?><img title="$USERNAME$" border="0" src="http://forum-sc.at.ua/design/NoAvatar.png"> <?endif?><br> <?if($USER_TITLE$)?><div class="postRankName" style="margin-bottom:10px; color:#cd0000; font-weight: bold;">$USER_TITLE$</div><?endif?> <?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?endif?> <span style="font: 13px 'Arial';"> <?if($READ_REP_URL$)?> <div align="center" > <div style="text-align:center;width:200px;"> <div align="<?if($REP_RATING$<0)?>right<?else?>left<?endif?>" style="border-radius: 4px;width:200px;background:url(/rep/rbg.jpg) #fff;border-bottom:2px solid #dfdfdf;margin:4px 0 0 0;"> <div style="border-radius: 4px;height:23px;width:<?if($REP_RATING$<-100)?>100<?else?><?if($REP_RATING$<0)?><?substr($REP_RATING$,1)?><?else?><?if($REP_RATING$<=20)?><?($REP_RATING$*5) ?><?else?><?if($REP_RATING$<=100)?><?(($REP_RATING$-20)*1.25)?><?else?><?if($REP_RATING$<=200)?><?(($REP_RATING$-100))?><?else?><?if($REP_ RA TING$<=500)?><?(($REP_RATING$-200)/3)?><?else?><?if($REP_RATING$<=1000)?><?(($REP_RATING$-500)/5)?><?else?>100<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>%;background:url(/rep/<?if($REP_RATING$<0)?>0<?else?><?if($REP_RATING$<=20)?>1<?else?><?if($REP_RATING$<=100)?>2<?else?><?if($REP_RATING$<=200)?>3<?else?><?if($RE P_RATING$<=500)?>4<?else?><?if($REP_RATING$<=1000)?>5<?else?>5<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>bg.jpg);"></div> </div> <div style="position:relative;text-align:center;width:100%;text-align:center; "> <div style="width:200px;bottom:7px;font-size:11px;position: absolute;top: -20px; "><?if($DO_REP_URL$)?><a class="pr" style="bottom:-2px;" href="$DO_REP_URL$" title="Понизить репутацию пользователя"><img src="http://forum-sc.at.ua/design/badpost.png" style="width:12px;"></a><?endif?> <b><a href="$READ_REP_URL$" style="color:#000;">$REP_RATING$</a></b> <?if($DO_REP_URL$)?><a class="pr" style="bottom:-1px;" href="$DO_REP_URL$" title="Повысить репутацию пользователя"><img src="http://forum-sc.at.ua/design/goodpost.png" style="width:12px;"></a><?endif?></div> </div> </div> </div> <?endif?> Постов: <a href="/forum/0-0-1-3-$UID$"><b>$POSTS$</b></a> <?if($AWARDS_READ_URL$)?>| Награды: <a href="$AWARDS_READ_URL$"><b>$AWARDS$</b></a> <?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$"><b>+</b></a><?endif?><?endif?> <div style="margin-top: 3px;"><?if($ICQ$)?><div><span style="color:green; font-weight:bold;">ICQ</span>: $ICQ$</div><?endif?> <?if($MSN$)?><div><span style="color:#009ACD; font-weight:bold;">Skype</span>: <a href="skype:?chat">$MSN$</a></div><?endif?></div> <?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$"><b>$BAN_RATING$</b></a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$"><b>±</b></a></div><?endif?><?endif?></span> <br> <?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?><br> <?if($SIGNATURE$)?><br><hr><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>
Большие коды под спойлер
19.02.2013
Вовчик
Администратор
Сообщений 8683
Код
<table cellspacing="0" cellpadding="0" border="0" width="1092px" class="postTable" style="margin: -8px;"> <tr> <td width="25%" class="postTdTop" align="center" style="border-right: 1px solid #ccc;" ><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;"> <?if($USERNAME$="Inqu1sitor" or $USERNAME$="Inquisitor" or $USERNAME$="SerjVtankE") ?> <img src="/nk/$USERNAME$.png"> <?else?> $USERNAME$ <?endif?></a> </td><td class="postTdTop"><span style="font: 11px 'Arial';">$WDAY$ $DATE$, $TIME$ | Сообщение #$NUMBER$ <div style="float:right;">$USER_STATUS$</div> </span></td></tr> <tr><td class="postTdInfo" valign="top"> <?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$" style="padding: 0px 0px 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><?else?><img title="$USERNAME$" border="0" src="http://forum-sc.at.ua/design/NoAvatar.png" style="padding: 0px 0px 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"> <?endif?><br> <?if($USER_TITLE$)?><div class="postRankName" style="margin-bottom:10px; color:#cd0000; font-weight: bold;">$USER_TITLE$</div><?endif?> <?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?endif?> <span style="font: 13px 'Arial';"> <?if($READ_REP_URL$)?> <div align="center" > <div style="text-align:center;width:200px;"> <div align="<?if($REP_RATING$<0)?>right<?else?>left<?endif?>" style="border-radius: 4px;width:200px;background:url(/rep/rbg.jpg) #fff;border-bottom:2px solid #dfdfdf;margin:4px 0 0 0;"> <div style="border-radius: 4px;height:23px;width:<?if($REP_RATING$<-100)?>100<?else?><?if($REP_RATING$<0)?><?substr($REP_RATING$,1)?><?else?><?if($REP_RATING$<=20)?><?($REP_RATING$*5) ?><?else?><?if($REP_RATING$<=100)?><?(($REP_RATING$-20)*1.25)?><?else?><?if($REP_RATING$<=200)?><?(($REP_RATING$-100))?><?else?><?if($RE P _RA TING$<=500)?><?(($REP_RATING$-200)/3)?><?else?><?if($REP_RATING$<=1000)?><?(($REP_RATING$-500)/5)?><?else?>100<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>%;background:url(/rep/<?if($REP_RATING$<0)?>0<?else?><?if($REP_RATING$<=20)?>1<?else?><?if($REP_RATING$<=100)?>2<?else?><?if($REP_RATING$<=200)?>3<?else?><?if($RE P_RATING$<=500)?>4<?else?><?if($REP_RATING$<=1000)?>5<?else?>5<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>bg.jpg);"></div> </div> <div style="position:relative;text-align:center;width:100%;text-align:center; "> <div style="width:200px;bottom:7px;font-size:11px;position: absolute;top: -20px; "><?if($DO_REP_URL$)?><a class="pr" style="bottom:-2px;" href="$DO_REP_URL$" title="Понизить репутацию пользователя"><img src="http://forum-sc.at.ua/design/badpost.png" style="width:12px;"></a><?endif?> <b><a href="$READ_REP_URL$" style="color:#000;">$REP_RATING$</a></b> <?if($DO_REP_URL$)?><a class="pr" style="bottom:-1px;" href="$DO_REP_URL$" title="Повысить репутацию пользователя"><img src="http://forum-sc.at.ua/design/goodpost.png" style="width:12px;"></a><?endif?></div> </div> </div> </div> <?endif?> Постов: <a href="/forum/0-0-1-3-$UID$"><b>$POSTS$</b></a> <?if($AWARDS_READ_URL$)?>| Награды: <a href="$AWARDS_READ_URL$"><b>$AWARDS$</b></a> <?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$"><b>+</b></a><?endif?><?endif?> <div style="margin-top: 3px;"><?if($ICQ$)?><div><span style="color:green; font-weight:bold;">ICQ</span>: $ICQ$</div><?endif?> <?if($MSN$)?><div><span style="color:#009ACD; font-weight:bold;">Skype</span>: <a href="skype:?chat">$MSN$</a></div><?endif?></div> <?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$"><b>$BAN_RATING$</b></a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$"><b>±</b></a></div><?endif?><?endif?></span> <br> <?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?><br> <?if($SIGNATURE$)?><br><hr><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>
Большие коды под спойлер. Вовчик, а ты то куда xD
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
19.02.2013
Inqu1sitor
Пользователи
Сообщений 42
Вовчик , я так пробывал! но так закругляется только вверх аватарки, 2 верхних угла, а нижние не закругляются!
20.02.2013
клык
Пользователи
Сообщений 38
Вставь в код аватарки -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; Работает во всех браузерах.
20.02.2013
Inqu1sitor
Пользователи
Сообщений 42
Всё я решил! Я сначала написал просто border-radius:4px но закруглялись только верхние углы опять! А оказалось надо было просто убрать padding: 0px 0px 10px 0px; и всё стало норм!Добавлено (20.02.2013, 06:48) --------------------------------------------- ещё кто может помочь вот с чем! У меня есть скрипт <font color="<?if($USER_ID$='1')?>#cd0000<?else?>black<?endif?>">$NAME$</font> для цветного ника в мини-чате. НО это только для администратора, а как мне сделать для всех групп?!
20.02.2013
Вовчик
Администратор
Сообщений 8683
Цитата (клык )
Вставь в код аватарки -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; Работает во всех браузерах.
я так ему в код и вставил)) Цитата (Inqu1sitor )
padding: 0px 0px 10px 0px;
отступ снизу внутри 10 px был... Вроде бы так: Код
<font color="<?if($USER_ID$='1')?>#cd0000<?else?><?if($USER_ID$='2')?>#bb0000<?else?><?if($USER_ID$='3')?>#cc0000<?else?>black<?endif?><?endif?><? endif?>">$NAME$</font>
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
20.02.2013
Inqu1sitor
Пользователи
Сообщений 42
Вовчик , а извините можно сделать как нибудь чтобы не по id а по группам! просто когда я пишу $GROUP_ID$=1 то там не работает это!
20.02.2013
Kelin
Проверенные
Сообщений 2049
Цитата (клык )
Вставь в код аватарки -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; Работает во всех браузерах.
Лолка, а опера и IE?
подпись:
20.02.2013
20.02.2013
21.02.2013
Kelin
Проверенные
Сообщений 2049
Цитата (клык )
В Опере работает
С недавних пор в опере работают преффиксы -webkit, а в более старых версиях работал (да и сейчас) работают преффиксы -o Цитата (клык )
а IE это не браузер.
Не спеши с выводами. Это тоже браузер, но до 9 версии - он убог, а поздние версии уже более-менее хорошо получились. Практически как хром.
подпись:
21.02.2013
21.02.2013
doc74
VIP
Сообщений 717
вопрос решен, тема закрыта