Делаю шаблон нужна помощ по CSS

xpyct

Захожу иногда
62
0 / 0

Делаю шаблон нужна помощ по CSS

« : 17.03.2009, 10:42:30 »

Решил сделать шаблончик с нуля но возник вопрос как сделать меню токоещже как картинке
Тоесть слево картиночка а само подменю сдвинуто в право.
в опере у меня подменю сдвигается а вот в ИЕ нехочет и картинка не вставляется.
делал вот так
a.sublevel{
background: url(../images/left_menu.png);
font-size: 10px;
font-weight: bold;
margin-top: 5px;
}
версия 1,0,15
подменю зделал а как теперь вставить картинучку в подменю справа ?

[вложение удалено Администратором]

« Последнее редактирование: 17.03.2009, 19:17:14 от xpyct »

Записан

Full_crazy

Захожу иногда
264
48 / 0
Иногда думаю ...

Re: Делаю шаблон нужна помощ по CSS

« Ответ #1 : 17.03.2009, 20:40:42 »

Неверный синтаксис. Нужно при таком написании вставлять все параметры бекграунда, да и паддинг слева явно пригодиться

Код

background: url(../images/left_menu.png) 0 0 no-repeat;
padding-left:15px;

Записан

Joomla! = невозможного почти нет!

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #2 : 18.03.2009, 09:53:51 »

нет не пойдет, так картинка не показывается сделал так

Цитировать

background:8px url(../images/left_menu.jpg) no-repeat !important;

и еще один сразу вопрос.
в CSS вначале указал

Цитировать

body{
font-size: 10px !important;
margin:0 !important;
padding:0 !important;
text-align: justify !important;
font-family: verdana, arial, sans-serif !important;
}

но ИЕ немного не понимает то что я написал и например модуль голосование, регистрацию выводит с обычным 14 шрифтом причем в КСС указывал .poll вроде он отвечает за голосование но ИЕ нереагирует а Опера все отлично показывает и без этого .poll

Записан

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #3 : 18.03.2009, 15:24:46 »

да и еще вопрос как сделать что зашол в категории и эта категория было выделеная? как то сделал потом исправил и уже ниче не выделяется.
картинку прологаю делал так

Цитировать

a.mainlevel{
font-size: 16px !important;
display: block !important;
padding: 6px !important;
height: 30% ;
line-height: 20px !important;
color: #000000 !important;
text-align: left !important;
text-indent: 5px !important;
}
a.mainlevel:link {
display: block !important;
valign: top !important;
padding: 6px !important;
color: #FFFFFF !important;
height: 30% ;
}
a.mainlevel:hover {
display: block !important;
color: #FFFFFF !important;
valign: top !important;
padding: 6px !important;
height: 30% ;
background: url(../images/18.033.jpg) !important;
}

при наведени выделяется а вот когда перешол то попрежнему без выделения

[вложение удалено Администратором]

Записан

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #4 : 18.03.2009, 16:08:16 »

фу сделал теперь другая проблем
делаю диз под инет маг. использую RusVirtueMart стоит модуль для вывода категорий
mod_product_categories
Но теперь у меня так же выделяется ссылки в меню mod_product_categories (здесь ненадо чтоб менюшка выделялась)
в модуле прописал
Суффикс класса CSS для модуля
Суффикс класса CSS для меню
в шаблоне указал другой стиль для левого блока в CSS собственно прописал этот стиль.

Записан

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #5 : 18.03.2009, 18:35:18 »

Пытался назначить разные так
a.mainlevel-nav
и тд. (разумеется вписывал в модуль (и главного меню и модуля mod_product_categories ) стиль -nav)
стили всеравно не выходит выделяет менюшки в модуле mod_product_categories да и хоть ты тресни

если сайт покажу может легче будет понять
http://feedlenta.ru/1/
жмем на Тумбы для обуви
тоесть
Тумбы для обуви (4)
Столы и Столики (1)
Комоды (тумбы для белья) (0)
и подкатегории не должны выделяться

Записан

Full_crazy

Захожу иногда
264
48 / 0
Иногда думаю ...

Re: Делаю шаблон нужна помощ по CSS

« Ответ #6 : 18.03.2009, 18:48:36 »

столькабукавлишних.... а вопрос в чем? тебе не нужно, чтобы АКТИВНЫЙ пункт выделялся от остальных в меню категорий , с суффиксом -nav которое?

Записан

Joomla! = невозможного почти нет!

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #7 : 18.03.2009, 18:55:54 »

мне нужно чтоб в одном меню (сверху которое) выделялся активный пункт а в другом невыделялся (которое пониже)
зделал стили только теперь при наведение курсора к меню верхнему ничего не меняется хотя должно выделиться ораньжевым
делал так

