Создание рамки без использования картинок, используя только CSS
Находим в теме стиля
После закрывающего } добавляем
background-color: #FFFFFF; - цвет фона рамки
border: 5px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки
Находим в теме стиля
Код: Выделить всё
/* 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;
}
border: 5px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки
Работу данной модификации вы можете увидеть на нашем форуме
// Примечание CabinetAdmin
Комментарии: 70
Ну тогда тень как сделать? и ещё вопрос у вас есть мод для для наград медалями.CabinetAdmin писал(а):Градиент в этом месте не очень нужен, да и не заметен будет... это как здесь в сообщениях кнопки "Спасибо", "Цитата" и так далее при наведении мышкой.
Дык вроде есть ведь:djkent » 2 минуты назад писал(а):Ну тогда тень как сделать?
Медали где-то на гугу должны быть.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Хочу установить рамку, которая меняет цвет онлайн-оффлайн. Стиль 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 ... VATAR8.gif" /></a>
<!-- ENDIF -->
Т.е если аватара не выбрана, принудительно вставляется изображение. Хотелось бы, чтобы и эта картинка тоже была в рамке.
Ну, и соответственно, желательно, чтобы инструкция была с нуля - что и куда вставить и что и где удалить. :)
Если я правильно понимаю, то старое изображение "в сети" прописано в 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 ... VATAR8.gif" /></a>
<!-- ENDIF -->
Т.е если аватара не выбрана, принудительно вставляется изображение. Хотелось бы, чтобы и эта картинка тоже была в рамке.
Ну, и соответственно, желательно, чтобы инструкция была с нуля - что и куда вставить и что и где удалить. :)
То что у вас меняете на:
Устанавливаете стили как написано на первой странице - http://cabinetadmina.ru/viewtopic.php?p=63090#p63090
Старое изображение нужно удалить из файла стиля:
Код: Выделить всё
<!-- 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 -->
Старое изображение нужно удалить из файла стиля:
Код: Выделить всё
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А это уже следствие правок шаблона. Просто получается что помимо аватары в этом теге у вас оказалось ещё и изображение ранга.Ариан » Сегодня, 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], '); 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], '); 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>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А есть такой фрагмент:
Это из чистого просильвера. Недалеко после
зы. Нету, посмотрел, есть такой:
Замените его на код который выше.
Код: Выделить всё
<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 -->">
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!