именно он отвечает за ширину сайта. Смотрим параметры css - стилей, находим widthи указываем нужную ширину. После этого заходим в файл position.css , в 33 строке пишем параметр и сохраняем файл.

Таким же образом редактируются отдельные блоки. Находим блок, смотрим и изменяем стиль.

Изменение цвета текста и ссылок

Все это делается так же. Щелкаем правой клавишей мыши на тексте и нажимаем Просмотр кода элемента. Нам покажет блок и стиль блока отвечающий за параметры текста. Цвет текста и ссылок задается параметром - color.

Все файлы могут редактироваться через редакторы типа notepad++ или через стандартный "редактор" Joomla.

Менеджер шаблонов - Нужный шаблон. Тут Вам выдается список файлов (index.php, шаблон страницы 404, шаблон страницы печати, стили.).

На этом все.

Ваше мнение важно для нас. Пишите Ваши комментарии.

В этом туториале представлено краткое руководство по работе с архивными статьями в Joomla 3.x.

Архивирование статей позволяет сохранить их на вашем сайте Joomla на будущее, но делает их менее заметными для посетителей вашего сайта, так как такие статьи больше не отображаются вместе с остальным содержимым сайта. После архивирования эти статьи доступны к просмотру только из раздела меню «Архивные статьи» в Joomla, модуля «Архивные статьи» (Archived Articles), или поиском по имени статьи с помощью встроенного фильтра содержимого сайта Joomla.

Архивные статьи (Archive Articles)

Статьи можно легко заархивировать в Менеджере статей (Article Manager). Для этого необходимо выполнить следующее:

Отображение списка архивных статей посредством модуля

Можно настроить модуль Архивных статей (Archived Articles) для отображения списка архивных статей, упорядоченных по месяцам. Выполните следующее:

Отображение списка архивных статей посредством кнопки меню

Также можно создать кнопку меню «Архивные статьи» (Archived Articles) для отображения списка архивированных статей сайта. Выполните следующее:

В панели управления Joomla перейдите в раздел Меню (Menus) , выберите меню, к которому добавите новый пункт и нажмите кнопку Создать (New) вверху справа в панели инструментов:



Возле параметра Тип пункта меню (Menu Item Type) нажмите кнопку Выбрать (Select) . В возникшем всплывающем окне откройте вкладку Статьи (Articles) и выберите тип Архивные статьи (Archived Articles) из выпадающего списка:



Теперь можно задать главные настройки пункта меню:

На этом туториал заканчивается. Теперь вы знаете, как работать с архивными статьями в Joomla 3.x.

Приветствую вас читатели блога No Zombies Allowed. Сегодня я хочу вам рассказать о том, как заменить фон сайта . Благодаря вашему собственному фону ваш сайт станет уникальным и выделится из серой массы копипастных шаблонов. Поменять фон сайта достаточно не сложно и делается это за 10 минут. И сейчас я расскажу как заменить фон для наиболее популярных движков — Ucoz, Joomla, WordPress.

Менять фон сайта мы будем при помощи стилей CSS. Фон можно задать несколькими способами:

• Просто цветом
• Градиентом
• Повторяющейся картинкой (паттерном)
• Полупрозрачной картинкой (png) и цветом на CSS
• Статичной картинкой