Код

a.mainlevel:hover {
border-bottom: 2px solid #F34E25;
padding: 0px !important;
margin-top: 2px !important;
font-size: 10px !important;
padding-left: 10px !important;
width: 200px !important;
line-height: 10px;
}
или с префиксом
a.mainlevel:hover-nav {
border-bottom: 2px solid #F34E25;
padding: 0px !important;
margin-top: 2px !important;
font-size: 10px !important;
padding-left: 10px !important;
width: 200px !important;
line-height: 10px;
}

« Последнее редактирование: 18.03.2009, 19:04:59 от xpyct »

Записан

Full_crazy

Захожу иногда
264
48 / 0
Иногда думаю ...

Re: Делаю шаблон нужна помощ по CSS

« Ответ #8 : 18.03.2009, 20:05:13 »

Так если слегка логически поразмыслить..... то проблема решается вообще просто. Даже не зная, чего там со стилями в файле наворочено.
Задача: имеем меню, в котором активные пукты должны быть такие же, как и остальные пункты меню ( ненажатые и не подсвеченные наведением мышки).
Решение: в стиль для активного пункта меню копируем соответствующие стили из нужного класса.

Записан

Joomla! = невозможного почти нет!

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #9 : 18.03.2009, 20:13:11 »

несовсем щас думаю понятно разъясню
вот скрин
на нижнем меню (модуль mod_product_categories использовал стили a.mainlevel-nav и тд. ) где написано
Тумбы для обуви (4)
Столы и Столики (1)
Комоды (тумбы для белья) (0)
они не должны никика выделяться
верхнее меню (обячных стиль для меню a.mainlevel и тд.) где написано
Магазин
О компании
Статьи
Как покупать
Сборка и доставка
должны выделяться

но когда я дописываю #active_menu то у меня начинает выделяться два меню сразу в не зависимости от то что я указывал в самом модуле (mod_product_categories стиль CSS -nav)

[вложение удалено Администратором]

Записан

Full_crazy

Захожу иногда
264
48 / 0
Иногда думаю ...

Re: Делаю шаблон нужна помощ по CSS

« Ответ #10 : 18.03.2009, 21:20:40 »

так надо и к активному меню суффикс дописывать..... #active_menu-nav и т.п

« Последнее редактирование: 18.03.2009, 21:24:00 от Full_crazy »

Записан

Joomla! = невозможного почти нет!

xpyct

Захожу иногда
62
0 / 0

Re: Делаю шаблон нужна помощ по CSS

« Ответ #11 : 18.03.2009, 22:38:16 »

вообщем зделал даже не знаю как

вот стиль меню может ктонить тогда разъяснит его

Код

a.mainlevel {
font-size: 16px !important;
display: block !important;
padding: 6px !important;
height: 30% ;
line-height: 20px !important;
color: #000000 !important;
text-align: left !important;
text-indent: 5px !important;
}
a.mainlevel:hover {
background: url(../images/18.033.jpg) !important;
display: block !important;
valign: top !important;
padding: 6px !important;
color: #FFFFFF !important;
height: 30% ;
}
#active_menu {
background: url(../images/18.033.jpg) !important;
}
a.sublevel {
padding: 0px !important;
margin-top: 2px !important;
font-size: 10px !important;
padding-left: 10px !important;
line-height: 10px;
}

и больше ничего что касается меню в стилях нету
и в модуль mod_product_categories поставил стиль CSS -nav

Записан

Несколько вопросов про шаблон (Joomla! 3.9.1) Автор int31	Ответов: 6 Просмотров: 1405	09.02.2020, 20:28:49 от AlexB
Шаблон vina_veneno сбрасывает значения по умолчанию Автор alsa	Ответов: 6 Просмотров: 1702	17.03.2019, 19:38:32 от alsa
LESS в Gantry шаблон от RocketTheme Автор drVadz	Ответов: 8 Просмотров: 2287	15.06.2018, 13:57:43 от Akeksandr
Перенести стиль компонента в шаблон Автор stparts	Ответов: 5 Просмотров: 1679	07.02.2018, 14:01:10 от stparts
Шаблон Protostar - Валидация HTML 100% Автор leo78	Ответов: 14 Просмотров: 7018	24.11.2017, 15:30:17 от leo78

Делаю шаблон нужна помощ по CSS - Вопросы по CSS

Новости Joomla

VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5

Swiper.js, документация на русском языке

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

xpyct

Делаю шаблон нужна помощ по CSS

Full_crazy

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

Full_crazy

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

Full_crazy

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

Full_crazy

Re: Делаю шаблон нужна помощ по CSS

xpyct

Re: Делаю шаблон нужна помощ по CSS

Похожие темы