Rotaban.ru - биржа баннерной рекламы

Мы можем назначить для нашего сайта стилем по умолчанию стиль Beez3, который соответствует шаблону с тем же именем Beez3. Чтобы у нас всё хорошо работало, нам нужно не только назначить стиль Beez3 главным, но и привязать к этому стилю разделы сайта. Всё это вместе будет операцией, которую можно назвать «смена стиля сайта на стиль Beez3».

Мы можем не просто назначить один из стилей главным, мы можем скопировать стиль, можем создать свой стиль, и назвать его своим именем. Другими словами, мы должны отредактировать характеристики, по которым этот стиль будет отображаться в списке стилей. Или, по-другому, мы должны включить наш индивидуальный стиль в список стилей и назначить ему имя. Ещё можно сказать, что мы должны создать файл нашего стиля и дать ему название. Будем называть эту операцию: «редактирование характеристик стиля шаблона Beez3».

Ну а уж после этого, пожалуйста, редактируйте стиль, а значит и дизайн сайта, ну просто, сколько хотите. Сколько хотите, конечно, но в определённых пределах. Например, мы можем включать и выключать логотипы, редактировать заголовки, изменять шапку сайта, или вообще загружать какой-нибудь рисунок в качестве этой шапки, передвигать меню и задавать цвет фона. Всё это происходит на вкладке Дополнительные параметры (Advanced Options). Поэтому давайте назовём все работы по редактированию стиля, а значит и дизайна сайта, операцией «редактирование стиля шаблона Beez3 на вкладке Дополнительные параметры (Advanced Options)».

И что же у нас получается? А получается у нас всего-навсего три операции:

1. Смена стиля сайта на стиль Beez3.

2. Редактирование характеристик стиля шаблона Beez3.

3. Редактирование стиля шаблона Beez3 на вкладке Дополнительные параметры (Advanced Options).

 

 

Строго следуя плану, мы начнём со смены стиля сайта, каким бы он ни был, на стиль Beez3.

 

Итак, всё начинается с того, что для нашего сайта стилем по умолчанию назначается стиль Beez3, который соответствует шаблону с тем же именем Beez3.

 

 

В Менеджере шаблонов (Template Manager) на вкладке Стили щелчком мыши устанавливаем звёздочку напротив стиля Beez3.

Сайт должен принять, соответствующий стилю Beez3 вид.

 

 

Должен, он то должен, но может и не принять. Или, вернее сказать: точно не примет, а останется в прежнем стиле, какой был. А дело в том, что недостаточно назначить нужный нам стиль стилем по умолчанию, нужно ещё весь наш сайт, все его разделы (все пункты Меню) привязать к новому стилю. Для этого нужно войти в стиль. Мы можем либо щёлкнуть два раза мышкой на стиле в таблице, либо поставить в квадратике напротив стиля галочку и нажать на клавишу Изменить (Edit) .

Откроется панель Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles). После этого нужно зайти на вкладку Привязка к меню (Snap to menu), и проверить: стоят ли напротив пунктов меню галочки? Поскольку, мы меню ещё не создавали, то у нас будет один единственный раздел Home. А вот если меню уже разработано, то в нём может быть несколько разделов:

 

 

