| Сегодня 22 октября, вторник |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Шаблон JA_Purity II на Joomla 1.7. Часть 2.2011-10-14 13:38:00 (читать в оригинале)Этастатья является продолжением статьиоб этом замечательном бесплатном шаблонедля Joomla 1.7. В ней я хочу предложить вашему вниманиюспособы тонкой настройки этого шаблона. Во-первых,как и некоторые другие шаблоны, можночто-то подправить на вкладке «Layouts».Например, мне необходимо было удалить«ненужный» блок управления из лицевойчасти сайта.  Навкладке «Layouts»редактируем (нажимаем иконку с карандашом)«расположение по умолчанию». В открывшемся окошке с кодом намнеобходимо удались строку <blockname="cpanel" type="usertools/cpanel"> инажать кнопку «Save».С помощью этих файлов можно также менятьрасположение блоков. Заметьте,если мы изменили что-то, то рядом сизмененным материалом появится ссылка«Reset to default»- с ее помощьюможно можно восстановить «заводскиенастройки». Весьма полезная штука приэкспериментах с шаблоном ;-), спасиборазработчикам!
Еслиже вы хотите оставить данную панельуправления, но просто отключить некоторыевозможности (или наоборот включить:-)), то можно воспользоваться секцией«User Tools» навкладке «Profiles».На ней можно указать, что будет доступнопользователю с лицевой стороны сайта,а что нет.  Однако,мне также необходимо было изменить«цветовую гамму» меню и немного изменитьразмеры изображения рядом с логотипом,а админка шаблона этого сделать непозволяла. Если Вам также необходимоэто сделать, придется править кодшаблона. Все файлы шаблона, которые нампонадобятся, находятся в папке шаблона\templates\ja_purity_ii\. Будем считать ее корневойдля нашей статьи (т. е. все пути нижебудут «отсчитываться» от этой папки. Редактирование кода можно делать в любом текстовом редакторе, например блокноте (в контекстном меню файла выбрать "открыть с помощью"). Но все таки лучше и проще это делать в Notepad++. Какделал это я:
Есливы заметили, то изображение (точнееизображения, т. к. шаблон имеет триразличных картинки по умолчанию, которыеон показывает в случайном порядке)покрыто по краям «туманом». И если Вамнеобходимо избавится от него, простоудалите\переименуйте файл\images\header-mask.png. (конечно, можно подправитькод шаблона, чтобы добиться того жерезультата, но мне кажется новичкам такбудет проще. Но все таки, если хотитеподправить код, то вот он: в файле\css\template.css строки788-790 отвечают за маску /*Header mask ---*/ .ja-headermask{ background:url(../images/header-mask.png) no-repeat top right;).
Изображения,которые шаблон использует в своейработе, находятся в папке \images\header. Код,который отвечает за их выборку иотображение находится в файле\blocks\head.php строки48-52
Каквидно из кода, шаблон в случайном порядкеопределяет целое число от 1 до 3включительно, добавляет его как суффиксс имени картинки и загружает ее в хедер.Т.е. , если вы хотите использовать толькоодну картинку, замените '/images/header/header'.rand(1,3).'.jpg' на '/images/header/header1.jpg'— где header1.jpg — картинка, которую выхотите использовать (можно заменитьстандартную на свою в папке /images/header) Илиже, если хотите использовать большийнабор картинок, замените цифру 3 на токоличество картинок, которое хотитеиспользовать. (не забудьте поместитьих с именами headerХ.jpg всоответствующую папку /images/header, где Х —номера изображений).
Например, мне необходимо было сделатькартинку шире и выше, чем стандартная(шириной на всю страницу и разметитьлоготип по ее центру). Код отвечающий за логотип (файл\css\template.css, строки 338-342): h1.logo a { background: url(../images/logo.gif) no-repeat center;./*картинкалого и ее выравнивание*/ display: block; height: 79px;/*высота лого*/ width: 600px;/*ширина лого — меняя ее, можноуправлять горизонтальным положениемлого ;-)*/ Код отвечающий за картинку в хедере(файл \css\template.css, строки1215-1219): #ja-header .main { background: url(../images/header3.jpg) no-repeat right top #333; height: 119px;/*устанавливает высоту картинкив хедере*/ padding: 0; } Ширина этой картинки зависит от шириныисходного файла картинки. Т. е. еслихотите картинку на всю ширину сайта,просто используйте в этом качествекартинку, у которой ширина соответствуетжелаемой вами.
Если стандартные цвета главного менювас не устраивают, их можно поменять насвои, подправив некоторые файлы (хотяконечно хотелось бы видеть даннуюфункцию в админке шаблоноа). Перед темкак что-то менять, подумайте, а сможетели вы подобрать новые цвета главногоменю гармонично? Если да, тогда вот вамполе для работы: файл \css\template.css, строки1211-1213 /* HEADER --------------------------------------------------------- */ #ja-header { background: #333; position: relative; z-index: 10; }/*меняет фон вокруг верхней картинки (333— код цвета, можете указать свой)*/ файл \css\template.css, строки1241-1247 /* Main Nav ---*/ #ja-mainnav { background: url(../images/grad1-mask.png) repeat-x top #444;/*цветфона главного меню, по умолчанию 444*/ border-top: 1px solid #666; line-height: 1; position: relative; z-index: 11; } Дальнейшая раскраска меню производитсяс помощью файлов, находящихся в папке\css\menu. Как видно по названиям файлов,каждый из них отвечает за оформлениесвоего типа главного меню. Чтобы ненагружать лишним текстом, можете скачатьпример файла mega.css (где я«перекрасил» меню в синий цвет), где яоставил комментарии в коде, какойпараметр за что отвечает. Надеюсь, это кому-то поможет! До свидания! 
|
 
Категория «Музыканты»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.