body{ //Просто цвет background:#FAFAFA; /* Цвет фона */ //Градиент для всевозможных браузеров. background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799", endColorstr="#7db9e8",GradientType=0); /* IE6-9 */ //Повторяющаяся картинка background: url(images/bg.jpg) repeat-x /* Картинка фона */ //Прозрачная картинка + цвет /*Плюс этого метода в том, что вы можете выбрать текстуру, а затем оперативно менять цвет при помощи CSS*/ background-image: url(images/bg.png); /* Путь изображению */ background-color: #c7b39b; /* Цвет фона */ //Статичная картинка background-image: url(images/bg.jpg) no-repeat /* Картинка фона */ /*Статичная картинка, как правило большая*/ }

Вам нужно разумеется выбрать только 1 способ из представленных. Заместо #FAFAFA и других подобных — поставить свой цвет. Далее в CSS боди вам нужно вставить стиль фона вашего сайта.

Как изменить фон сайта Ucoz

Для того, чтобы изменить фон сайта на Ucoz вам необходимо перейти: Панель Управления — Дизайн — Управление дизайном (CSS) — Таблица стилей (CSS) . Далее найдите код по типу:

Body { font: 13px Arial, sans-serif; line-height: 1.5; background-color: #FFF; }

И затем поменяйте на ваш фон один из предложенных способов выше.

На скриншоте я подчеркнул красной линией куда нужно переходить и какой стиль поменять.

Желательно, чтобы вы не меняли ничего, кроме background. Т.е. не трогайте padding, line-height, font и тому подобное — это может изменить уже не только фон сайта:)

Как изменить фон сайта Joomla

Чтобы изменить фон сайта на Joomla вам необходимо зайти в панель администрирования, затем Расширения — Менеджер шаблонов и выбрать вкладку «Шаблоны»

Вы увидите все CSS файлы вашего шаблона

Как правило CSS в котором хранятся стили фона это template.css или main.css. Если все же вы не знаете какой файл-CSS вам нужен воспользуйтесь . После того, как вы выбрали нужный файл CSS нажмите и отредактируйте. Найдите в этом файле стиль body и измените background

Body { background: #fff; color: #000000; font-size: 100%; padding: 0px; text-align: center; }

Как изменить фон сайта Wordpress

Вам необходимо изменить фон на WordPress? — это будет сделать не сложнее чем на любой другой . Для того, чтобы поменять фон зайдите в админку, далее Внешний вид — Редактор.

У вас откроется главный CSS-файл вашего шаблона. Все, что вам нужно, это найти стили body (они обычно в самом начале файла) и заменить background на ваш.

Я постарался максимально кратко объяснить как поменять фон на сайте . Если я что-то упустил и вам что-то непонятно, то напишите в комментариях. Спасибо за внимание:) Искринне ваш No Zombies Allowed.

Сразу оговорюсь, этот урок рассчитан на тех, кто знаком с photoshop< и css.

Итак, нам осталось изменить шаблон сайта. Для того чтобы изменить шаблон, нам необходимо знать, из каких элементов состоят наши страницы, т.е. их html-разметку и стили. Интересующие нас файлы находятся в папке templates (шаблоны)\siteground-j15-1 (наш шаблон). Т.е. полный путь - yoursite.ru/templates\siteground-j15-1.

В этой папке мы видим несколько файлов и папок: в папке images хранятся картинки для шаблона, в папке css - таблицы стилей, за вывод страниц отвечает файл index.php. Итак, открываем в блокноте или в Notepad файлы index.php и template.css (из папки css).

Давайте рассмотрим файл index.php. В нем html-разметка отвечает за расположение элементов на странице. Все, что заключено в или в - это программный код, отвечающий за вывод информации из базы данных или подключение других файлов. Например, тексты наших статей, название сайта... - все это хранится в базе данных и выводится на страницы с помощью программного кода. Для изменения шаблона нас интересует только html-разметка, программный код трогать не надо, иначе ваш сайт перестанет работать так, как должен.

Изучив html-разметку, мы будем точно знать, из каких элементов состоят наши страницы, а соответственно можем изменить их внешний вид. Но наверно, вы уже обратили внимание, что представить по коду внешний вид страницы крайне сложно (хотя и возможно). Конечно, есть способ облегчить эту задачу, и имя ему - плагин Firebug для браузера FireFox. После перезагрузки браузера, в его нижнем правом углу появится значок плагина (жук):

Щелкаем по нему, внизу окна браузера откроется панель:

Нам нужна вкладка HTML этой панели. На ней отображается html-код страницы, открытой в браузере. При наведении курсора мыши на элемент кода, он подсвечивается на странице. Сейчас мы видим только два тега страницы - head и body. Если мы щелкнем по плюсику рядом с тегом body, то откроется его содержимое (вложенные теги). Так открываем до того момента, пока не начнут подсвечиваться интересующие нас теги. Первый такой тег -