rhuk milkyway рхук милквей

Автор: Administrator.

И не смотря не на что я продолжаю любительски ковыряться в джумле и иногда даже сайты получается на ней поднимать. ) Вот про одно из последний моих приключений я и хочу сегодня написать.

Главный действующий персонаж – рхук милквей или rhuk milkyway. Эта скотина выпила достаточно моей крови, но все по порядку …

Заказчику очень понравился этот шаблон rhuk milkyway (полная безвкусица, но клиент всегда прав). И я принялся за его обтесывание. Палено пищало и пиналось, но работа шла споро благодаря супер инструментам – firebug’у и web developer два плагина для Мозилы. И вот наступил этот час Ч – вставка Лого. Лого получилось красивое и большое. В высоту аж 170 пикселей. Ну, танки грязи не боятся, и я полез в css, так как лого вылезало за шапку. Быстренько найдя блок header в template.css

Код:

div#header_r { height: 90px; padding-left: 370px; padding-right: 30px; padding-top: 25px; overflow: hidden; text-align: left; }

я изменил height на...

нужные мне 170 пикселойдов. И получил замечательный артефакт в шаблоне rhuk milkyway – неизвестно откуда вылезшую полосу.

rhuk milkyway

Почесав репу, я полез выяснять, кто из div’ов использует эту картинку с полосой. Виновник, использующий mw_header_b.png нашелся быстро, это был tabarea.

div#tabarea { background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x; margin: 0 11px; }

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

Я принялся чесать небритый подбородок. Поскольку ни firebug ни web developer ничем мне уже не помогали, а последний еще и бесил – когда я включал режим Редактор CSS, выключалась часть слоев, причем как раз с нужным мне глюком, то я решил убивать css частями и смотреть, какой див косячит. В финал вышли всего два diva это уже знакомый нам div header_r и div logo. Я вернулся с чего начал 8).

И тут то меня озарило, что грабли rhuk milkyway в картинке! В картинке которая не растягивается, у которой фиксированный размер и верхние и нижние поля. Но это была не вся правда, как в рабыне Изауре, Хулио оказался братом Игнасио ))) Нужно было менять не одну, а целых ТРИ картинки. Которые еще и находились не в папке \rhuk_milkyway\images , а в \rhuk_milkyway\images\blue (синий – цвет моей темы rhuk milkyway).

Вот эти три картинки - mw_header_t_r.png mw_header_t_r , mw_header_t_l.png mw_header_t_l и mw_header_t mw_header_t

Их изменение (увеличение высоты боковых полос у правой и левой картинки и середины у средней) даст заветный эффект и проклятая полоса уберется. Только учтите (я то уже набил себе шишки) простое увеличение всей картинки не даст нужного эффекта .. поскольку увеличены будут и углы у боковых картинок и верхняя и нижняя полосы у средней. Нужно увеличивать только нужные части. Я это делал через Paint. Дешево и сердито )

Об авторе:

-

Я приветствую вас на авторском блоге Tytto.ru

Основные темы блога - это решение различных проблем и вопросов с CMS Joomla и Wordpress, а так же практика продвижения сайтов - SEO, SMO и SMМ.

Если у вас заинтересуют мои услуги или у вас есть вопрос - все мои контакты есть в соответствующем разделе - заходите, не стесняйтесь.