Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

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

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Изменение CSS вида модулей
« : 04.08.2010, 19:13:07 »
Здравствуйте! Мне нужно изменить CSS вид модулей, по скольку он у меня стандартный. В СSS нашел только класс где можно изменить вид названий модулей. А где изменять сам вид модуля - не нашел... :( Нужно добавить к примеру рамку и выравнивание по центру...
Вот сайт: http://live-football.com.ua/
Может кто сможет узнать класс где можно это изменить.
Заранее благодарю! ;)
« Последнее редактирование: 06.08.2010, 14:04:31 от Nazaretto »
*

iluho

  • Давно я тут
  • 605
  • 50 / 4
  • Гламурный КабанчеГ
Re: Изменение CSS вида модулей
« Ответ #1 : 04.08.2010, 19:14:26 »
Милый и порядочный! Верьте мне во всем!
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Re: Изменение CSS вида модулей
« Ответ #2 : 04.08.2010, 19:34:07 »
FireBug
Установлен. Вот только желаемого результата не получилось.

Может поможет, вот коды CCS которые касаются модулей.

Файл template.css
Код
/* Modules */
.module-inner {position: relative;padding: 15px 0;overflow: auto;}
.hilite1 .module-inner, .hilite2 .module-inner, .inset .module-inner {padding: 15px;}
.moduletable h3 {margin-top: 0;font-size: 125%;}
/*СТРОКА РЕДАКТИРОВАНИЯ "КНОПКИ" НАЗВАНИЯ МОДУЛЯ*/
h3.module-title {margin: 0;line-height: 20px;font-weight: bold; text-align:center; border: 5px solid #EFF0F0;}
h3.module-title span, .contentheading span {padding: 0 8px 0 18px;margin-left: -10px;display: inline-block;line-height: 30px;margin-right: 2px; text-align:center;}
.inset h3.module-title {padding: 0 5px 0 30px;}
.inset h3.module-title span {background: none;text-transform: none;padding: 0;margin: 0;}
.spacer.w99 .block {width: 100%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
.moduletable {padding: 6px ;position: relative;} /* Отступ между блоками */
.flush .moduletable {padding: 0;}
.inset .moduletable {padding: 0 100px;}
#showmodules, #showmodules2, #featuremodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5, #mainmodules6, #mainmodules7 {overflow: hidden;}
#mainmodules2 {padding-top: 15px; margin-left: 10px;}
#mainmodules3 {padding: 5px 10px;}
#mainmodules4 {padding-top: 20px; border:1px solid green;}


.spacer.w49 .block.first {
width:50%;       /* ширина первого блока */
}
.spacer.w49 .block.last {
width:50%;            /* ширина второго блока */
}

/* Module Variations */
#main-body .hilite1 .module-inner {border-top: 0px; }
.hilite1 .readon1-l {background-position: 0 -47px;background-repeat: no-repeat; }
.hilite1 .readon1-m {background-position: 0 -47px;background-repeat: repeat-x; }
.hilite1 .readon1-r {background-position: 100% -47px;background-repeat: no-repeat; }
.ad .module-inner {padding: 0; }
.ad h3.module-title {color: #999;display: block;font-size: 10px;font-weight: bold;margin-bottom: 5px;padding: 0;margin-top: 10px;margin-left: 5px;text-transform: uppercase;background: none;line-height: 12px;;font-family: Helvetica,Arial,sans-serif !important; }
.ad h3.module-title span {background: none;color: #999;margin: 0;padding: 0;line-height: 12px; }

/* Extra Joomla Elements */
span.small, .modifydate {font-size: 90%;}
.sectiontableheader {font-weight: bold;padding: 3px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 6px 5px;vertical-align: middle;}
tr.sectiontableentry0 td, td.sectiontableentry0, tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.moduletable fieldset {border: 0;}
.moduletable h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks-img {float: left;}
.weblinks-link {margin-left: 25px;}
.weblinks-img img {margin-top: 3px;}
.contact_email input.button {border: 0;background: none;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator {display: none;}
.contact .icon {float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address {overflow: hidden;}
.contact .other .surround {margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
input#contact_name.inputbox, input#contact_email.inputbox, input#contact_subject.inputbox {padding: 1px 0 1px 5px;font-size: 14px;line-height: 22px;height:22px;width: 100%;margin-bottom: 10px;width: 300px;}
textarea#contact_text.inputbox {padding: 5px;margin-bottom: 10px;}
#main-content .inputbox.invalid {border: 1px solid #cc0000;}
#adminForm fieldset div {clear: both;line-height:30px;}


Файл style1.css
Код
/* Modules */
h3.module-title, .contentheading {background: #DDDEDF url(../images/style1/modules/h3-main.png) 0 -100px repeat-x;color: #666;}
h3.module-title span, .contentheading span {background: url(../images/style1/modules/h3-main.png) 0 0 repeat-x;color: #fff;}
.logo-module .moduletable {color: #fff;}
.inset .module-inner {background: #131313;color: #fff;}
.inset .inset-h3 {background: #625853 url(../images/style1/modules/h3-main.png) 0 -200px repeat-x;}
.inset h3.module-title {background: url(../images/style1/modules/inset-h3.png) 10px 50% no-repeat;color: #fff;}
form.poll .readon-wrap1 a {color: #333;}

/* Module Variations */
.hilite1 .module-inner {background: url(../images/style1/modules/module-bg-v1.png) 50% 100% repeat-x;border: 1px solid #DFE0E1;}
.hilite1 a.readon-main, .hilite1 input.button {color: #fff;}
.hilite1 .roktabs-links, .hilite1 .active-arrows {background: #E9E9EA;color: #333;}
.hilite2 h3.module-title {background: #3C3C3C url(../images/style1/modules/h3-main.png) 0 -300px repeat-x;color: #ccc;}
.hilite2 .module-inner {background: #0F0F0F url(../images/style1/modules/module-bg-v2.png) 50% 0 repeat-x;color: #ccc;}
.hilite2 a.readon-main, .hilite2 input.button, .inset a.readon-main, .inset input.button {color: #333;}
.hilite2 .roktabs-links ul li.active span {background: url(../images/style1/modules/h3-main.png) 0 -300px repeat-x;color: #fff;}
.hilite3 h3.module-title span {background: url(../images/style1/modules/h3-main.png) 0 -400px repeat-x;color: #fff;}
*

iluho

  • Давно я тут
  • 605
  • 50 / 4
  • Гламурный КабанчеГ
Re: Изменение CSS вида модулей
« Ответ #3 : 04.08.2010, 19:41:25 »
куда рамку добавить и что по центру выровнять именно и где?
Милый и порядочный! Верьте мне во всем!
*

volod3000

  • Захожу иногда
  • 379
  • 51 / 0
  • Чтобы ничего не делать, нужно многое сделать.
Re: Изменение CSS вида модулей
« Ответ #4 : 04.08.2010, 20:20:51 »
Вот смотрите :



Т.е. у Вас модули с информацией не имеют класса. Поэтому их и изменит нельзя,
они не прописаны в CSS файле.
Вам необходимо их прописать, т.е. назначить им классы.

И дальше можно их менять как душе угодно, а если им еще, и суффикс класса назначить ,
то можно каждый модуль со своим стилем сделать.
Мало открыть человеку глаза,
большинство еще просит указать дорогу
и ждет волшебного пенделя.
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Re: Изменение CSS вида модулей
« Ответ #5 : 04.08.2010, 21:07:30 »
Вот смотрите :



Т.е. у Вас модули с информацией не имеют класса. Поэтому их и изменит нельзя,
они не прописаны в CSS файле.
Вам необходимо их прописать, т.е. назначить им классы.

И дальше можно их менять как душе угодно, а если им еще, и суффикс класса назначить ,
то можно каждый модуль со своим стилем сделать.
Супер, это то что я и ожидал! Вот только у меня возникает еще пару вопросов, которые за пару минут можно будет решить в аське либо скайпе. Очень прошу Вас написать мне свои координаты мне в личку. Уверен, на эти вопросы Вы ответите за пару секунд... так что много времени я у Вас не займу! Заранее большое спасибо! ;)
Ставлю Вам + :)
*

volod3000

  • Захожу иногда
  • 379
  • 51 / 0
  • Чтобы ничего не делать, нужно многое сделать.
Re: Изменение CSS вида модулей
« Ответ #6 : 04.08.2010, 21:38:54 »
Пишите мне в личку, чем смогу, тем помогу.
Мало открыть человеку глаза,
большинство еще просит указать дорогу
и ждет волшебного пенделя.
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Re: Изменение CSS вида модулей
« Ответ #7 : 06.08.2010, 14:04:01 »
Решено!
*

bubaduba

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
  • Делай добро, и отпускай его в море...
Re: Изменение CSS вида модулей
« Ответ #8 : 27.11.2010, 04:33:12 »
круто! А как это решилось? Опишите что прописать в CSS файле чтоб модуль был посередине контейнера? Третий день мучаюсь с регистрационной формой.
Спасибо.

Re: Изменение CSS вида модулей
« Ответ #9 : 23.11.2011, 23:50:47 »
Пишите мне в личку, чем смогу, тем помогу.
А мне помочь можете? за денежку. аська 638486917
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 2705
Последний ответ 16.06.2020, 17:43:05
от xpank
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

Ответов: 5
Просмотров: 1572
Последний ответ 19.12.2018, 16:56:48
от Bozhkov2
вывести элементы поверх остальных модулей

Автор lexxbry

Ответов: 6
Просмотров: 2284
Последний ответ 29.10.2017, 17:55:05
от lexxbry
Позиционирование модулей.

Автор Briz1

Ответов: 2
Просмотров: 1845
Последний ответ 17.02.2017, 13:09:47
от vipiusss
Изменение цветов в стиле шаблона It_thestore5

Автор NIKITA_777

Ответов: 2
Просмотров: 1552
Последний ответ 18.01.2016, 19:01:03
от Shustry