Рамка для аватара на CSS

Различные модификации основанные на html и css.
Интересные дополнения и украшения для вашего стиля.
Помощь при доработке шаблонов вашего стиля.
xaocZ

Рамка для аватара на CSS

xaocZ 21 июл 2012, 14:10 Сообщение

Создание рамки без использования картинок, используя только CSS

Находим в теме стиля

Код: Выделить всё

/* Poster profile block ----------------------------------------*/ .postprofile {


После закрывающего } добавляем

Код: Выделить всё

.postprofile dt img { background-color: #FFFFFF; padding: 0px; margin: 5px 0 1px; border: 5px solid transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 10px 0 #000000; -webkit-box-shadow: 0 0 10px 0 #000000; -moz-box-shadow: 0 0 10px 0 #000000; }


background-color: #FFFFFF; - цвет фона рамки
border: 5px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки


Работу данной модификации вы можете увидеть на нашем форуме

// Примечание CabinetAdmin


Never opened myself this way
Life is ours, we live it our way
All these words I don't just say
And nothing else matters


Metallica - Nothing Else Matters

igorbond

Re: Рамка для аватара на CSS

igorbond 22 янв 2013, 20:50 Сообщение

Чет не особо понял , а где именно искать ??? У меня стиль subsilver2

Аватара пользователя
CabinetAdmin

Re: Рамка для аватара на CSS

CabinetAdmin 23 янв 2013, 14:42 Сообщение

igorbond
Это для prosilver, в subsilver нет такого.


Для subsilver2.

Открываем шаблон viewtopic_body.html, находим:

Код: Выделить всё

<td>{postrow.POSTER_AVATAR}</td>


Меняем на:

Код: Выделить всё

<td class="postavatars">{postrow.POSTER_AVATAR}</td>


В теме стиля находим:

Код: Выделить всё

td.profile { padding: 4px; }


После найденного добавляем:

Код: Выделить всё

.postavatars img { background-color: #FFFFFF; padding: 0px; margin: 5px 0 1px; border: 5px solid transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 10px 0 #000000; -webkit-box-shadow: 0 0 10px 0 #000000; -moz-box-shadow: 0 0 10px 0 #000000; }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Re: Рамка для аватара на CSS

igorbond 23 янв 2013, 14:48 Сообщение

Спасибо , красиво получается :Bravo: :Bravo: :Bravo:

sunniva

Re: Рамка для аватара на CSS

sunniva 03 май 2013, 15:43 Сообщение

Nice surprise about this shorter form. Can you tell us what it is you are talking/writing about?
Has any info. about this shorter form been posted before (and i just missed it)?
Подпись удалена администратором.

Аватара пользователя
CabinetAdmin

Re: Рамка для аватара на CSS

CabinetAdmin 03 май 2013, 16:50 Сообщение

sunniva
This Russian-language forum, please use the translators.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Рамка для аватара на CSS

romaamor 04 май 2013, 12:43 Сообщение

CabinetAdmin, а у вас на форуме нету темы что бы рамка подсвечивалась при присутствии лузера на форуме ? Так как у вас on, off.

Аватара пользователя
CabinetAdmin

Re: Рамка для аватара на CSS

CabinetAdmin 04 май 2013, 13:01 Сообщение

Нет, отдельно не делал тему про подсвечивание. Тут ничего сложного, несколько правок всего.


Подсвечивание аватара пользователя находящегося в сети.

Для клонов subsilver2

Открываем шаблон viewtopic_body.html, находим:
Находим:

Код: Выделить всё

<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->


Меняем на:

Код: Выделить всё

<tr class="<!-- IF postrow.S_ROW_COUNT is even -->row1<!-- ELSE -->row2<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">


Находим:

Код: Выделить всё

<td>{postrow.POSTER_AVATAR}</td>


Меняем на:

Код: Выделить всё

<td class="postavatars"><a <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->title="Пользователь в сети"<!-- ENDIF -->>{postrow.POSTER_AVATAR}</a></td>



Открываем тему стиля, находим:

Код: Выделить всё

td.profile { padding: 4px; }


После найденного с новой строки ставим:

Код: Выделить всё

.postavatars img { background-color: #FFFFFF; padding: 0px; margin: 5px 0 1px; border: 5px solid transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 10px 0 #000000; -webkit-box-shadow: 0 0 10px 0 #000000; -moz-box-shadow: 0 0 10px 0 #000000; } .online .postavatars img { border: 5px solid #BF0000; box-shadow: 0px 0px 10px 0px #560319; -moz-box-shadow: 0px 0px 10px 0px #560319; -webkit-box-shadow: 0px 0px 10px 0px #560319; }




Для клонов prosilver

Если уже сделана рамка, то находим:

Код: Выделить всё

.postprofile dt img { background-color: #FFFFFF; padding: 0px; margin: 5px 0 1px; border: 5px solid transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 10px 0 #000000; -webkit-box-shadow: 0 0 10px 0 #000000; -moz-box-shadow: 0 0 10px 0 #000000; }


И после найденного с новой строки ставим:

Код: Выделить всё

.online .postprofile dt img { border: 5px solid #BF0000; box-shadow: 0px 0px 10px 0px #560319; -moz-box-shadow: 0px 0px 10px 0px #560319; -webkit-box-shadow: 0px 0px 10px 0px #560319; }


Открываем шаблон viewtopic_body.html, находим:

Код: Выделить всё

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />


Меняем на:

Код: Выделить всё

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->title="Пользователь в сети"<!-- ENDIF -->>{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR<!-- ENDIF --><br />




Настройка.
border: 5px solid #BF0000; - цвет рамки пользователя в сети
#560319 - цвет тени
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Рамка для аватара на CSS

romaamor 04 май 2013, 19:10 Сообщение

[quote="CabinetAdmin"][/quote]
Получается такое -

Изображение

Аватара пользователя
CabinetAdmin

Re: Рамка для аватара на CSS

CabinetAdmin 04 май 2013, 19:19 Сообщение

Дык, ты старую удали просто, ту которая с помощью таблицы сделана...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Рамка для аватара на CSS

romaamor 04 май 2013, 20:45 Сообщение

CabinetAdmin писал(а):Дык, ты старую удали просто, ту которая с помощью таблицы сделана...

Млин, у меня вылетела даже цитата та шо в постах.. :D
Изображение

Аватара пользователя
CabinetAdmin

Re: Рамка для аватара на CSS

CabinetAdmin 04 май 2013, 21:02 Сообщение

Видел... Смотри css, в стилях только код от стандартной цитаты есть.

зы. Аватара таблицей в шаблоне сделана... если что:)
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Рамка для аватара на CSS

romaamor 04 май 2013, 21:12 Сообщение

Все, я вообще запутался.
Смотри что у меня

viewtopic_body.html

Код: Выделить всё

<!-- INCLUDE overall_header.html --> <!-- IF S_FORUM_RULES --> <div class="forumrules"> <!-- IF U_FORUM_RULES --> <h3>{L_FORUM_RULES}</h3><br /> <a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a> <!-- ELSE --> <h3>{L_FORUM_RULES}</h3><br /> {FORUM_RULES} <!-- ENDIF --> </div> <br clear="all" /> <!-- ENDIF --> <div id="pageheader"> <h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2> <!-- IF MODERATORS --> <p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p> <!-- ENDIF --> <!-- IF U_MCP --> <p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p> <!-- ENDIF --> </div> <br clear="all" /><br /> <div id="pagecontent"> <table width="100%" cellspacing="1"> <tr> <td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap"> <!-- IF not S_IS_BOT --> <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF --> <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF --> <!-- ENDIF --> </td> <!-- IF TOTAL_POSTS --> <td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td> <td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td> <td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td> <!-- ENDIF --> </tr> </table> <table class="tablebg" width="100%" cellspacing="1"> <tr> <td class="cat"> <table width="100%" cellspacing="0"> <tr> <td class="nav" nowrap="nowrap">&nbsp; <!-- IF not S_IS_BOT --> <!-- IF U_WATCH_TOPIC --><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC --> | <!-- ENDIF --><!-- ENDIF --> <!-- IF U_BOOKMARK_TOPIC --><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF --> <!-- IF U_PRINT_TOPIC --><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF --> <!-- IF U_EMAIL_TOPIC --><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF --> <!-- IF U_BUMP_TOPIC --><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF --> <!-- ENDIF --> </td> <td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> | <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF --> | <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;</td> </tr> </table> </td> </tr> <!-- IF S_HAS_POLL --> <tr> <td class="row2" colspan="2" align="center"><br clear="all" /> <form method="post" action="{S_POLL_ACTION}"> <table cellspacing="0" cellpadding="4" border="0" align="center"> <tr> <td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td> </tr> <tr> <td align="{S_CONTENT_FLOW_BEGIN}"> <table cellspacing="0" cellpadding="2" border="0"> <!-- BEGIN poll_option --> <tr> <!-- IF S_CAN_VOTE --> <td> <!-- IF S_IS_MULTI_CHOICE --> <input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /> <!-- ELSE --> <input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /> <!-- ENDIF --> </td> <!-- ENDIF --> <td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td> <!-- IF S_DISPLAY_RESULTS --> <td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td> <td class="gen" align="{S_CONTENT_FLOW_END}"><b>&nbsp;{poll_option.POLL_OPTION_PERCENT}&nbsp;</b></td> <td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td> <!-- IF poll_option.POLL_OPTION_VOTED --> <td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td> <!-- ENDIF --> <!-- ENDIF --> </tr> <!-- END poll_option --> </table> </td> </tr> <!-- IF S_CAN_VOTE --> <tr> <td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td> </tr> <!-- ENDIF --> <!-- IF S_DISPLAY_RESULTS --> <tr> <td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td> </tr> <!-- ELSE --> <tr> <td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td> </tr> <!-- ENDIF --> </table> {S_HIDDEN_FIELDS} </form> </td> </tr> <!-- ENDIF --> </table> <!-- IF S_FORUM_THANKS --><!-- INCLUDE ajax_thanks_viewtopic.html --><!-- ENDIF --> <!-- BEGIN postrow --> <table class="tablebg" width="100%" cellspacing="1"> <!-- IF postrow.S_FIRST_ROW --> <tr> <th>{L_AUTHOR}</th> <th>{L_MESSAGE}</th> </tr> <!-- ENDIF --> <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF --> <!-- IF postrow.S_IGNORE_POST --> <td class="gensmall" colspan="2" height="25" align="center"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</td> <!-- ELSE --> <td align="center" valign="middle"> <!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a> <b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->><!-- IF QUICK_REPLY --><a href="#postform" onclick="insert_text('{postrow.POSTER_QUOTE}\r\n'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->><!-- ENDIF -->{postrow.POST_AUTHOR}<!-- IF QUICK_REPLY --></a><!-- ENDIF --></b> </td> <td width="100%" height="25"> <table width="100%" cellspacing="0"> <tr> <!-- IF postrow.POST_ICON_IMG --> <td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td> <!-- ENDIF --> <td class="gensmall" width="100%"><div style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float: {S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE}&nbsp;</div></td> </tr> </table> </td> </tr> <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF --> <td valign="top" class="profile"> <table cellspacing="4" align="center" width="150"> <!-- IF postrow.ONLINE_IMG --> <tr> <td>{postrow.ONLINE_IMG}</td> </tr> <!-- ENDIF --> <!-- IF QUICK_REPLY --> <tr> <td class="postdetails"><a href="#postform" onclick="addquote({postrow.POST_ID},'{postrow.POSTER_QUOTE}'); insert_text('\r\n'); return false;" title="{L_QUOTE_TEXT}"><img src="http://s14.postimage.org/5n91k2jx9/Quick_reply.png" /></a></td> </tr> <!-- ENDIF --> <!-- IF postrow.RANK_IMG --> <tr> <td>{postrow.RANK_IMG}</td> </tr> <!-- IF postrow.POSTER_AVATAR --> <tr> <td><!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}"> <table border="0" cellpadding="0" cellspacing="0" align="center" width="0"> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tr.png" height="17" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/ml.png" width="17" style="padding: 0"></td> <td class="postavatars">{postrow.POSTER_AVATAR} </td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/mr.png" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/br.png" height="17" width="17" style="padding: 0"></td> </tr> </table> </a><!-- ELSE --> <table border="0" cellpadding="0" cellspacing="0" align="center" width="0"> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tr.png" height="17" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/ml.png" width="17" style="padding: 0"></td> <td class="postavatars">{postrow.POSTER_AVATAR} </td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/mr.png" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/br.png" height="17" width="17" style="padding: 0"></td> </tr> </table> <!-- ENDIF --></td> </tr> <!-- ELSE --> <tr> <td><img src="http://forumimage.ru/uploads/20100416/127140984395452361.jpg" /></td> </tr> <!-- ENDIF --> <tr> </tr> <!-- ENDIF --> </table> <span class="postdetails"> <dl style="padding-left: 0px;"> <!-- IF postrow.U_POST_AUTHOR --> <a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')"> <img src="http://forumimage.ru/uploads/20121013/135015012140009188.gif" title="Дополнительная информация" height="20" width="150" name="btn{postrow.POST_ID}" /></a> <!-- ENDIF --> </dl> <dl id="box{postrow.POST_ID}" style="display: none; margin-top: 5px; margin-bottom: 5px;"> <!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF --> <!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF --> <!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF --> <span id="thanks_info_user{postrow.POST_ID}"> <!-- IF not postrow.S_POST_ANONYMOUS and postrow.THANKS_COUNTERS_VIEW --><br /><b>{L_GIVEN}</span>:</b><!-- IF postrow.POSTER_GIVE_COUNT < 1 --> {postrow.POSTER_GIVE_COUNT} {L_THANK}<!-- ELSEIF postrow.POSTER_GIVE_COUNT > 1 --> <a href="{postrow.POSTER_GIVE_COUNT_LINK}">{postrow.POSTER_GIVE_COUNT}</a> {L_THANKS}<!-- ELSE --> <a href="{postrow.POSTER_GIVE_COUNT_LINK}">{postrow.POSTER_GIVE_COUNT}</a> {L_THANK}<!-- ENDIF --><br /><b>{L_RECEIVED}:</b><!-- IF postrow.POSTER_RECEIVE_COUNT < 1 --> {postrow.POSTER_RECEIVE_COUNT} {L_THANK}<!-- ELSEIF postrow.POSTER_RECEIVE_COUNT > 1 --> <a href="{postrow.POSTER_RECEIVE_COUNT_LINK}">{postrow.POSTER_RECEIVE_COUNT}</a> {L_THANKS}<!-- ELSE --> <a href="{postrow.POSTER_RECEIVE_COUNT_LINK}">{postrow.POSTER_RECEIVE_COUNT}</a> {L_THANK}<!-- ENDIF --><!-- ENDIF --> <!-- BEGIN medal --> <!-- IF postrow.medal.S_HAS_MEDALS or postrow.medal.S_HAS_NOMINATIONS --><br /><b>{L_MEDALS}:</b> {postrow.medal.MEDALS_COUNT}{postrow.medal.MEDALS_NOMINATED}<!-- ENDIF --> <!-- BEGIN medal_row --> <br /> <!-- BEGIN medal_col --> <img src="{postrow.medal.medal_row.medal_col.MEDAL_IMAGE}" border="0" alt="{postrow.medal.medal_row.medal_col.MEDAL_NAME} {postrow.medal.medal_row.medal_col.MEDAL_COUNT}" title="{postrow.medal.medal_row.medal_col.MEDAL_NAME} {postrow.medal.medal_row.medal_col.MEDAL_COUNT}" {postrow.medal.medal_row.medal_col.MEDAL_WIDTH} {postrow.medal.medal_row.medal_col.MEDAL_HEIGHT} /> <!-- END medal_col --> <!-- END medal_row --> <!-- END medal --> <!-- IF postrow.S_PROFILE_FIELD1 --> <!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. --> <br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE} <!-- ENDIF --> <!-- IF postrow.U_BLOG_LINK --> <br /><b>{L_BLOG}:</b> <a href="{postrow.U_BLOG_LINK}" title="{L_VISIT_BLOG}" >{L_VISIT_BLOG}</a> <!-- ENDIF --> <!-- IF postrow.S_PROFILE_GENDER --> <br /><b>Пол: </b> <!-- IF postrow.PROFILE_GENDER_VALUE eq "Мужской" --><img src="http://help.4admins.ru/storage/help_4admins_ru/images/icon_gender_m.gif" alt="{postrow.PROFILE_GENDER_VALUE}" title="{postrow.PROFILE_GENDER_VALUE}"><!-- ENDIF --> <!-- IF postrow.PROFILE_GENDER_VALUE eq "Женский" --><img src="http://help.4admins.ru/storage/help_4admins_ru/images/icon_gender_f.gif" alt="{postrow.PROFILE_GENDER_VALUE}" title="{postrow.PROFILE_GENDER_VALUE}"><!-- ENDIF --> <!-- ENDIF --> <!-- IF postrow.S_PROFILE_ZNAK --> <br /><b>Ваш Знак зодиака: </b> ----------------------------------------------- <!-- IF postrow.S_PROFILE_FLAG --> <br /><b>Ваша страна: </b> ------------------------------------- - title="{postrow.PROFILE_FLAG_VALUE}"><!-- ENDIF --> <!-- ENDIF --> <!-- BEGIN custom_fields --> <!-- IF postrow.custom_fields.PROFILE_FIELD_NAME neq "Ваша страна:" --> <!-- IF postrow.custom_fields.PROFILE_FIELD_NAME neq "Ваш Знак зодиака:" --> <!-- IF postrow.custom_fields.PROFILE_FIELD_NAME neq "Пол" --> <br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE} <!-- ENDIF --><!-- ENDIF --><!-- ENDIF --> <!-- END custom_fields --> <!-- IF S_REPUTATION and postrow.S_USER_REPUTATION --> <!-- IF S_REP_DISPLAY neq 'block' --><br /><strong>{L_RP_TOTAL_POINTS}:</strong> {postrow.REPUTATION_TEXT}<!-- ENDIF --> <!-- IF S_REP_DISPLAY neq 'text' --><br /><!-- IF postrow.U_VIEW_REP --><a href="{postrow.U_VIEW_REP}" onclick="popup(this.href, 780, 550); return false;" ><!-- ENDIF -->{postrow.REPUTATION_BLOCK}<!-- IF postrow.U_VIEW_REP --></a><!-- ENDIF --><!-- ENDIF --> <!-- IF postrow.S_GIVE_REPUTATION --><br /><a href="{postrow.U_ADD_POS}"><img src="{T_IMAGES_PATH}reputation/add.png" title="{L_RP_ADD_POINTS} {postrow.POST_AUTHOR}" alt="{L_RP_ADD_POINTS} {postrow.POST_AUTHOR}" /></a><!-- IF postrow.S_GIVE_NEGATIVE--><a href="{postrow.U_ADD_NEG}"><img src="{T_IMAGES_PATH}reputation/subtract.png" title="{L_RP_SUBTRACT_POINTS} {postrow.POST_AUTHOR}" alt="{L_RP_SUBTRACT_POINTS} {postrow.POST_AUTHOR}" /></a><!-- ENDIF --><!-- ENDIF --> <!-- ENDIF --> </span> </td> <td valign="top"> <table width="100%" cellspacing="5"> <tr> <td> <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED --> <table width="100%" cellspacing="0"> <tr> <td class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></td> </tr> </table> <br clear="all" /> <!-- ENDIF --> <div class="postbody">{postrow.MESSAGE}</div> <!-- IF postrow.S_HAS_ATTACHMENTS --> <br clear="all" /><br /> <table class="tablebg" width="100%" cellspacing="1"> <tr> <td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td> </tr> <!-- BEGIN attachment --> <tr> <!-- IF postrow.attachment.S_ROW_COUNT is even --><td class="row2"><!-- ELSE --><td class="row1"><!-- ENDIF -->{postrow.attachment.DISPLAY_ATTACHMENT}</td> </tr> <!-- END attachment --> </table> <!-- ENDIF --> <!-- IF postrow.S_DISPLAY_NOTICE --> <span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span> <!-- ENDIF --> <!-- IF postrow.SIGNATURE --> <span id="sig{postrow.POST_ID}" class="postbody"><br />________________<br />{postrow.SIGNATURE}</span> <!-- ENDIF --> <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON --> <!-- IF postrow.EDIT_REASON --> <br /><br /> <table class="tablebg" width="100%" cellspacing="1"> <tr> <td class="row3"><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td> </tr> <tr> <td class="row2"><span class="genmed">{postrow.EDIT_REASON}</span></td> </tr> </table> <!-- ELSE --> <br /><br /> <span class="gensmall">{postrow.EDITED_MESSAGE}</span> <!-- ENDIF --> <!-- ENDIF --> <!-- IF postrow.BUMPED_MESSAGE --> <span class="gensmall">{postrow.BUMPED_MESSAGE}</span> <!-- ENDIF --> <!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF --> </td> </tr> </table> </td> </tr> <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF --> <td class="profile"><strong><a href="#wrapheader">{L_BACK_TO_TOP}</a></strong></td> <td><div class="gensmall" style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PHOOGLE --><a href="{postrow.U_PHOOGLE}" title="{L_PHOOGLE}"><img src="{T_IMAGESET_PATH}/icon_contact_phoogle.gif" alt="" /></a> <!-- ENDIF --> <g:plusone size="small"></g:plusone> <div class="share42init"></div> <script type="text/javascript" src="http://satsis.gtaserv.ru/storage/satsis_gtaserv_ru/images/share42.js"></script> <script type="text/javascript">share42('http://satsis.gtaserv.ru/storage/satsis_gtaserv_ru/images/icons.png')</script> &nbsp;</div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.S_FIRST_POST and not postrow.S_GIVE_THANKS and not postrow.S_IS_OWN_POST --><a href="{postrow.U_THANKS}"><img src="/styles/subsilver2/imageset/ru/thankposts.gif" alt="{L_THANKS}" /></a><!-- ENDIF -->&nbsp;<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}">{REPORT_IMG}</a> <!-- ENDIF --><!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}">{INFO_IMG}</a> <!-- ENDIF --><!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}">{WARN_IMG}</a> <!-- ENDIF --><!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF --> <!-- IF not postrow.S_FIRST_POST_ONLY or postrow.S_ONLY_TOPICSTART --> <!-- IF not postrow.S_GLOBAL_POST_THANKS and not postrow.S_POST_ANONYMOUS and postrow.S_FORUM_THANKS and S_USER_LOGGED_IN and not postrow.S_IS_OWN_POST and (not postrow.S_ALREADY_THANKED or postrow.S_REMOVE_THANKS) --><a id="thanks_button{postrow.POST_ID}" href="{postrow.THANKS_LINK}" alt="{postrow.THANK_ALT}{postrow.POST_AUTHOR}" title="{postrow.THANK_ALT}{postrow.POST_AUTHOR}" onclick="ajax_thanks.thanks_post({postrow.POST_ID}, '{postrow.THANK_MODE}'); return false;">{postrow.THANK_IMG}</a><!-- ENDIF --> <!-- ENDIF --> <span id="thanks_list{postrow.POST_ID}"> <!-- IF postrow.THANKS and postrow.THANKS_POSTLIST_VIEW and not postrow.S_POST_ANONYMOUS --> <table width="100%" cellspacing="0"> <tr valign="middle"> <td class="gensmall" align="{S_CONTENT_FLOW_BEGIN}"> <hr /> <!-- IF postrow.S_MOD_THANKS --><a href="{postrow.U_CLEAR_LIST_THANKS_POST}">{postrow.DELETE_IMG}</a>&nbsp;<!-- ENDIF -->{postrow.THANK_TEXT}{postrow.POST_AUTHOR_FULL}{postrow.THANK_TEXT_2} {postrow.THANKS}</td> </tr> </table> <!-- ENDIF --> <!-- IF postrow.S_THANKS_POST_REPUT_VIEW and postrow.POST_REPUT and not postrow.S_POST_ANONYMOUS and not S_IS_BOT --> <table class="content" align="left"> <tr class="postbody" align="left"> <td> <!-- IF postrow.S_THANKS_REPUT_GRAPHIC --> <div style="float: left; width: {postrow.THANKS_REPUT_GRAPHIC_WIDTH}; height: {postrow.THANKS_REPUT_HEIGHT}; background: URL({postrow.THANKS_REPUT_IMAGE_BACK}); background-repeat: repeat-x;"><div style="height: {postrow.THANKS_REPUT_HEIGHT}; width: {postrow.POST_REPUT}; background: URL({postrow.THANKS_REPUT_IMAGE}); background-repeat: repeat-x;"></div></div>&nbsp; <!-- ENDIF --> <strong>{L_REPUT}:</strong>&nbsp;{postrow.POST_REPUT} </td> </tr> </table> <!-- ENDIF --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF --> &nbsp;</div></td> <!-- ENDIF --> </tr> <!-- IF postrow.S_FIRST_POST and postrow.THANKS_LIST --> <tr> <td class="spacer" colspan="2" height="1"><img src="images/spacer.gif" alt="" width="1" height="1" /></td> </tr><tr class="row2"> <td valign="top" style="padding-left: 4px;"><!-- IF postrow.S_GIVE_THANKS --><a href="{postrow.U_THANKS}"><img src="/styles/subsilver2/imageset/ru/removethanks.gif" alt="{L_THANKS_REMOVE}"/></a> <!-- ENDIF --></td> <td style="text-align: left;">{postrow.THANKS_FROM}:<br /> {postrow.THANKS_LIST}</td> </tr> <!-- ENDIF --> <tr> <td class="spacer" colspan="2" height="1"><img src="images/spacer.gif" alt="" width="1" height="1" /></td> </tr> </table> <!-- IF postrow.S_FIRST_ROW -->{ADS_5}<!-- ELSE -->{ADS_6}<!-- ENDIF --> <!-- END postrow --> <!-- IF not S_IS_BOT --> <table width="100%" cellspacing="1" class="tablebg"> <tr align="center"> <td class="cat"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS}&nbsp;<span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR}&nbsp;<input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td> </tr> </table> <!-- ENDIF --> <table width="100%" cellspacing="1"> <tr> <td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap"> <!-- IF not S_IS_BOT --> <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF --> <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF --> <!-- ENDIF --> </td> <!-- IF TOTAL_POSTS --> <td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td> <td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td> <td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td> <!-- ENDIF --> </tr> </table> <!-- IF QUICK_REPLY --><!-- INCLUDE quick_reply.html --><!-- ENDIF --> </div> <center> <script type="text/javascript"><!-- google_ad_client = "ca-pub-4092786736227563"; /* Мой блок 3 */ google_ad_slot = "5772762038"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </center> <div id="pagefooter"></div> <!-- IF .similar --><!-- INCLUDE similar_viewtopic.html --><!-- ENDIF --> <br clear="all" /> <!-- INCLUDE breadcrumbs.html --> <!-- IF S_DISPLAY_ONLINE_LIST --> <br clear="all" /> <table class="tablebg" width="100%" cellspacing="1"> <tr> <td class="cat"><h4>{L_WHO_IS_ONLINE}</h4></td> </tr> <tr> <td class="row1"><p class="gensmall">{LOGGED_IN_USER_LIST}</p></td> </tr> </table> <!-- ENDIF --> <!-- MOD : AOS Who Visited a Topic - Start --> <!-- IF S_WHO_VISITED_A_TOPIC --> <br clear="all" /> <table class="tablebg" width="100%" cellspacing="1"> <tr> <td class="cat"><h4><a href="{U_WVT}" onclick="window.open(this.href,'','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=500,height=300'); return false;">{L_WHO_VISITED_A_TOPIC}</a></h4></td> </tr> <tr> <td class="row1"><p class="gensmall"><!-- IF NUM_VISITORS -->{NUM_VISITORS}<!-- IF NUM_VISITORS == 1 -->{L_USER_VISIT}<!-- ELSE -->{L_USER_VISITS}<!-- ENDIF --><!-- BEGIN visited_topic --><span title="{visited_topic.USER_LAST_VIEW_TIME}">{visited_topic.USER}</span><!-- IF VIEW_COUNT --> ({visited_topic.USER_VIEW_COUNT})<!-- ENDIF --><!-- IF not visited_topic.S_LAST_ROW -->, <!-- ENDIF --><!-- END visited_topic --><!-- IF NUM_USER_IN_TOPIC -->, ... [<a href="{U_WVT}" onclick="window.open(this.href,'','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=500,height=300'); return false;">{L_VIEW_MORE}</a>]<!-- ENDIF --><!-- ELSE -->{L_NONE_USER_VISIT}<!-- ENDIF --></p></td> </tr> </table> <!-- ENDIF --> </span> <!-- MOD : AOS Who Visited a Topic - End --> <br clear="all" /> <table width="100%" cellspacing="1"> <tr> <td width="40%" valign="top" nowrap="nowrap" align="{S_CONTENT_FLOW_BEGIN}"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td> <td align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></td> </tr> </table> <br clear="all" /> <table width="100%" cellspacing="0"> <tr> <td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td> <td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td> </tr> </table> <!-- INCLUDE overall_footer.html -->





Ну и ССS код

Код: Выделить всё

/* phpBB 3.0 Style Sheet -------------------------------------------------------------- Style name: subsilver2 Based on style: subSilver (the default phpBB 2 style) Original author: subBlue ( http://www.subBlue.com/ ) Modified by: psoTFX and the phpBB team ( http://www.phpbb.com ) This is an alternative style for phpBB3 for those wishing to stay with the familiar subSilver style of phpBB version 2.x Copyright 2006 phpBB Group ( http://www.phpbb.com/ ) -------------------------------------------------------------- */ /* Layout ------------ */ * { /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; } html { font-size: 100%; } body { /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; background-color: #FFFFFF; /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */ font-size: 10px; margin: 0; padding: 12px 0; background-image:url("http://multi-files.ru/img/kartinki/Nabor-besshovnyh-fonov-dlya-sayta9.png"); background-attachment: fixed;} } #wrapheader { width: 97%; background-image: url("styles/subsilver2/images/background.gif"); background-repeat: repeat-x; min-height: 120px; height: auto !important; height: 120px; padding: 0; max-width: 97%; margin: 0 auto; } #menu_bkg a { color: #000000; font-weight: bold; font-size: 11px; font-variant: small-caps } #menu_bkg a:hover { color: #000000; font-weight: bold; font-size: 11px; font-variant: small-caps } #wrapfooter { clear: both; text-align: center; } #wrapnav { background-color: #000000; border-color: #000000; border-style: solid; border-width: 1px; margin: 10px 0px 0; width: 90%; } #menubar { width: 90%; margin: 0 auto; } #datebar { display: none; width: 90%; margin: 10px 0px 0; } #findbar { border: 0 none; margin: 0; padding: 0; width: 90%; } .forumrules { background-color: #000000; border-color: #000000; border-style: solid; border-width: 1px; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 1.1em; font-weight: normal; padding: 4px; } .forumrules h3 { color: red; } #pageheader { } #pagecontent { } #pagefooter { } #poll { } #postrow { } #postdata { } h1 { color: black; font-family: "Lucida Grande","Trebuchet MS",Verdana,sans-serif; font-size: 1.8em; font-weight: bold; text-decoration: none; } h2 { font-family: Arial,Helvetica,sans-serif; font-size: 1.5em; font-weight: bold; line-height: 120%; text-decoration: none; } h3 { font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; font-weight: bold; line-height: 120%; } h4 { font-size: 1.1em; font-weight: bold; margin: 0; } p { font-size: 1.1em; } p.moderators { color: black; float: left; font-weight: bold; margin: 0; } .rtl p.moderators { float: right; } p.linkmcp { float: right; margin: 0; white-space: nowrap; } .rtl p.linkmcp { float: left; } p.breadcrumbs { color: black; float: left; font-size: 1em; font-weight: bold; margin: 0; white-space: normal; } .rtl p.breadcrumbs { float: right; } p.datetime { float: right; font-size: 1em; margin: 0; white-space: nowrap; } .rtl p.datetime { float: left; } p.searchbar { padding: 2px 0; white-space: nowrap; } p.searchbarreg { float: right; margin: 0; white-space: nowrap; } .rtl p.searchbarreg { float: left; } p.forumdesc { padding-bottom: 4px; } p.topicauthor { margin: 1px 0; } p.topicdetails { margin: 1px 0; } .postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active { color: red; font-weight: bold; margin: 1px 0; } .postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active { color: green; font-weight: bold; } .postapprove img, .postreported img { vertical-align: bottom; } .postauthor { color: #000000; } .postdetails { color: #000000; } .postbody { font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 1.3em; line-height: 1.4em; } .postbody li, ol, ul { margin: 0 0 0 1.5em; } .rtl .postbody li, .rtl ol, .rtl ul { margin: 0 1.5em 0 0; } .posthilit { background-color: yellow; } .nav { color:#000000; font-weight: bold; margin: 0; } .pagination { color: black; font-size: 1em; font-weight: bold; padding: 4px; } .cattitle { } .gen { font-size: 1.2em; margin: 1px; } .genmed { font-size: 1.1em; margin: 1px; } .gensmall { font-size: 1em; margin: 1px; } .copyright { color: #000000; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-weight: normal; } .titles { font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 1.3em; font-weight: bold; text-decoration: none; } .error { color: red; } th { background-color: #006699; background-image: url("http://forumimage.ru/uploads/20120928/134883018561008494.gif"); color: #FFA34F; font-size: 1.1em; font-weight: bold; padding: 7px 5px; white-space: nowrap; } td { padding: 2px; } td.profile { padding: 4px; } .online .postavatars img { border: 5px solid #BF0000; box-shadow: 0px 0px 10px 0px #560319; -moz-box-shadow: 0px 0px 10px 0px #560319; -webkit-box-shadow: 0px 0px 10px 0px #560319; } .tablebg { background-color: #030001; } .catdiv { background: url("styles/subsilver2/theme/images/cellpic2.jpg") repeat-y scroll left top white; border: 0 none; height: 28px; margin: 0; padding: 0; } .rtl .catdiv { background: url("styles/subsilver2/theme/images/cellpic2_rtl.jpg") repeat-y scroll right top white; } .cat { background-color: #ffffff; background-image: url("http://forumimage.ru/uploads/20120928/134883018561008494.gif"); border: 0 none; height: 28px; margin: 0; padding: 0; text-indent: 4px; } .row1 { background-color: #ffffff; padding: 4px; } .row2 { background-color: #ffffff; padding: 4px; } .row3 { background-color: #ffffff; padding: 4px; } .spacer { background-color: #ffffff; } hr { background-color: #D1D7DC; border-width: 0; color: #D1D7DC; height: 1px; } .legend { margin: 0 auto; text-align: center; } a:link { color: #000000; text-decoration: none; } a:active, a:visited { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a.forumlink { color: #000000; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 1.2em; font-weight: bold; } a.topictitle { font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 1.2em; font-weight: bold; margin: 1px 0; } a.topictitle:visited { color: #2e1d99; text-decoration: none; } th a, th a:visited { color: #ff4f74 !important; text-decoration: none; } th a:hover { text-decoration: underline; } form { border: 0 none; margin: 0; padding: 0; } input { background-color: #FAFAFA; border: 1px solid #A9B8C2; color: #333333; font-family: "Lucida Grande",Verdana,Helvetica,sans-serif; font-size: 1.1em; font-weight: normal; padding: 1px; } textarea { background-image: url('http://satsis.gtaserv.ru/storage/satsis_gtaserv_ru/images/22234.png'); background-position: right; background-repeat: no-repeat; border: 1px solid #A9B8C2; color: #333333; font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size: 1.3em; font-weight: normal; line-height: 1.4em; padding: 2px; } select { background-color: #FAFAFA; border: 1px solid #A9B8C2; color: #333333; font-family: "Lucida Grande",Verdana,Helvetica,sans-serif; font-size: 1.1em; font-weight: normal; padding: 1px; } option { padding: 0 1em 0 0; } option.disabled-option { color: graytext; } .rtl option { padding: 0 0 0 1em; } input.radio { background-color: transparent; border: medium none; } .post { background-color: white; border-style: solid; border-width: 1px; } .btnbbcode { background-color: #EFEFEF; border: 1px solid #666666; color: #000000; font-family: "Lucida Grande",Verdana,Helvetica,sans-serif; font-size: 1.1em; font-weight: normal; } .btnmain { background-color: #ffffff; border: 1px solid #A9B8C2; cursor: pointer; font-size: 1.1em; font-weight: bold; padding: 1px 5px; } .btnlite { background-color: #ffffff; border: 1px solid #A9B8C2; cursor: pointer; font-size: 1.1em; font-weight: normal; padding: 1px 5px; } .btnfile { background-color: #ffffff; border: 1px solid #A9B8C2; font-size: 1.1em; font-weight: normal; padding: 1px 5px; } .helpline { background-color: #DEE3E7; border-style: none; } .quotetitle, .attachtitle { background-color: #A9B8C2; border-color: #A9B8C2; border-style: solid; border-width: 1px 1px 0; color: #333333; font-size: 0.85em; font-weight: bold; margin: 10px 5px 0; padding: 4px; } .quotetitle .quotetitle { font-size: 1em; } .quotecontent, .attachcontent { background-color: #FAFAFA; border-color: #A9B8C2; border-style: solid; border-width: 0 1px 1px; color: #4B5C77; font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 1em; font-weight: normal; line-height: 1.4em; margin: 0 5px 10px; padding: 5px; } .attachcontent { font-size: 0.85em; } .codetitle { background-color: #A9B8C2; border-color: #A9B8C2; border-style: solid; border-width: 1px 1px 0; color: #333333; font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size: 0.8em; margin: 10px 5px 0; padding: 2px 4px; } .codecontent { background-color: #FAFAFA; border-color: #A9B8C2; border-style: solid; border-width: 0 1px 1px; color: #006600; direction: ltr; font-family: Monaco,'Courier New',monospace; font-size: 0.85em; font-weight: normal; margin: 0 5px 10px; padding: 5px; } .syntaxbg { color: #FFFFFF; } .syntaxcomment { color: #FF8000; } .syntaxdefault { color: #0000BB; } .syntaxhtml { color: #000000; } .syntaxkeyword { color: #007700; } .syntaxstring { color: #DD0000; } .pm_marked_colour { background-color: #000000; } .pm_replied_colour { background-color: #A9B8C2; } .pm_friend_colour { background-color: #007700; } .pm_foe_colour { background-color: #DD0000; } img { border: medium none; } .sep { background-color: #FFA34F; color: black; } table.colortable td { padding: 0; } pre { font-family: Monaco,'Courier New',monospace; font-size: 1.1em; } .nowrap { white-space: nowrap; } .username-coloured { font-weight: bold; } .approve-icon, .approve-icon a { background: none no-repeat scroll left top transparent; } .approve-icon, .approve-icon a { background-image: url("styles/subsilver2/theme/styles/subsilver2/imageset/en/icon_post_approve.gif"); } ul.approve-icons, li.approve-icon { height: 20px; width: 20px; } .icon-medal { background-image: none; background-position: 0 50%; background-repeat: no-repeat; padding: 1px 0 0 17px; } .icon-medal { background-image: url("styles/subsilver2/theme/styles/subsilver2/theme/images/icon_medal.gif"); } .rtl .icon-medal { background-position: 100% 50%; padding: 1px 17px 0 0; } div.adapthide { background-color: #FFFFFF; border: 1px dashed #000099; font-size: 12px; margin: 0 10px 5px; padding: 5px; } #share42 { display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; } #share42:hover { background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD; } #share42 a {opacity: 0.5;} #share42:hover a {opacity: 0.7} #share42 a:hover {opacity: 1} nav { margin: 0px auto; text-align: center; display: block; } nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { border-style: solid; border-width: 1px 1px 2px; border-color: #999 #555 #333; background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 12px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.15); padding: 0 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; text-decoration: none; } nav ul li a { display: block; padding: 10px 10px; color: #999a9b; text-decoration: none; font-family: Helvetica,sans-serif; line-height: 24px; font-size: 12px; } nav ul ul { background: #999a9b; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 0; position: absolute; } nav ul ul li { float: none; border-top: 1px solid #ced8e7; border-bottom: 1px solid #cfd2d5; position: relative; } nav ul ul li a { padding: 10px 30px; color: #fff; } nav ul ul li a:hover { background: #c8c9cb; } nav ul ul ul { position: absolute; left: 100%; top: 0; } .ac_footer { background: none repeat scroll 0 0 #0090e8; bottom: 0; font-size: 13px; height: 20px; left: 0; opacity: 0.0; padding-bottom: 5px; position: fixed; width: 100%; z-index: 999; line-height: 25px; color: #ddd; border-bottom: 5px solid #000; border-top: 5px solid #000; overflow: hidden; } .ac_footer a { font-family: 'PT Sans Narrow',Arial,sans-serif; color: #DDDDDD; letter-spacing: 0.3px; padding: 5px 10px; text-shadow: 0px 0px 0px #FFFFFF; font-size: 15px; text-transform: none; font-weight: bold; } .ac_footer a:hover { color: #FFFFFF; } .ac_footer a span { font-weight: bold; } .ac_footer a.ac_left { float: left; } ul { list-style: none; margin: 0; padding: 0; } #menu3 { width: 192px; border: 1px solid #ccc; margin: 0px; } #menu3 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(http://satsis.gtaserv.ru/storage/satsis_gtaserv_ru/images/wanwan.gif); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current, #menu3 li a:active { color: #283A50; background: url(http://satsis.gtaserv.ru/storage/satsis_gtaserv_ru/images/tutu.gif) 0 -32px; padding: 8px 0 0 30px; } /*-- To Top Button --*/ #toTop { background: none repeat scroll 0 0; border:0px solid #000000; bottom:10px; color:#FF0000; cursor:pointer; padding:5px; position:fixed; right:10px; text-align:center; text-decoration:none; width:10px; z-index:99999; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/ -moz-opacity: 0.70; /* Mozilla 1.6 */ -khtml-opacity: 0.70; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.70; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .button_top { padding: 4px 10px 3px 10px; position: relative; cursor: pointer; display: inline-block; font-size: 11px; height: 16px; text-decoration: none; color: #40740D; } .button_top img { position: absolute; top: -4px; left: -12px; border: none; } .button_top:hover { color: #8AB134; } ul#navigation { position:fixed; margin: 0px; padding: 0px; top: 0px; right: 20px; list-style: none; z-index:999999; width:900px; } ul#navigation li { width: 50px; display:inline; float:left; } ul#navigation li a { display: block; float:left; margin-top: -2px; width: 100px; height: 25px; background-color:#e0e0e1; background-repeat:no-repeat; background-position:50% 10px; border:1px solid #000000; -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; text-decoration:none; text-align:center; padding-top:80px; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } ul#navigation li a:hover{ background-color:#CAE3F2; } ul#navigation li a span{ letter-spacing:2px; font-size:11px; color:#008ADA; font-weight: bold; text-shadow: 3 -1px 3px #fff; } ul#navigation .glavnay a{ background-image: url(http://amor.gtaserv.ru/storage/amor_gtaserv_ru/images/1.png); } ul#navigation .forum a { background-image: url(http://amor.gtaserv.ru/storage/amor_gtaserv_ru/images/blog.png); } ul#navigation .novostiforuma a { background-image: url(http://amor.gtaserv.ru/storage/amor_gtaserv_ru/images/news.png); } ul#navigation .transpnovosti a { background-image: url(http://satray.ru/images/iconforums/4.png); } ul#navigation .novostisat a { background-image: url(http://satray.ru/images/iconforums/2.png); } ul#navigation .novostitv a { background-image: url(http://satray.ru/images/iconforums/18.png); } ul#navigation .pointer a { background-image: url(http://s4.postimage.org/5ui904jrt/Contacts.png); } ul#navigation .onlayn a { background-image: url(http://s3.postimage.org/sy7ovp9z3/Be_OS_TV.png); } ul#navigation .teleprograma a { background-image: url(http://s3.postimage.org/grmsghein/diagram_01.png); } ul#navigation .ses a { background-image: url(http://s11.postimage.org/q92aagv3j/Network_Service.png); } ul#navigation .fotogalerey a { background-image: url(http://s3.postimage.org/4aglcp0an/Cameras.png); } ul#navigation .aktivtema a { background-image: url(http://s18.postimage.org/l8e5d7jsl/FON.png); } ul#navigation .soopbesotv a { background-image: url(http://s4.postimage.org/9qcqtruah/Be_OS_message.png); } ul#navigation .noviecoop a { background-image: url(http://s7.postimage.org/dkxlel013/mail.png); } ul#navigation .vahicoop a { background-image: url(http://s4.postimage.org/ptpocycrd/e_mail2.png); } ul#navigation .tabliza a { background-image: url(http://s11.postimage.org/et9nhnl2n/applications_internet.png); } ul#navigation .pravila a { background-image: url(http://s9.postimage.org/8tzwsvsaz/warning_48.png); } ul#navigation .rss a { background-image: url(http://amor.gtaserv.ru/storage/amor_gtaserv_ru/images/rss.png); } .button { opacity: .5; } .button:hover { opacity: 1; } span.topictype { display: inline-block; margin: 1px 4px 1px 0; padding: 2px 5px; background: #027cb8; color: #ffffff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: 0 1px 0 #005884; border: 1px solid #0077b2; background: -moz-linear-gradient(top, #11a0e7 3%, #0077b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#11a0e7), color-stop(100%,#0077b2)); background: -webkit-linear-gradient(top, #11a0e7 3%,#0077b2 100%); background: -o-linear-gradient(top, #11a0e7 3%,#0077b2 100%); background: -ms-linear-gradient(top, #11a0e7 3%,#0077b2 100%); background: linear-gradient(to bottom, #11a0e7 3%,#0077b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a0e7', endColorstr='#0077b2',GradientType=0 ); }

Аватара пользователя
CabinetAdmin

Re: Рамка для аватара на CSS

CabinetAdmin 04 май 2013, 21:36 Сообщение

:shock: Ужас...

Вообщем вот этот кусок:

Код: Выделить всё

<!-- IF postrow.POSTER_AVATAR --> <tr> <td><!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}"> <table border="0" cellpadding="0" cellspacing="0" align="center" width="0"> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tr.png" height="17" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/ml.png" width="17" style="padding: 0"></td> <td class="postavatars">{postrow.POSTER_AVATAR} </td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/mr.png" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/br.png" height="17" width="17" style="padding: 0"></td> </tr> </table> </a><!-- ELSE --> <table border="0" cellpadding="0" cellspacing="0" align="center" width="0"> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/tr.png" height="17" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/ml.png" width="17" style="padding: 0"></td> <td class="postavatars">{postrow.POSTER_AVATAR} </td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/mr.png" width="17" style="padding: 0"></td> </tr> <tr> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bl.png" height="17" width="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/bm.png" height="17" style="padding: 0"></td> <td background="http://testbest.4adm.ru/storage/testbest_4adm_ru/images/br.png" height="17" width="17" style="padding: 0"></td> </tr> </table> <!-- ENDIF --></td> </tr> <!-- ELSE --> <tr> <td><img src="http://forumimage.ru/uploads/20100416/127140984395452361.jpg" /></td> </tr> <!-- ENDIF -->


Заменить на:

Код: Выделить всё

<!-- IF postrow.POSTER_AVATAR --> <tr> <td class="postavatars"><!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->title="Пользователь в сети"<!-- ENDIF -->>{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --></td> </tr> <!-- ELSE --> <tr> <td><img src="http://forumimage.ru/uploads/20100416/127140984395452361.jpg" /></td> </tr> <!-- ENDIF -->



зы. кстати, у тебя в css нет стилей от цитаты, или у тебя отдельным css файлом были подключены?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Рамка для аватара на CSS

romaamor 05 май 2013, 02:59 Сообщение

CabinetAdmin писал(а):кстати, у тебя в css нет стилей от цитаты,

Таки да. Просмотрел код, нету. :shock: Я лично не убирал. Извиняюсь. лажа на нашей стороне. Вот что значит два админа. Одно одеяло на двоих. восстановил , позвонил, сказал все что я думаю ( шучу ) :privet:
:(
Теперь буду разберется.
Кстати, GoDFaTHeR, что там на счет Адсенса ? Прочти личку . :)



Похожие темы

Вернуться в «HTML модификации»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя