Инструкция Делаем стиль - оформление шапки и фона и прочего.

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 222
Репутация
6 064
Баллы
266
В шаблоне logo_block попробуй замени все на это
Код:
<div id="logoBlock">
    <div class="pageWidth">
        <div class="pageContent">
            <xen:include template="ad_header" />
            <xen:hook name="header_logo">
            <div id="logo"><a href="{$logoLink}">
                <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" usemap="#Map"/>
                <map name="Map" id="Map">
                    <area alt="" title="HUMMER H3" href="#" shape="poly" coords="573,354,574,326,615,314,634,294,748,295,758,319,758,345,748,348,752,358,747,371,740,373,728,369,721,365,717,357,663,357,665,368,660,379,653,386,638,386,631,379,626,371,623,361,603,364,606,371,603,379,591,381,586,377,580,361" />
                    <area alt="" title="HUMMER H2" href="#" shape="poly" coords="787,343,784,330,783,319,797,315,807,310,823,309,826,303,834,290,863,288,939,287,944,306,969,310,973,341,965,346,965,358,956,365,945,367,933,353,880,360,873,370,854,375,836,358,828,359,822,369,804,374,794,366" />
                    <area alt="" title="HUMMER H1" href="#" shape="poly" coords="995,327,995,312,1025,306,1032,288,1129,285,1135,307,1161,309,1165,320,1162,334,1150,333,1154,347,1148,359,1135,362,1125,345,1099,346,1094,358,1084,358,1071,364,1054,364,1044,358,1042,347,1027,346,1024,354,1010,364,997,360,990,349,989,334" />
                </map>               
            </a></div>
            </xen:hook>
            <span class="helper"></span>
        </div>
    </div>
</div>
 
Реакции: SOUL

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 222
Репутация
6 064
Баллы
266
Лучше конечно модификацию сделать
 
Реакции: SOUL

Duero

Проверенный
Сообщения
31
Репутация
3
Баллы
3
Супер! Все получилось! Вот только в мобильной версии с телефона не работает это. Как для мобильников сделать отдельную картинку скажем квадратную, что бы нормально масштабировалась. А то длинная вытянутая мелко выглядит
 

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 222
Репутация
6 064
Баллы
266
Как вообще делал карту? Надо в Adobe Dreamweave, там возможности больше, как бы особо не практиковался в их изготовлении, не могу всего объяснить, сам не знаю :)
 
Реакции: SOUL

Duero

Проверенный
Сообщения
31
Репутация
3
Баллы
3
Загрузил сюда свое изображение:

Пожалуйста, Войдите или Зарегистрируйтесь для просмотра скрытого текста.

и выставил зоны. Потом в блокноте прописал ссылки и вставил как выше сказали в блок лого

Вот что у меня получилось:

Пожалуйста, Войдите или Зарегистрируйтесь для просмотра скрытого текста.

 

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 222
Репутация
6 064
Баллы
266
Все таки не очень понятно, что там ссылки, наверное отдельными картинками было бы лучше, там и hover эффекты добавить можно. Либо просто надписи под ними сделать менюшкой. Честно не нравится мне картой.
 
Реакции: SOUL

ника1987

Пользователь
Сообщения
22
Репутация
0
Баллы
1
Подскажите как полностью убрать фон шапки тоесть не саму шапку а фон шапки чтоб его не было а была шапка и сразу задний фон
Ну жно убрать именно то что обведено зеленым..Буду очень благодарна.Air_Kiss_man43
На скриншотах видно на 1 обвела что нужно убрать а на 2 ром скрине уже нет фона шапки..3466134662
--- Сообщение автоматически объединено: ---

Получается идет по всему форуму по кругу
 

Вложения

Последнее редактирование:

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 222
Репутация
6 064
Баллы
266
Не ставить гавностилей
 

ника1987

Пользователь
Сообщения
22
Репутация
0
Баллы
1
Skaiman, Спасибо за ответ..
Решения шаблон

Пожалуйста, Войдите или Зарегистрируйтесь для просмотра скрытого текста.


Найти
Код:
#headerMover
{
    position: relative;
    zoom: 1;
    background-color: @primaryMediumrgb;   (вставить свой цвет  или  прозрачность)
    margin: 0 auto;
    max-width: 1300px;
    opacity: 0.94;
    padding: 10px 8px 10px 8px;
 
}
 
Сверху Снизу