Змінити стиль вмісту модуля

Допомога по базовим питанням верстки, цікаві ідеї, оптимізація.

Змінити стиль вмісту модуля

Повідомлення Shaman » 06 серпня 2007, 17:30

Ось таке з одного боку просте,а з іншого рідковідповідальне на рос. форумі питання : як змінити оформлення вмісту окремого модуля?Може тут мені хтось допоможе?
З суфіксами модулів питань немає, а от хто буде ласкавий сказати мені який клас table.moduletable слід додати в CCS теми?
Вже пробував писати
"table.moduletable-х lu"
       ....
"table.moduletable-х li"
       ......
Більше варіантів нема - текст в модулі не хоче змінювати свої властивості :-[
Качественный хостинг для Joomla! | OpenCart - Україна
Аватар користувача
Shaman
Команда підтримки
Команда підтримки
 
Повідомлення: 439
З нами з: 07 травня 2007, 20:44
Звідки: Україна, Київ
Репутація: 5

google adsense
 

Re: Змінити стиль вмісту модуля

Повідомлення Dutch » 06 серпня 2007, 17:36

Аватар користувача
Dutch
Адміністратор
Адміністратор
 
Повідомлення: 1058
З нами з: 28 жовтня 2006, 17:49
Звідки: Київ
Репутація: 22

Re: Змінити стиль вмісту модуля

Повідомлення Shaman » 06 серпня 2007, 18:08

Я просто не вірно задавав питання.Я думав що меню модуля і вміст модуля - це одне і теж)
Тобто,якщо справа стосується стилю меню,то це втановлюється в

a.mainlevel:link, a.mainlevel:visited {
  color            : #808080;
  font-weight      : normal;
}

a.mainlevel:hover {
  color            : #A5D30C;
}

а не в

table.moduletable
:)
Качественный хостинг для Joomla! | OpenCart - Україна
Аватар користувача
Shaman
Команда підтримки
Команда підтримки
 
Повідомлення: 439
З нами з: 07 травня 2007, 20:44
Звідки: Україна, Київ
Репутація: 5

Re: Змінити стиль вмісту модуля

Повідомлення Dutch » 06 серпня 2007, 18:27

За умовчуванням класи меню та класи модуля меню:

Код: Виділити все
/*класи для горизонтального меню*/
.mainleveltop {
text-align: center!important;
border-collapse: collapse;
padding: 0;
margin: 0;
text-decoration: none;
}

a.mainleveltop:link, a.mainleveltop:visited {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center!important;
font-size: 12px!important;
color: #1E90FF;
font-weight: bold;
text-decoration: none;
}

a.mainleveltop:hover {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center;
color: #6495ED !important;
text-decoration: none;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}

a.mainleveltop#active_menutop:link, a.mainleveltop#active_menutop:visited{
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #FF1493 !important;
text-decoration: none;
background-image: url(../images/menu.png);
background-repeat: repeat-x;
background-position: 0 1px;
}

a.mainleveltop#active_menutop:hover {
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #6495ED !important;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}


/*класи модуля меню*/
table.moduletable {
padding: 0;
margin: 10px 0 10px 0;
height: auto;
vertical-align: top;
width: 100%!important;
border-collapse: collapse!important;
}

table.moduletable th {
font-size: 140%!important;
font-family: Arial!important;
text-transform: uppercase;
height: 26px;
color: #98A9AD;
padding: 0 2px 0 0!important;
margin-bottom: 0px!important;
vertical-align: middle;
text-align: left;
border-collapse: collapse!important;
}

table.moduletable td {
padding: 2px 27px 2px 15px;
text-align: left;
color:#333333;
height: auto;
vertical-align: top;
border-collapse: collapse!important;
}

table.moduletable UL {
text-align: left;
}

table.moduletable LI {
text-align: left;
}


Прописуємо суфікс для модуля та меню _new:

Код: Виділити все
/*класи для горизонтального меню*/
.mainleveltop_new {
text-align: center!important;
border-collapse: collapse;
padding: 0;
margin: 0;
text-decoration: none;
}

a.mainleveltop_new:link, a.mainleveltop_new:visited {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center!important;
font-size: 12px!important;
color: #1E90FF;
font-weight: bold;
text-decoration: none;
}

a.mainleveltop_new:hover {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center;
color: #6495ED !important;
text-decoration: none;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}