В нашем примере меню называется «Рубрики». Напротив всех пунктов меню должны стоять галочки . Вот как Вы думаете, что происходит, если напротив пункта меню не стоит галочка? Вы не поверите, но соответствующая страница сайта не будет отображаться в нашем стиле, хотя мы и назначили его стилем по умолчанию. Представляете, как интересно: веб-мастер решает поменять стиль сайта. Вместо стиля 1 назначает стиль 2 стилем по умолчанию (зажигает жёлтую звёздочку ). Открывает свой сайт в наивной надежде увидеть его в новом дизайне, и … сайт в старом стиле. Сайт должен быть в дизайне стиля 2, а он в дизайне стиля 1. Администратор опять открывает панель Менеджер шаблонов (Template Manager), смотрит, где стоит жёлтая звёздочка. Она стоит напротив стиля 2, и он назначен стилем по умолчанию. И тут, скорее всего, произойдёт экс ординарное событие – веб-мастер начнёт разговаривать сам с собой, и задаст себе очень интересный вопрос: «Почему на панели Менеджер шаблонов (Template Manager) я только что назначил стилем по умолчанию стиль 2, а сайт продолжает открываться в прежнем стиле 1?» После этого он, скорее всего, почувствует себя дураком. Но, поскольку люди не любят считать себя дураками, то веб-мастер быстро переориентируется, и примет решение считать дураками создателей Joomli!, а саму Joomlu!, ещё чего доброго, назовёт вредной, дурацкой и так далее программой. А ведь всё на самом деле не так. Создатели Joomli! вовсе не дураки, они просто пошутили (невинно). И программа Joomla! не такая уж и дурацкая. Ведь просто, после того, как Вы назначили стиль 2 стилем по умолчанию, нужно зайти в этот стиль и на вкладке Привязка к меню (Snap to menu) проставить галочки напротив тех пунктов меню, которые мы желаем видеть в дизайне нового стиля. Ну и всё, а Вы разволновались, дураками уважаемых людей назвали, а проблема-то тьфу…, выеденного яйца не стоит.

 

После того, как мы поменяли стиль сайта, мы можем этот самый стиль начать уже редактировать, но не факт, что в итоге мы добьёмся того, чего хотим. Наши эксперименты с дизайном сайта могут зайти в тупик. Поэтому у нас всегда должна быть возможность вернуться к первоначальному варианту.

 

И что из этого следует? А из этого следует, что прежде чем начать редактировать стиль, нужно сделать его копию. Вот и давайте в Панели управления (Control Panel) на панели Стили (Styles) в квадратике рядом со стилем Beez3-Default поставим галочку и нажмём на клавишу Дублировать (Duplicate)  .

 

 

В таблице стилей появится новый стиль Beez3-Default(2).

 

Теперь, когда у нас есть копия, мы можем редактировать стиль безо всякого опасения. Для этого нужно войти в стиль. Мы можем либо щёлкнуть два раза мышкой на стиле в таблице, либо поставить в квадратике напротив стиля галочку и нажать на клавишу Изменить (Edit) .

 

Откроется панель Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles). И, наверное, первое, что нужно сделать – это поменять название стиля (Style Name). Можно, конечно, оставить всё, как есть. А можно вместо Beez3-Default(2) ввести, например, Beez3-Variant1.

 

 

На панели Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles) есть очень полезная вкладка Дополнительные параметры (Advanced Options). Инструменты, размещённые на этой вкладке, способны изменить сайт, но не то, чтобы до неузнаваемости, но ...

 

В частности здесь есть такой замечательный параметр, как Логотип (Logo Image). Изначально в поле этого параметра стоит ссылка на рисунок в формате GIFimages/joomla_black.gif. Этот рисунок содержится в Медиа-менеджере (Media Manager), и оттуда загружается на сайт.

Поэтому получается: если в поле параметра Логотип (Logo Image) стоит:

 

 

То в заголовке сайта высвечивается баннер:

 

 

Наверху сайта от левого края до правого тянется синяя растяжка А вот значок и надпись Joomla!   и есть тот самый рисунок images/joomla_black.gif, который стоит в поле параметра Логотип (Logo Image).

 

Обратите внимание: слово Joomla! является частью рисунка, а вот фраза Open Source Content Management (программа управления контентом с открытым исходным кодом) является текстом, написанным рядом с рисунком поверх баннера. Этот текст задаётся в поле параметра Описание сайта (Site Description).

 

 

