Новости Joomla

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

RazarioAgro

  • Захожу иногда
  • 473
  • 4 / 0
Всем Привет!!

Подскажите, как сделать фон сайта в несколько полос как на этом сайте

Вот сайт на котором хочу сделать такие полоски Сайт

Это можно через ссс прописать?
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

RazarioAgro

  • Захожу иногда
  • 473
  • 4 / 0
Извините, не понял как, там много различных функций, а как сделать хотя бы в 2-3 полоски, хотя бы примитивный пример показать 3 полоски цветовые фона  >:(
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

RazarioAgro

  • Захожу иногда
  • 473
  • 4 / 0
А если нет возможности прописать дивы, можно одним стилем прописать это?
*

barmaleos

  • Захожу иногда
  • 238
  • 19 / 1
А если нет возможности прописать дивы, можно одним стилем прописать это?
Можно. Вот тут внимательно прочитайте и все у вас получится:
http://htmlbook.ru/faq/kak-dobavit-dva-fona-k-odnomu-elementu-cherez-css3
http://htmlbook.ru/faq/kak-dobavit-dve-fonovye-kartinki-na-veb-stranitsu
*

RazarioAgro

  • Захожу иногда
  • 473
  • 4 / 0
получилось!!

Но только в 2 колонки, наверху и середину. А я еще хочу футер зарисовать... как сделать подскажите маэстро?

HTML {
   background: url(файл 1); /* Путь к графическому файлу с первым фоном */
  }
  BODY {
   background: url(файл 2); /* Путь к графическому файлу со вторым фоном */

Я это прописал, а как мне третий сделать? очень хочу футер сделать как же  *DRINK*
*

RazarioAgro

  • Захожу иногда
  • 473
  • 4 / 0
мысли хотя бы скажите, в какую сторону копать  =)
*

barmaleos

  • Захожу иногда
  • 238
  • 19 / 1
мысли хотя бы скажите, в какую сторону копать  =)
Не совсем понятно, что и где вы хотите копать?
Если крепко приспичило сделать фон несколькими картинками(для одного блока), то это вполне реально.
Выглядит приблизительно вот так:
background: url(файл 1) параметры, url(файл 2) параметры, url(файл 3) параметры;
И так можно до бесконечности...В разумных пределах ;)
Это то, что вам нужно?
 На указанном вами сайте(там где вам нужно сделать фон), можно все это сделать вот для этого элемента:
.tm-page-bg {
  background: url(файл 1) параметры, url(файл 2) параметры;
}

« Последнее редактирование: 30.09.2014, 23:58:13 от barmaleos »
*

RazarioAgro

  • Захожу иногда
  • 473
  • 4 / 0
а если я не их картинок, а из обычных цветов хочу, как мне проценты к каждому цвету прописать? То есть сколько он процентов будет занимать. Либо к картинке либо к цвету, как процентики указать
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Код: css
body {
 background:white; // for not-css3 suppurt in browsers
 background:linear-gradient(to bottom,white,white 33.3333%,blue 33.3333%,blue 66.6666%,red 66.6666%, red 100%);
}

Есть еще вариант: делаем прямо на боди 3 блока высотой в 1/3 высоты боди с абсолютным позиционированием друг под другом или в ряд, z-index:-10; каждому блоку свою заливку.

А если нет возможности прописать дивы, можно одним стилем прописать это?
А что, так тоже бывает?
« Последнее редактирование: 01.10.2014, 21:08:52 от AlekVolsk »
*

barmaleos

  • Захожу иногда
  • 238
  • 19 / 1
Цитировать
Есть еще вариант: делаем прямо на боди 3 блока высотой в 1/3 высоты боди с абсолютным позиционированием друг под другом или в ряд, z-index:-10; каждому блоку свою заливку.
Вот это как раз вариант для ТС :)
Ему еще только абсолютного позиционирования не хватает для полного щастя... Если судить по его уровню знаний CSS :)
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Ну так htmlbook никто не отменял, а все в рот ему класть - так сходу и подавиться можно.
Вторая строка в моей подписи - либо так либо на комм.основе, более простой вариант уже предложен.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Некорректное отображение сайта на смартфоне

Автор Bazilio_69

Ответов: 0
Просмотров: 1323
Последний ответ 04.09.2024, 20:36:06
от Bazilio_69
Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 2766
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1903
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 1072
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 1229
Последний ответ 08.03.2021, 22:21:01
от Flexderection