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

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

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

CabinetAdmin 02 июн 2013, 19:04 Сообщение

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

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

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

djkent 02 июн 2013, 19:07 Сообщение

CabinetAdmin писал(а):Градиент в этом месте не очень нужен, да и не заметен будет... это как здесь в сообщениях кнопки "Спасибо", "Цитата" и так далее при наведении мышкой.
Ну тогда тень как сделать? и ещё вопрос у вас есть мод для для наград медалями.

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

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

CabinetAdmin 02 июн 2013, 19:13 Сообщение

djkent » 2 минуты назад писал(а):Ну тогда тень как сделать?

Дык вроде есть ведь:

Изображение

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

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

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

Ариан 04 авг 2013, 19:51 Сообщение

Хочу установить рамку, которая меняет цвет онлайн-оффлайн. Стиль prosilver.
Если я правильно понимаю, то старое изображение "в сети" прописано в CSS, но в каком месте?
Кроме того, у меня код, который надо заменить, выглядит иначе:

<!-- IF postrow.POSTER_AVATAR --><a href="{postrow.U_PROFILE}">
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
<!-- ELSE --><a href="{postrow.U_POST_AUTHOR}"><img src="http://sdmon.4adm.ru/storage/sdmon_4adm_ru/images/NO-AVATAR8.gif" /></a>
<!-- ENDIF -->

Т.е если аватара не выбрана, принудительно вставляется изображение. Хотелось бы, чтобы и эта картинка тоже была в рамке.
Ну, и соответственно, желательно, чтобы инструкция была с нуля - что и куда вставить и что и где удалить. :)

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

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

CabinetAdmin 05 авг 2013, 19:58 Сообщение

То что у вас меняете на:

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

<!-- IF postrow.POSTER_AVATAR --> <!-- 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 --><a href="{postrow.U_POST_AUTHOR}"><img src="http://sdmon.4adm.ru/storage/sdmon_4adm_ru/images/NO-AVATAR8.gif" /></a><!-- ENDIF --><br /> <!-- ENDIF -->


Устанавливаете стили как написано на первой странице - Рамка для аватара на CSS

Старое изображение нужно удалить из файла стиля:

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

.online { background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif"); }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

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

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

Ариан 05 авг 2013, 21:19 Сообщение

Совсем беда... Кроме аватары в рамке оказался и погон и онлайн не перекрашивается. :(

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

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

Ариан 05 авг 2013, 21:55 Сообщение

И предустановленная аватара тоже не появляется.

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

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

CabinetAdmin 06 авг 2013, 15:05 Сообщение

Ариан » Сегодня, 00:19 писал(а):Кроме аватары в рамке оказался и погон и онлайн не перекрашивается.

А это уже следствие правок шаблона. Просто получается что помимо аватары в этом теге у вас оказалось ещё и изображение ранга.

Найдите в шаблоне:

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

<dt> <!-- IF QUICK_REPLY --><a href="#postform" onclick="insert_text('[URL=http://sdmon.4adm.ru/{postrow.U_POST_AUTHOR}][b][color={postrow.POST_AUTHOR_COLOUR}]{postrow.POSTER_QUOTE}[/color][/b][/URL], &nbsp;'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->><center>{postrow.POST_AUTHOR}</a><!-- ELSE --><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE --><center>{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><!-- ENDIF --> <!-- We use "\r\n" newline here because insert_text() JS function doesn't insert newline with "\n" (at least in Windows) --> <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF --> <!-- IF postrow.POSTER_AVATAR --><a href="{postrow.U_PROFILE}"> <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br /> <!-- ELSE --> <a href="{postrow.U_POST_AUTHOR}"><img src="http://sdmon.4adm.ru/storage/sdmon_4adm_ru/images/NO-AVATAR8.gif" /></a> <!-- ENDIF --> </center> </dt>


И замените его на:

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

<dt> <!-- IF QUICK_REPLY --><a href="#postform" onclick="insert_text('[URL=http://sdmon.4adm.ru/{postrow.U_POST_AUTHOR}][b][color={postrow.POST_AUTHOR_COLOUR}]{postrow.POSTER_QUOTE}[/color][/b][/URL], &nbsp;'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->><center>{postrow.POST_AUTHOR}</a><!-- ELSE --><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE --><center>{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><!-- ENDIF --></center> </dt> <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><center><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd></center><!-- ENDIF --> <dt> <center> <!-- IF postrow.POSTER_AVATAR --> <!-- 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 /> <!-- ELSE --> <a href="{postrow.U_POST_AUTHOR}" <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->title="Пользователь в сети"<!-- ENDIF -->><img src="http://sdmon.4adm.ru/storage/sdmon_4adm_ru/images/NO-AVATAR8.gif" /></a><br /> <!-- ENDIF --> </center> </dt>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

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

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

Ариан 06 авг 2013, 15:58 Сообщение

Спасибо. Одна проблема решилась, но переключения цвета рамки так и не наблюдается. Все в оффлайне. :(

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

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

CabinetAdmin 06 авг 2013, 16:33 Сообщение

А есть такой фрагмент:

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

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">


Это из чистого просильвера. Недалеко после <!-- BEGIN postrow -->

зы. Нету, посмотрел, есть такой:

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

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

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

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

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

Ариан 06 авг 2013, 19:41 Сообщение

Огромное спасибо! Все заработало. У меня и был чистый стандартный просильвер. Всё что получилось в итоге, сделано моими корявыми ручками.

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

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

Ариан 06 авг 2013, 19:55 Сообщение

Поторопился... Сообщения тех, кто в онлайне остаются без фона...

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

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

Ариан 06 авг 2013, 20:00 Сообщение

Рзобрался. Ещё раз, спасибо!

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

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

Ариан 06 авг 2013, 21:04 Сообщение

И ещё один вопросик появился. Рамка есть в минипрофиле, есть она и при просмотре личных сообщений, но отсутствует в профиле пользователя. Это поправимо?

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

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

Ариан 06 авг 2013, 23:41 Сообщение

Обнаружил, что в ЛС рамка не переключается и всегда в оффлайне.



Похожие темы

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

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

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