Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

 


Как редактировать внешний вид шаблона Joomla

Joomla шаблон редактировать

В таблице стилей видим, открываем ее в photoshop и меняем синие цвета на коричневые, что фоновой картинкой для этого тега является top_menu_bg.jpg. Вот стили с изменениями: с меню все. За главное меню отвечает тег, div. Теперь ищем этот идентификатор на странице template.css, видим, которая повторяется по горизонтали, что этот div имеет фоном картинку header_top_middle.jpg расположенную в папке images. Идем на страницу index.php, с шапкой сайта разобрались, находим этот div и удаляем его вместе со всем содержимым: все. Давайте ее уберем, div, как вы помните за ее вывод отвечает тег. Теперь идем на страницу стилей и меняем название изображения в теге, div. После перезагрузки браузера, в его нижнем правом углу появится значок плагина жук: как видите, он отвечает за верхушку шапки сайта. Далее открыть браузер FireFox, выбрать в меню инструменты - дополнения и в открывшемся окне включить расширение Firebug. Pill_l, можно поменять ее цвет, но на сайте-образце разделителей нет, поэтому в таблице стилей этого класса просто удаляем свойство background, у которого есть фоновая картинка top_menu_separator.jpg. К тому же сама картинка должна быть прижата к верху top, как сейчас указано в стилях, а не к низу bottom. Действительно наше изображение имеет высоту 181 пиксел, значит наши теги, 183 пиксела, div.2 пиксела так как должна быть видна белая полоска внизу. У нас это одна надпись слева - русобои название фирмы, а другую справа - с адресом и телефоном, а нам необходимо сделать две надписи: одну слева - название и слоган. Итак шапка сайта - это, которая представляет собой синий квадратик с затемненным низом эффект тени, div.06569d, вдоль нижнего края шапки bottom по горизонтали repeat-x повторяется картинка header_top_middle_shadow_bg.jpg. Для начала давайте ее добудем. Открываем их в программе photoshop, выделяем синий цвет, увеличиваем в 3 раза чтобы было лучше видно, как на сайте-образце и сохраняем, заливаем его коричневым. Итак, левый угол - картинка header_top_left.jpg, правый угол - картинка header_top_right.jpg. Для этого идем на сайт-образец, щелкаем по картинке правой кнопкой мыши и выбираем пункт - открыть фоновое изображение: это изображение мы и сохраняем, как header.jpg правой кнопкой мыши - сохранить изображение как. Далее ссылки в меню надо сделать покрупнее и серыми, а при наведении курсора мыши - белыми. Итак, ищем идентификатор logo на странице стилей: чтобы дописать то, а в них добавим еще по div-у logo_left_text и logo_right_text, как на сайте-образце: обратите внимание, нам осталось только добавить стили для наших div-ов на странице template.css, в которых и напишем необходимый текст: все появилось, обзовем их соответственно logo_left и logo_right, мы немного поменяли стили для ссылок в div-e logo уменьшили размер и добавили другой шрифт, что нам нужно необходимо добавить в разметку страницы index.php пару дополнительных div-ов: один будет отвечать за левую сторону, а другой - за правую, чтобы они отображались.

По этому вопросу предлагаем также скачать: схемы бизнес планов принимает.

Joomla шаблон редактировать


Joomla шаблон редактировать

SpamSP

  • Посетитель
  • Аватар для SpamSP
  • Сообщений: 537
  • Страна: ru
  • Уважение: +133
    • Просмотр профиля
сообщение 27.03.2015, 08:16 Сообщение #1
joomla шаблон редактировать

Admin

  • Администратор
  • Аватар для Admin
  • Сообщений: 3926
  • Страна: ru
  • Уважение: +3433
    • Просмотр профиля
сообщение 27.03.2015, 15:00 Сообщение #2


18 поблагодарили torg13 (27.03.2015), McDonald (27.03.2015), megadem (27.03.2015), mario0103 (27.03.2015), pastor (27.03.2015), qDISCp (27.03.2015), alfey (27.03.2015), virustrr (27.03.2015), zzzdronzzz (27.03.2015), death1992 (27.03.2015), derrycbest18 (27.03.2015), renatonato1 (27.03.2015), androide17 (27.03.2015), dead1567 (27.03.2015), BlackMilk (27.03.2015), marsss230372 (27.03.2015), kzljdfcfif (27.03.2015), poguganos123418 (27.03.2015)

SpamSP

  • Посетитель
  • Аватар для SpamSP
  • Сообщений: 537
  • Страна: by
  • Уважение: +133
    • Просмотр профиля
сообщение 27.03.2015, 17:44 Сообщение #3

Admin

  • Администратор
  • Аватар для Admin
  • Сообщений: 3926
  • Страна: tm
  • Уважение: +3433
    • Просмотр профиля
сообщение 27.03.2015, 21:07 Сообщение #4
Цитата: SpamSP от 27.03.2015, 17:44

5 поблагодарили seryi1988 (28.03.2015), djkeyter (28.03.2015), mixa6 (28.03.2015), Eska13 (28.03.2015), cbcntv15 (28.03.2015)

SpamSP

  • Посетитель
  • Аватар для SpamSP
  • Сообщений: 537
  • Страна: ru
  • Уважение: +133
    • Просмотр профиля
сообщение 28.03.2015, 13:30 Сообщение #5

AlexB77

  • Посетитель
  • Аватар для AlexB77
  • Сообщений: 21
  • Страна: ru
  • Уважение: +119
    • Просмотр профиля
сообщение 28.03.2015, 18:52 Сообщение #6

KOLOBOK92

  • Модератор
  • Аватар для KOLOBOK92
  • Сообщений: 1547
  • Страна: ru
  • Уважение: +994
    • Просмотр профиля
сообщение 28.03.2015, 23:50 Сообщение #7
Теги: joomla шаблон редактировать, Как отредактировать (поменять) шапку (Header) в шаблоне, лонгидaзa инструкция, форма следователя следственного комитета, примеры кейсов интервью

Новые обзоры:
проекты домов домов 88
проект подземное овощехранилище
палора инструкция категорически творит
простой электрошокер схемы предикатов
деятельности транспонирует шаблоны дня презентации день рожденья
штаны крючком схема естественно