И его, в принципе, можно поменять на какой-нибудь более подходящий для нашего сайта текст. Например: «Создаём сайты с помощью контент-менеджеров». Новый текст мы вставляем в поле параметра Описание сайта (Site Description). В верхнем меню нажимаем клавишу Сохранить  . И, але оп!, на сайте, на синем баннере появляется тот же самый текст:

 

 

Это всё замечательно, но на панели Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles) во вкладке Дополнительные параметры (Advanced Options) между параметром Логотип (Logo Image) и параметром Описание сайта (Site Description) стоит параметр Заголовок сайта (Site Title), в поле которого задано значение «Joomla!».

 

 

Однако мы говорили, что слово Joomla! на синем баннере нашего сайта – это не текст, а часть рисунка. Это легко заметить, поскольку рядом стоят логотип CMS Joomla!  и знак регистрации торговой марки.

Попробуем заменить слово «Joomla!» на что-нибудь другое, например на «ВИР-НОРИН» и нажмём клавишу Сохранить.

 

 

И… Ничего не произошло.

 

 

Баннер есть. Текст «Создаём сайты с помощью контент-менеджеров» есть, а вот никакого заголовка «ВИР-НОРИН» как не было, так и нет. В чём же дело? Да всё в том же шутливом нраве создателей Joomli! Ну что делать, любят они немножко, по-дружески так, подурачить разработчиков сайтов. Ну и в силу этого запрятали заголовок сайта под баннер. А разработчик сайта меняет заголовок и меняет, меняет и меняет, а на сайте этот заголовок не отображается и не отображается – вот смеху-то. А нужно-то всего вернуться на панель Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles) и во вкладке Дополнительные параметры (Advanced Options) в поле параметра Логотип (Logo Image) нажать на крестик (Очистить) и, конечно же, на клавишу Сохранить.

 

 

И что же мы видим:

 

 

Вместо рисунка с логотипом Joomla! поверх синего баннера теперь красуется надпись ВИР-НОРИН. А что если, сам синий баннер нам не нравится, что тогда?

На вкладке Дополнительные параметры (Advanced Options) нужно спуститься пониже к параметру Цветовая схема (Color scheme). В поле этого параметра стоит значение Personal. Можете ли Вы себе представить, что именно благодаря этому значению наш сайт и обладает такой замечательной шапкой в виде синего баннера.

 

 

А вот возьми мы, да и поменяй значение Personal на значение Nature, да нажми на клавишу Сохранить (Save) , как тут же наша синяя шапка изменит цвет (на какой-то специфически зелёный, который по мнению разработчиков, видимо, и следует считать натуральным), да ещё и съедет вверх.

 

 

Для параметра Цветовая схема (Color scheme), кроме значений Personal и Nature, мы можем установить значение Red. Если мы это сделаем, то наш сайт приобретёт огненно-красную шапку.

 

 

Если же мы установим значение Turquoise и не забудем при этом нажать на клавишу Сохранить (Save), то получим для нашей шапки ненавязчиво зелёный оттенок.

 

 

Совсем другое дело – это значение Custom. Если его установить, то баннер, какого бы цвета он ни был, исчезнет совсем.

 

При желании можно оставить наш сайт без баннера. А можно, и это можно сделать только тогда, когда параметр Цветовая схема (Color scheme) принимает значение Custom, установить свой собственный баннер.

Если зайти в Медиа-менеджер (Media Manager), например, через пункт верхнего меню Материалы (Content) – Медиаменеджер (Media Manager), то в папке headers можно найти подходящие изображения.

 

 

 

 

Например, в качестве изображения шапки можно загрузить рисунок walden-pond.jpg . Для этого нужно вернуться в Менеджер шаблонов (Template Manager). На вкладке Стили (Styles). Выбрать тот стиль шаблона Beez3, с которым мы работали (который установлен для нашего сайта как стиль по умолчанию). Щёлкнуть на стиле мышкой и зайти на панель Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles). Ну и ещё открыть вкладку Дополнительные параметры (Advanced Options). Другими словами, нам нужно вернуться туда, где мы всё это время и были. А здесь, где мы всё это время и были, для параметра Цветовая схема (Color scheme) установлено значение Custom. Ниже параметра Цветовая схема расположился параметр Изображение для шапки (Image for caps). У этого параметра есть кнопка Выбрать (Choose), то есть та самая кнопка, которая позволит нам загрузить выбранное изображение.

 

 

