Первый старт - Русское  сообщество Discuz!X

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

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

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

Темы

Сообщения

978

Баланс

Эксперт

Rank: 4Rank: 4Rank: 4Rank: 4

Баланс
978
Опубликовано 28-10-2012 00:58:25 | Показать все сообщения |Режим чтения
Итак что имеем :
Кривое отображение карточки мембера , той что вылезает при наведении на аватар в теме
пример кривости :

все это изза несоответствия количества символов  и следовательно нужны правки в 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; }
Скопировать код
ну и вот что имеем в результате наших действий
       



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

Сообщение слишком большое

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

x

Рейтинг

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

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

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

Темы

Сообщения

327

Баланс

Продвинутый

Rank: 3Rank: 3Rank: 3

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

Темы

Сообщения

373

Баланс

Продвинутый

Rank: 3Rank: 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

Темы

Сообщения

0

Баланс

Новичок

Rank: 1

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

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

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

GMT+3, 20-10-2017 02:43 , Processed in 0.224779 second(s), 30 queries , File On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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