Рамка для аватара.

[Galaxy]

Существут данный мод для subsilver 2? Поиск по форуму ничего не дал.

[Romnik]

Это не мод, а обычный class

prosilver
colours.css
Например:

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

.avatars{
	border: 2px solid #FFFFFF;
	padding: 1px;
	border-radius: 3px;
	box-shadow: 0 0 5px 0 #000000;
    -webkit-box-shadow: 0 0 5px 0 #000000;
    -moz-box-shadow: 0 0 5px 0 #000000;
}
.avatars:hover
{
	border-color: #ff0000;
}

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;
    }

Или вот тут - Аватара в рамочке с тенью на CSS

[xaocZ]

для subsilver 2

Вот тут - Рамка для аватара на CSS

[Strigops]

для subsilver 2

Вот тут - Рамка для аватара на CSS

А как сделать, чтоб цвет рамки менялся при наведении курсора мышки на аватару?

[Татьяна5]

http://htmlbook.ru/css/hover

[Romnik]

А как сделать, чтоб цвет рамки менялся при наведении курсора мышки на аватару?

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

.postavatars img:hover
{
	border-color: #ff0000;
}

Интересный вариант, но он для Prosilver.
При наведении аватар увеличивается.

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

.postprofile dt img {
background-color: #FFFFFF;
padding: 0px;
margin: 5px 0 1px;
border: 2px 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;
}

.postprofile dt img:hover {
   margin-left: 5px;
   -webkit-transition: all 400ms linear 0s;
   -o-transition: all 400ms linear 0s;
   -moz-transition: all 400ms linear 0s;
   transition: all 400ms linear 0s;
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   -moz-transform: scale(1.1);
   transform: scale(1.1);
}

[Galaxy]

.postavatars

Описание:

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

background-color: #EADCFC; - цвет рамки
border: 5px solid transparent; - отступ рамки от аватара
#4D376B - тень рамки, или задний фон рамки (кому как понятнее)
-moz-border-radius: 7px; - закругление уоглков
-webkit-border-radius: 7px; - закругление уоглков
-khtml-border-radius: 7px; - закругление уоглков
border-radius: 7px; - закругление уоглков

[ВладимирТ]

border: 5px solid transparent; - отступ рамки от аватара

Это не отступ, а сама рамка. размер -5 px, solid - сплошная, transparent - прозрачная

#4D376B - тень рамки, или задний фон рамки (кому как понятнее)

Это не тень, а просто номер цвета

background-color: #EADCFC; - цвет рамки

Ну а это цвет фона...

-moz-border-radius: 7px; - закругление уоглков
-webkit-border-radius: 7px; - закругление уоглков
-khtml-border-radius: 7px; - закругление уоглков
border-radius: 7px; - закругление уоглков

Да точно, закругление УОГЛКОВ, на прозрачной рамке

[Galaxy]

Поменял,ничего не поменялось.

[Sheer]

FAQ

[Galaxy]

Sheer
Почистил кеш два раза,ничего не поменялось.

[angst66]

Galaxy напиши как чистил

[Romnik]

И как ставил?

[Galaxy]

Ставил,как указано во втором сообщении данной темы (для сабсильвера).Кеш чистил в админке ,как всегда.

[Strigops]

Ты бы ссылку на свой форум дал. Поддержке проще прямо посмотреть что там у тебя не работает, чем тут гадать по облакам.