Откроется каталог Медиа-менеджера (Media Manager). В нём нам понадобится папка headers.

 

Мы эту папку откроем, найдём в ней рисунок walden-pond.jpg, щёлкнем на нём, а потом щёлкнем на кнопку Вставить (Paste) .

 

 

В параметре Изображение для шапки (Image for caps) появится адрес местоположения рисунка в каталоге Медиа-менеджера (Media Manager).

 

 

И теперь всё, что нам осталось, так это нажать на клавишу Сохранить (Save) . И что мы получим? А получим мы что-то такое:

 

 

 

Для шапки можно загрузить и рисунок со своего компьютера. Считается, что наиболее подходящим будет рисунок размером 1050 пикселей в ширину и 80 пикселей в высоту. Однако может оказаться так, что изображения других размеров будут смотреться вполне органично. Так что нужно экспериментировать.

Ну и если мы решили заняться экспериментированием, то технология этого экспериментирования следующая. Подготавливаем рисунок в  формате JPEG: vpered_7.

 

 

Если мы откроем этот рисунок, ну хотя бы, в Paintе, то увидим его размер. Ширина нашего рисунка совпадает с рекомендуемым стандартом. А вот высота оказывается значительно больше – 140 пикселов. Но нас это не пугает.

 

 

На панели Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles) в параметре Изображение для шапки (Image for caps) можно загрузить наш рисунок с нашего компьютера. Но вот интересная особенность, если в соседнем параметре, расположенном выше, Цветовая схема (Color scheme) будет стоять любое другое значение, кроме Custom, сколько бы мы не загружали и какие бы только рисунки, вид нашего сайта никак не изменится. Причем Joomla! никак на это не отреагирует. Ну, загрузили Вы рисунок, и загрузили, Ваше дело. Значение Custom стоит? Не стоит - значит, рисунок в виде шапки сайта не выводится. И всё. А всякие там сообщения, объяснения для веб-мастера не предусмотрены. Рисунок просто не будет появляться, и всё. И пусть веб-мастер хоть треснет.

Ну вот, такая она Joomla! Неподготовленному с ней трудно. Так что будем соответствовать, и перед загрузкой рисунка проверим параметр Цветовая схема (Color scheme); а именно проверим, чтобы там стояло значение Custom, и таким образом обезопасим себя от траты собственных нервов. А уж дальше можем спокойно жать на кнопку Выбрать (Choose). После чего, конечно же, откроется каталог Медиа-менеджера (Media Manager).

Изображения, которое мы хотим отразить на шапке нашего сайта, нет в каталоге Медиа-менеджера (Media Manager). Поэтому его сначала нужно загрузить – либо просто так, либо в какую-либо папку, например, в папку banners.

 

 

Внизу окна есть кнопки, которые позволяют найти нужный нам файл на нашем компьютере и загрузить его.

 

 

