Первый старт

 Забыли пароль?
 Регистрация
Поиск
Популярное: Discuz
Просмотры: 1441|Ответы: 3
Свернуть

Красивости от Макрэя

[Скопировать ссылку]

55

Темы

773

Сообщения

993

Баланс

Эксперт

Rank: 4

Баланс
993
Опубликовано 28-10-2012 00:58:25 | Показать все сообщения |Режим чтения

Для просмотра нужна авторизация!

Для просмотра Вам необходимо авторизироваться.
Если Вы еще не зарегистрированы, перейдите по ссылке: Регистрация.

x
Итак что имеем :
Кривое отображение карточки мембера , той что вылезает при наведении на аватар в теме
пример кривости :
Снимок экрана 2012-10-28 в 1.41.27.png
все это изза несоответствия количества символов  и следовательно нужны правки в css  , это  мы и  сделаем !
Кусок  CSS  отвечающий за отображение этой штуки  находится в  файле /default/common/module.css
и начинается с комментария
/* 用户详细信息 */  ( это  вам  чтоб проще искать было)
и вот  что мы имеем изначально
  1. /* 用户详细信息 */
  2.   .bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px !important; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -webkit-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -moz-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; }
  3.     .bui dl { margin: 5px 0 10px; }
  4.       .bui dt { width: 4.5em; }
  5.       .bui dd { margin-right: 10px; width: 75px; }
  6.     .bui .m img { margin-bottom: 12px; }
  7.     .bui .i { width: 290px; }
  8.       .imicn img { vertical-align: middle; margin-right: 8px; }
  9.         .imicn .xi2:hover { text-decoration: none; }
  10.         .imicn .xi2 img { margin-right: 0; }
Скопировать код
теперь приводим вот к такому виду :
  1. .bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px !important; border-radius: 15px; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; box-shadow: 9px 9px 32px {WRAPBORDERCOLOR}; -webkit-box-shadow: 9px 9px 32px {WRAPBORDERCOLOR}; -moz-box-shadow: 9px 9px 32px {WRAPBORDERCOLOR};  }
  2.     .bui dl { margin: 5px 0 10px; }
  3.       .bui dt { width: 11.5em; }
  4.       .bui dd { margin-right: 10px; width: 75px; }
  5.     .bui .m img { margin-bottom: 12px; }
  6.     .bui .i { width: 290px; }
  7.       .imicn img { vertical-align: middle; margin-right: 8px; }
  8.         .imicn .xi2:hover { text-decoration: none; }
  9.         .imicn .xi2 img { margin-right: 0; }
Скопировать код
ну и вот что имеем в результате наших действий
       

Снимок экрана 2012-10-28 в 1.41.39.png

Спасибо за внимание!

Рейтинг

Поблагодарили 7Репутация +7 Свернуть Инфо
Caramor + 1 Лучший
losper + 1 Лучший
SweD + 1 Лучший
Чарли + 1
qwest + 1
parks + 1 +1
Yarius + 1

Показать список

makray.ru , бывает полезен

26

Темы

222

Сообщения

327

Баланс

Продвинутый

Rank: 3Rank: 3

Баланс
327
Опубликовано 28-10-2012 17:36:52 | Показать все сообщения
Побольше бы таких хаков.
parks, скрытое содержание будет доступно после нажатия кнопки "Спасибо!"

10

Темы

322

Сообщения

373

Баланс

Продвинутый

Rank: 3Rank: 3

Баланс
373
Опубликовано 28-10-2012 23:17:01 | Показать все сообщения
Может еще кроссбраузерности чуть чуть добавить
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari, Chrome */
  -khtml-border-radius: 15px; /* KHTML */
Перевод и адаптация шаблонов Discuz

6

Темы

52

Сообщения

58

Баланс

Новичок

Rank: 1

Баланс
58
Опубликовано 4-12-2015 23:35:14 | Показать все сообщения
А если у меня и так и так просто пустое поле?
Чтобы ответить, вам надо авторизироваться в системе Вход | Регистрация

Правила начислений

Быстрый и надежный Хостинг !

Теги|Черный список|Archiver|Правообладателям|Первый старт  

GMT+3, 11-12-2017 21:53 , Processed in 0.099239 second(s), 35 queries , File On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

Быстрый ответ Вернуться к началу Назад к списку