Новости Joomla

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™. Новые интервью 🎈🆕Продолжаю публиковать новые интервью с волонтёрами и видными персонами из мира Joomla.Это — огромная и кропотливая работа. Всё для вас, друзья.Доступны к чтению новые интервью со следующими Joomla активистами (на английском языке):✔️ Sakis Terzis (Greece) 🇬🇷✔️ David Aswani (Kenya)🇰🇪✔️ Roland Dalmulder (The Netherlands) 🇳🇱✔️ Richard Gosler (The United Kingdom) 🇬🇧✔️ Akarawuth Tamrareang (Thailand) 🇹🇭✔️ Alison Meeks (Canada) 🇨🇦✔️ Marc-Antoine Thevenet (France) 🇫🇷✔️ Sonny Le (Vietnam) 🇻🇳✔️ Svetoslav Slavkov (Bulgaria) 🇧🇬✔️ Viviana Menzel (Germany) 🇩🇪✔️ Jeison Ferreira (Brazil) 🇧🇷✔️ Sandra Decoux (France) 🇫🇷‼️ Новые интервью будут добавляться в этот первый выпуск до декабря. 20-го числа, поэтому периодически проверяйте обновления💡👉 Читать далее

JL Sitemap v2.1.0 – обновление компонента для карт сайта

Joomla 6: Автоматические обновления ядра в Joomla

Joomla 6: Автоматические обновления ядра в Joomla

В октябрьском номере официального журнала Joomla - Joomla Community Magazine вышла статья David Jardin, где рассказывается о внедрении функционала автоматического обновления ядра Joomla.

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

exsade161

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Изменение стиля заголовков
« : 05.07.2012, 16:19:47 »
 Здравствуйте, подскажите какой скрипт нужно прописать в СSS чтобы за заголовком был градиент

заголовок на моём сайте


Заголовок который я хочу)


градиент который я хочу вставить (CSS код)
Код
background: -moz-linear-gradient(center top , #9DC7E5 0%, #D1E6F5 100%) repeat scroll 0 0 transparent;

Сам сайт http://www.animepower.ru/

Очень надеюсь на вашу помощь :'(
Записан
*

dexteron

  • Захожу иногда
  • 121
  • 17 / 0
  • Помог? Поставь мне "+"
Re: Изменение стиля заголовков
« Ответ #1 : 05.07.2012, 16:42:21 »
Попробуйте прописать в конце файла template.css
Код
div.leading-0 h2 {background: -moz-linear-gradient(center top , #9DC7E5 0%, #D1E6F5 100%) repeat scroll 0 0 transparent;}
Файл находится в папке templates/shape5_vertex/css/template.css

И добавить padding необходимый сюда же.

Только точно такого же фона не получится сделать вашим кодом.  ::)
« Последнее редактирование: 05.07.2012, 16:46:29 от dexteron »
Записан
*

exsade161

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Re: Изменение стиля заголовков
« Ответ #2 : 05.07.2012, 19:24:57 »
Прописал в конце CSS, ничего не произошло(

Тот фон я привел как пример, мне не нужно прям как там)
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Изменение стиля заголовков
« Ответ #3 : 05.07.2012, 21:17:01 »
Вы в фаерфоксе смотрите? У вас код градиента для него только.

Вот CSS для голубого градиента:
Код: css
.leading-0 h2 {
  padding: 10px;
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
« Последнее редактирование: 05.07.2012, 21:23:50 от Pazys »
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

exsade161

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Re: Изменение стиля заголовков
« Ответ #4 : 05.07.2012, 21:35:25 »
Спасибо все встало. Простите за мою глупость)
Записан
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Re: Изменение стиля заголовков
« Ответ #5 : 05.07.2012, 22:45:41 »
За глупость прощать глупо, так как глупый человек не поймет, а умный научится. Выбираете кто вы ;)
Записан
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Изменение стиля заголовков
« Ответ #6 : 05.07.2012, 23:37:59 »
Цитата: Pazys от 05.07.2012, 21:17:01
Вы в фаерфоксе смотрите? У вас код градиента для него только.

Вот CSS для голубого градиента:
Код: css
.leading-0 h2 {
  padding: 10px;
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
а рисунком не проще фон для заголовков делать? чой-то шибко код огромный. не? а если еще уголки закруглить, вообще жуть будет, не?
Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Изменение стиля заголовков
« Ответ #7 : 06.07.2012, 10:12:18 »
С закругленными уголками нормально. Код большой потому, что для вского отребья (недобраузеров) написан. Ведь опера Firefox ишак и прочая шушера, не понимают простые стандарты CSS3, им надо обязательно по ихнему писать.

А рисунком фон делать ... нуну ... шаг вперед и два назад ... зачем CSS3?
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Изменение стиля заголовков
« Ответ #8 : 06.07.2012, 11:52:13 »
Цитата: Pazys от 06.07.2012, 10:12:18
С закругленными уголками нормально. Код большой потому, что для вского отребья (недобраузеров) написан. Ведь опера Firefox ишак и прочая шушера, не понимают простые стандарты CSS3, им надо обязательно по ихнему писать.

А рисунком фон делать ... нуну ... шаг вперед и два назад ... зачем CSS3?
Да нет не назад это. В данном случае решение было бы оптимальным и валидным. С использованием спрайтов и base64 ^-^
« Последнее редактирование: 06.07.2012, 11:59:57 от Poznakomlus »
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Изменение стиля заголовков
« Ответ #9 : 06.07.2012, 11:56:30 »
Poznakomlus - надо тебе минус влепить .... чтоб у нас карма одинаковая была )))
Pazys Репутация: +132/-4
Poznakomlus Репутация: +132/-3