a.mainleveltop_new#active_menutop_new:link, a.mainleveltop_new#active_menutop_new:visited{
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #FF1493 !important;
text-decoration: none;
background-image: url(../images/menu.png);
background-repeat: repeat-x;
background-position: 0 1px;
}

a.mainleveltop_new#active_menutop_new:hover {
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #6495ED !important;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}


/*класи модуля меню*/
table.moduletable_new {
padding: 0;
margin: 10px 0 10px 0;
height: auto;
vertical-align: top;
width: 100%!important;
border-collapse: collapse!important;
}

table.moduletable_new th {
font-size: 140%!important;
font-family: Arial!important;
text-transform: uppercase;
height: 26px;
color: #98A9AD;
padding: 0 2px 0 0!important;
margin-bottom: 0px!important;
vertical-align: middle;
text-align: left;
border-collapse: collapse!important;
}

table.moduletable_new td {
padding: 2px 27px 2px 15px;
text-align: left;
color:#333333;
height: auto;
vertical-align: top;
border-collapse: collapse!important;
}

table.moduletable_new ul {
text-align: left;
}

table.moduletable_new li {
text-align: left;
}


Замість _new можно вписати любий суфікс.
В адмінці тільки прописуємо в поле Суфікс CSS класу: _new

От і все :)
Аватар користувача
Dutch
Адміністратор
Адміністратор
 
Повідомлення: 1058
З нами з: 28 жовтня 2006, 17:49
Звідки: Київ
Репутація: 22

Re: Змінити стиль вмісту модуля

Повідомлення inf4mi » 12 серпня 2007, 20:28

Dutch написав:
Замість _new можно вписати любий суфікс.
В адмінці тільки прописуємо в поле Суфікс CSS класу: _new

От і все :)


десь я читав, що потрібно -new
чи це ролі не грає?
Вічні посилання для Вашого на сайту! Краще заплатити один раз! А дурень платить кожен місяць =)
inf4mi
Користувач
Користувач
 
Повідомлення: 180
З нами з: 24 січня 2007, 10:04
Репутація: 0

Re: Змінити стиль вмісту модуля

Повідомлення Dutch » 13 серпня 2007, 00:12

не грає
єдине, що може грати роль це число на початку індифікатора, наприклад:

Syntax: [ Download ] [ Hide ]
Using php Syntax Highlighting

div.01_new{
}

div#01_new {
}

 
Parsed in 0.016 seconds, using GeSHi 1.0.8.2


Тобто не всі браузери зрозуміють, що це таке.
Востаннє редагувалось Dutch в 13 серпня 2007, 00:14, всього редагувалось 1 раз.
Аватар користувача
Dutch
Адміністратор
Адміністратор
 
Повідомлення: 1058
З нами з: 28 жовтня 2006, 17:49
Звідки: Київ
Репутація: 22

Re: Змінити стиль вмісту модуля

Повідомлення kubid@ » 11 вересня 2007, 00:22

По такому меню все зрозуміло, але в мене трохи інше бажання що до розробки меню, сижу неможу збагнути я це реалізувати, нижче привожу приклад, як воно виглядає на картинкі:
http://i.piccy.kiev.ua/i/86/31/4a8dfa98 ... 2712f4.gif[/img]

можли хтось вже бачив таке? якщо у когось є подібний шаблон меню, дайте будласка лінк звідки можно скачати, або приведіть приклад в коді  :-o
Востаннє редагувалось kubid@ в 11 вересня 2007, 00:25, всього редагувалось 1 раз.
kubid@
 

Re: Змінити стиль вмісту модуля

Повідомлення kubid@ » 17 вересня 2007, 11:34

Мне кто нить может подсказать как это реализовать?!
kubid@
 

Re: Змінити стиль вмісту модуля

Повідомлення pluhpluh » 10 липня 2008, 23:24

kubid@ написав:Мне кто нить может подсказать как это реализовать?!

сделай просто 2 рисунка 1-для не активной ссылки(обычный такой как есть) и 2-для активной и сделай его повыше.а потом просто назначь для нективной и посещенной ссылки-1й рис а для активной-2:)
pluhpluh
Користувач
Користувач
 
Повідомлення: 77
З нами з: 08 лютого 2008, 10:37
Звідки: Київ
Репутація: 0

google adsense
 


Повернутись до Верстка, CSS

Хто зараз онлайн

Зараз переглядають цей форум: Немає зареєстрованих користувачів і 0 гостей