Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2594 Просмотров
*

METTER

  • Захожу иногда
  • 169
  • 22 / 1
Быть может не совсем корректно дал название теме, но всё же...
Версия JComments 2.2.0.0
После установки решил изменить размер отображения аватарок.
Для этого в \components\com_jcomments\tpl\default\style.css произвел следующие изменения

/* Comment */
#comments .comment-box {margin: 0;padding: 0; color: #999}
#comments .comment-avatar {float: left;margin: 0;padding: 0}
#comments .avatar-indent {padding-left: 108px}

/* Avatar */
#comments .comment-avatar img {width: 100px;border: none !important;}

Вот что получилось:


Помогите, пожалуйста, а как убрать этот большой просвет при цитировании?
« Последнее редактирование: 14.05.2010, 00:00:22 от METTER »
*

smart

  • Администратор
  • 6478
  • 1318 / 15
  • Хочешь сделать хорошо — сделай!
Вот так сходу сложно сказать, проще всего посмотрите через FireBug, чему там не хватает места и увеличьте отступ.
*

METTER

  • Захожу иногда
  • 169
  • 22 / 1
Хорошая штука, этот FireBug )))

Изменил

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: both; background-image: none}
#comments blockquote, #comments .hidden, #comments code, #comments pre {color: #849B9F;text-align: left;padding: 8px;margin-bottom: 8px}
#comments blockquote, #comments .hidden {border: 1px dashed #849B9F}
#comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal}
#comments .code {background: none; border: none; padding:0}
#comments .quote {color: #777}
#comments .hidden {clear: both;display: block;margin: 5px 0}

на

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, {clear: both; background-image: none}
#comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: both; background-image: none}
#comments blockquote, #comments .hidden, #comments code, #comments pre {color: #849B9F;text-align: left;padding: 8px;margin-bottom: 8px}
#comments blockquote, #comments .hidden {border: 1px dashed #849B9F}
#comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal}
#comments .code {background: none; border: none; padding:0}
#comments .quote {color: #777;margin: 6px 0 0;padding:0 0 2px}
#comments .hidden {clear: both;display: block;margin: 5px 0}

Получилось как и хотелось ))


Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться