Аватара в рамочке с тенью с увеличением на 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 - цвет тени от рамки

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

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

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

Думаешь, пользователям понравится?
Учиться никогда не поздно
Раньше я завидовал тем, кто получал больше меня. Теперь я завидую тем, кто ходит на работу с удовольствием

Отблагодарить »
Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба

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

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

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

Думаю, что понравится!

Отблагодарить »
Аватара пользователя
nikola
Гуру клуба
Гуру клуба

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

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

Мне нравится!

Отблагодарить »
Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба

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

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

Мне тоже нравится - лучше чем плоские.
Надо мне заменить свою аватару, поставить самого себя.

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

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

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

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

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

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

Отблагодарить »
Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба

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

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

А ссылку на форум дайте.

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

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

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


Отблагодарить »
Аватара пользователя
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;
}

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

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

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

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

Отблагодарить »
  • Рекомендуемый контент

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

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

Кто на форуме

Сейчас этот форум просматривают: archive.org_bot, Xrumer [Spam-Bot] и 0 гостей