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

Данный подфорум будет интересен веб-дизайнерам и администраторам форумов. Подфорум посвящен модификациям форума phpBB3. Здесь обсуждаются моды, расширения, хаки и скрипты для phpBB3 и phpBB 3.1.x.
Правила форума
Местная Конституция | FAQ - Часто задаваемые вопросы | Для новичков! | Реклама на форуме! | Публикация сообщений | Как вставить картинку или файл

Помните, поблагодарить автора за интересное сообщение, вы можете - нажав Изображение или повысить его репутацию - нажав Изображение в сообщении.
Прежде чем задать вопрос, воспользуйтесь поиском - возможно, что такая тема уже есть на форуме. За нарушение правил Ваш вопрос может быть удален без объяснения причин!
Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба
Генеральный директор
Генеральный директор

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

Сообщение elhouse » 14 дек 2012, 12:38

Красивое обрамление аватара пользователя в рамочкой с тенью, как на нашем форуме в минипрфиле.
При наведении аватар увеличивается.

Открыть файл стиля content.css
Найти:

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

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


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

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

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


background-color: #FFFFFF; - цвет фона рамки
border: 2px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки
Электромонтажные работы на дачах и квартирах г. Москва.
Интернет-магазин «Electric House». Стабилизаторы напряжения, инверторы, ИБП, аккумуляторы. Voltron, Voltron 3D, Энергия, Энергия Classic/Ultra.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Стабилизатор напряжения - Энергия СНВТ-10000/1 Hybrid
Энергия СНВТ-10000/1 Hybrid
Стабилизатор напряжения


Высокоточный гибридный стабилизатор с плавной регулировкой, выдерживающий сильные просадки и скачки напряжения.

20.900 руб.

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

Сообщение Объявления » 14 дек 2012, 12:38

Аватара пользователя
slavapril
Russia
Заслуженный Ректор клуба
Заслуженный Ректор клуба
Главный энергетик
Главный энергетик

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

Сообщение slavapril » 14 дек 2012, 13:53

Думаешь, пользователям понравится?
Учиться никогда не поздно.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба
Генеральный директор
Генеральный директор

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

Сообщение elhouse » 14 дек 2012, 13:55

slavapril писал(а):
Думаешь, пользователям понравится?

Думаю, что понравится!
Электромонтажные работы на дачах и квартирах г. Москва.
Интернет-магазин «Electric House». Стабилизаторы напряжения, инверторы, ИБП, аккумуляторы. Voltron, Voltron 3D, Энергия, Энергия Classic/Ultra.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Аватара пользователя
nikola
Russia
Гуру клуба
Гуру клуба
Старший энергетик
Старший энергетик

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

Сообщение nikola » 14 дек 2012, 14:37

Мне нравится!
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба
Генеральный директор
Генеральный директор

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

Сообщение elhouse » 14 дек 2012, 14:39

Мне тоже нравится - лучше чем плоские.
Надо мне заменить свою аватару, поставить самого себя.
Электромонтажные работы на дачах и квартирах г. Москва.
Интернет-магазин «Electric House». Стабилизаторы напряжения, инверторы, ИБП, аккумуляторы. Voltron, Voltron 3D, Энергия, Энергия Classic/Ultra.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Аватара пользователя
maxpoker
Заглянувший

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

Сообщение maxpoker » 30 сен 2013, 23:09

Вроде всё сделал верно, но появления рамки так и не дождался. Кеш везде сбросил. Уже голову сломал в поиске ошибки.

скопировал кусок сверху немного и снизу. Посмотрите если не затруднит. Заранее спасибо.

► Показать спойлер

Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба
Генеральный директор
Генеральный директор

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

Сообщение elhouse » 30 сен 2013, 23:17

А ссылку на форум дайте.
Электромонтажные работы на дачах и квартирах г. Москва.
Интернет-магазин «Electric House». Стабилизаторы напряжения, инверторы, ИБП, аккумуляторы. Voltron, Voltron 3D, Энергия, Энергия Classic/Ultra.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Аватара пользователя
maxpoker
Заглянувший

Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба
Генеральный директор
Генеральный директор

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

Сообщение elhouse » 30 сен 2013, 23:49

В вашем файле стиля этот код отсутствует!

Видимо вы забыли изменённый файл закачать.
Или закачали не в ту папку.

Вот что я вижу:

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

/* Poster profile block
----------------------------------------*/
.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   color: #666666;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;
   display: inline;
}
.pm .postprofile {
   border-left: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
   line-height: 1.2em;
   margin-left: 8px;
}

.postprofile strong {
   font-weight: normal;
   color: #000000;
}

.avatar {
   border: none;
   margin-bottom: 3px;
}

.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}



Нет этого кода в вашем файле:

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

.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;
}
Электромонтажные работы на дачах и квартирах г. Москва.
Интернет-магазин «Electric House». Стабилизаторы напряжения, инверторы, ИБП, аккумуляторы. Voltron, Voltron 3D, Энергия, Энергия Classic/Ultra.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Аватара пользователя
maxpoker
Заглянувший

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

Сообщение maxpoker » 30 сен 2013, 23:52

Спасибо огромное. Оказывается умудрился не туда засунуть код. Ещё раз спасибо.

Стабилизатор напряжения - Энергия Люкс-1000
Энергия Люкс-1000
Стабилизатор напряжения


Бытовой стабилизатор со встроенным фильтром сетевых помех. Защитит от скачков и просадок напряжения.

2.500 руб.

Рекомендуемый контент

 Ещё страницы сайта »


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Аватара Вложения
    NikELektrik » 01 янв 2010, 11:07 » в форуме Тех.поддержка
    41
    9981
    elhouse
    21 дек 2012, 19:23

Вернуться в «Расширения и моды phpBB3 и phpBB 3.1.x»

Кто на форуме

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