Рисунок появится в папке banners. Теперь нужно щёлкнуть на нём мышкой и нажать на клавише Вставить (Paste.

 

 

Теперь в строке параметра Изображение для шапки (Image for caps) отображается адрес нашего рисунка, по которому он находится в Медиа-менеджере (Media Manager). Торжественно совершаем последний и заключительный шаг в установке собственного рисунка в виде шапки сайта, а именно вверху панели нажимаем на клавишу Сохранить  Смотрим на сайт, и видим там замечательную шапку.

 

 

А если мы и в параметре Логотип (Logo Image) установим какой-нибудь рисунок, то поверх шапки вместо заголовка ВИР-НОРИН появится наш рисунок.

Не забываем начать наши действия с проверки того, чтобы в параметре Цветовая схема (Color scheme) стояло значение Custom. А уже после этого в параметре Логотип (Logo Image) нажимаем на клавишу Выбрать (Choose).

 

 

И, как и следовало ожидать, мы оказываемся в каталоге Медиа-менеджера (Media Manager), в той папке, которая была нами открыта в последний раз, а это, как Вы помните, папка banners. Вот, как раз, в эту папку можно и загрузить подходящий для нас файл. Традиционно, можно даже сказать, рутинно мы с помощью клавиши Выбрать файл (Select file) находим нужный нам файл на нашем компьютере, а с помощью клавиши Загрузить (Download) загружаем его в папку banners в Медиа-менеджере (Media Manager). Например, таким файлом может быть графический файл vpered1.jpg. Он почти квадратный: 48 пикселей в ширину и 46 в высоту.

Рисунок vpered1.jpg оказывается в папке banners. Теперь на нём можно щёлкнуть мышкой и нажать на клавишу Вставить (Paste

 

 

В строке параметра Логотип (Logo Image) появится адрес, по которому рисунок хранится в Медиа-менеджере (Media Manager).

 

И теперь, как Вы понимаете, нам осталось (незабываем, что торжественно) нажать на клавишу Сохранить . И мы получим право любоваться новым логотипом на нашем сайте, который будет высвечиваться вместо заголовка ВИР-НОРИН (а до этого там была надпись Joomla! на чёрном фоне).

 

 

Согласитесь, что стало намного лучше, чем было.

 

 

На панели Менеджер шаблонов: Изменить стиль, во вкладке Дополнительные параметры (aAdvanced Options) есть ещё один очень интересный параметр, называется Позиция навигации (Location of the Navigation). Сложно сказать, за что мог бы отвечать этот странный параметр с таким странным названием. Но вот оказывается, что отвечает он за так называемые навигационные ссылки. Параметр Позиция навигации не просто так назвали «Позиция навигации», а потому что он отвечает за навигационные ссылки. Вот только, что это такое – навигационные ссылки? А оказывается это ссылки меню. И параметр Позиция навигации отвечает за то, где будет располагаться меню сайта: слева от текста, или справа от текста. А вот почему параметр Позиция навигации нельзя было бы назвать «Позиция меню» или ещё ближе к пониманию: «Расположение меню», об этом история умалчивает.

Если мы посмотрим на наш сайт, то Меню найдём слева от текста. Если мы меню не создавали, то у нас будет только один пункт меню Home. А если создавали, то у нас и Меню может называться по-другому, например Рубрики, и пунктов Меню может быть несколько: 1. Создаём сайты с CMS Joomla!; 2. Установка Joomla!; 3. Настройка (конфигурирование) сайта на Joomla! Под меню у нас ещё разместился рекламный баннер. И всё это у нас расположено слева. А слева расположено всё это по одной простой причине: На вкладке Дополнительные параметры (Advanced Options) у параметра Позиция навигации стоит значение Перед контентом (Before content).

 

Попробуем поменять значение Перед контентом (Before content) на значение После контента (After content). Не забудем нажать вверху страницы на клавишу Сохранить . Посмотрим на страницу нашего сайта. Она стала другой (если не стала, нажмите в командной строке на пиктограмму Обновить страницу . Смотрите, теперь весь блок Рубрики со всеми его разделами сместился на правую сторону сайта. Туда же «уехал» и рекламный блок – раньше он располагался под меню слева, теперь он располагается под меню справа. Обратите внимание, что текст, который раньше располагался посередине страницы, теперь идёт по левому краю, и справа от него остаётся много свободного места.

 

Насколько это удобно, решать Вам. Может, вы заполните эту пустоту рекламой и графикой, или ещё чем. Может, как раз, Вы этого и хотели. Если не хотели, то имеет смысл вернуться к значению Перед контентом (Before content).

 

 

  Сколько изменений мы не делали, фон сайта остаётся неизменным. Однако ничего нам не мешает его поменять. Изменения фона, как и изменения шапки, возможны лишь в том случае, если на вкладке  Дополнительные параметры (Advanced Options) панели Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles), в параметре Цветовая схема (Color scheme) стоит значение Custom. Только при значении Custom изменения параметра Цвет фона (Background color) вступают в силу. Как Вы понимаете, в противном случае, Вы можете сколько угодно и на какой угодно менять цвет фона, но из-за того, что параметр Цветовая схема (Color scheme) не приняло значение Custom, меняться ничего не будет.

Так что, как только мы задумались над тем, чтобы изменить цвет фона, мы обращаемся не к параметру Цвет фона (Background color), а к параметру Цветовая схема (Color scheme) и устанавливаем для него значение Custom. И только после этого с лёгким сердцем можно обратить внимание на параметр Цветовая схема (Color scheme). Здесь стоит значение #ffffff, и именно поэтому фон нашего сайта белый.

 

Но никто не мешает, нам выбрать любой другой фон из возможных. А вот какие возможны – определяется, если навести и щёлкнуть курсором на квадратике в значении параметра Цвет фона (Background color). Тут же рядом откроется палитра, из которой можно выбрать устраивающий нас цвет.

 

 

Например, мы можем выбрать из палитры цвет #e9facb. Не забудем нажать на клавишу Сохранить .  Тогда фон нашего сайта окрасится в выбранный цвет.

 

Мы можем выбрать какой-нибудь другой, может быть, даже совсем неожиданный цвет, например #82e0e0. После выбора цвета, опять таки, не забудем нажать на клавишу Сохранить .  Тогда изменения вступят в силу, и фон нашего сайта примет замысловатый вид.

 

А может случиться так, что цвет фона нас не устроит? Ни #ffffff нас не устроит, ни #82e0e0. И вообще, если посмотреть на рисунки, где фоны сайта приобретают эти цвета, то можно вполне согласиться, что такие цвета навряд ли можно назвать удачными. И что же тогда делать? Только одно: отказываться от всего стиля шаблона и искать счастья с другим стилем другого шаблона.

Плох или хорош стиль Beez3, но, так или иначе, он позволяет создавать и редактировать дизайн сайта. И сделать это можно в три этапа. Для начала нужно назначить стиль Beez3 главным и все разделы сайта (или те, которые хотите) привязать к этому стилю.

Потом можно скопировать стиль и поменять его имя, то есть провести редактирование характеристик стиля.

И уж тогда уж, можно редактировать стиль, а значит, и менять общий вид сайта. Это происходит на вкладке Дополнительные параметры (Advanced Options). Можно отключить логотип, или включить его снова. Можно вывести описание сайта. Можно изменить заголовок сайта. Можно изменить цвет баннера в шапке сайта. А можно в шапке сайта разместить другой баннер из рисунков, имеющихся в Медиа-менеджере (Media Manager). А можно использовать для этих целей свой собственный рисунок. Его просто надо загрузить в Joomlu! с компьютера. Можно изменить местоположение меню, ну, и, конечно же, задать цвет фона сайта.

В общем три шага: назначение стиля Beez3 главным, редактирование характеристик стиля и редактирование стиля на вкладке  Дополнительные параметры (Advanced Options) создают дизайн сайта. Однако у нас нет гарантии, что созданный таким образом дизайн абсолютно нас устроит. В таком случае нам остаются два варианта действий: либо продолжать экспериментировать со стилем шаблона Beez3, либо обратить внимание на то, что в стандартном установочном пакете Joomla! есть ещё один стиль ещё одного шаблона – Protostar.

 

Смотрите шаг 4.2. Редактирование стиля шаблона Protostar.

Flesch-память от 16 до 64 ГБ. Подходит как для ПК, так и для Смартфонов