Насчет картинок - ну фиг его знает ... я после выхода CSS3 стараюсь везде, где можно обойтись без картинок - обойтись без картинок.
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

exsade161

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Re: Изменение стиля заголовков
« Ответ #10 : 13.07.2012, 14:59:06 »
Цитата: Pazys от 05.07.2012, 21:17:01
Вы в фаерфоксе смотрите? У вас код градиента для него только.

Вот CSS для голубого градиента:
Код: css
.leading-0 h2 {
  padding: 10px;
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

А как же сделать градиент на других заголовках? этот код меняет только первый заголовок.

Пытался сам это решить, прописывал этот же код меняя первую строчку
Код
.item column-1 h2 {
  padding: 10px;
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #9DC7E5, #D1E6F5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9DC7E5), to(#D1E6F5));
  background-image: -webkit-linear-gradient(top, #9DC7E5, #D1E6F5);
  background-image: -o-linear-gradient(top, #9DC7E5, #D1E6F5);
  background-image: -moz-linear-gradient(top, #9DC7E5, #D1E6F5);
  background-image: linear-gradient(top, #9DC7E5, #D1E6F5);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:5px;
}

Что же я неправильно делаю?
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Изменение стиля заголовков
« Ответ #11 : 13.07.2012, 15:07:34 »
.column-1 h2 {...}
и лучше .item h2
« Последнее редактирование: 13.07.2012, 15:14:08 от Poznakomlus »
Записан
*

exsade161

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Re: Изменение стиля заголовков
« Ответ #12 : 13.07.2012, 15:28:31 »
Огромное спасибо, все получилось ^-^
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В каком файле формируется вывод заголовков превьюшек макета блога?

Автор tanto39

 Ответов: 2
Просмотров: 1217 		Последний ответ 06.01.2015, 14:50:57
от tanto39
Модуль вывода заголовков статей из категории К2

Автор forzi

 Ответов: 0
Просмотров: 828 		Последний ответ 21.11.2014, 18:34:22
от forzi
Изменение надписи в англоязычной версии сайта

Автор Spec1al

 Ответов: 0
Просмотров: 811 		Последний ответ 06.10.2014, 11:37:05
от Spec1al
Изменение CSS в модальном окне NoNumber Modals

Автор Ghash

 Ответов: 4
Просмотров: 1850 		Последний ответ 29.08.2014, 06:43:10
от aspidy
Как в админке сделать изменение поля по клику (типа опубликовано/нет)?

Автор Uzbagoitel

 Ответов: 6
Просмотров: 1201 		Последний ответ 26.05.2014, 16:38:53
от mark1