Создание рамки без использования картинок, используя только 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

Комментарии: 70

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

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

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

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

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

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

Изображение

Медали где-то на гугу должны быть.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

АрианАндрей 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 ... VATAR8.gif" /></a>
<!-- ENDIF -->

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

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 -->
Устанавливаете стили как написано на первой странице - http://cabinetadmina.ru/viewtopic.php?p=63090#p63090

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

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

.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

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>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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 -->">
Замените его на код который выше.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

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

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

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

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

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

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