Новости Joomla

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

exsade161

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
 Здравствуйте, подскажите какой скрипт нужно прописать в С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 »
Вы в фаерфоксе смотрите? У вас код градиента для него только.

Вот 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 »
С закругленными уголками нормально. Код большой потому, что для вского отребья (недобраузеров) написан. Ведь опера Firefox ишак и прочая шушера, не понимают простые стандарты CSS3, им надо обязательно по ихнему писать.

А рисунком фон делать ... нуну ... шаг вперед и два назад ... зачем CSS3?
Да нет не назад это. В данном случае решение было бы оптимальным и валидным. С использованием спрайтов и base64 ^-^
*

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 »
Вы в фаерфоксе смотрите? У вас код градиента для него только.

Вот 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
*

exsade161

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

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

Автор tanto39

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

Автор forzi

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

Автор Spec1al

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

Автор Ghash

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

Автор Uzbagoitel

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