 Флешь шапка вместо стандартной, Пишу для потцев которые совсем нубы |
 |
 ВходЗдравствуйте, Гость ( Вход | Регистрация )
| ||||||||||||||||||
  |
 Sep 11 2010, 20:39
Сообщение
#1
|
|
|
А нас мёдом не корми, Дай чего нибуть помалевать.  Группа: Дизайнеры Сообщений: 3,009 Регистрация: 23.9.2007 Из: Казахстан, Жезказган Рядом с Байконуром Пользователь №: 967 Спасибо сказали: 1247 Вставить ник  |
Частенько проскакивают вопросы, как вставить флешь в шапку, то есть, заменить стандартную шапку на графическую, сделанную во флешь.
И так, буду показывать на примере стандартной темы оформления - artlight. Открываем файл index.html и находим такой код: КОД <body id="page_bg"> <div id="page_bg2"><br><br><div class="wrapper"><div id="header-l"><div id="header-r"><div id="logo"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></div><div id="banners-block">{%BLOCKS banner%}</div></div></div><div id="shadow-l"> Естественно, нам не надо в шапке логотип и тем более баннер. Удаляем их. За это отвечает вот это: КОД <div id="logo"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></div><div id="banners-block">{%BLOCKS banner%}</div> Теперь у нас код стал меньше, без этой лабуды и выглядит вот так: КОД <body id="page_bg"> <div id="page_bg2"><br><br><div class="wrapper"><div id="header-l"><div id="header-r"></div></div><div id="shadow-l"> Так же удалим за не надобностью слой правой стороны стандартного оформления шапки, вот это: <div id="header-r"></div> а левую сторону переименуем, просто уберём букву, чтоб нам не путаться, вставим код флешь ролика и всё это будет выглядеть вот так: КОД <body id="page_bg"> <div id="page_bg2"><br><br><div class="wrapper"><div id="header">ЗДЕСЬ КОД ФЛЕШЬ ШАПКИ</div><div id="shadow-l"> ДАЛЕЕ... Открываем файл с таблицами стилей style.css и находим вот такой код: КОД /* Шапка */ #header-l { height: 125px; background: #FFF url(images/header-l.png) 0 0 no-repeat; position: relative; padding-left: 30px; } #header-r { height: 125px; background: #FFF url(images/header-r.png) right top no-repeat; position: relative; padding-right: 40px; } И меняем его на этот: КОД /* Шапка */ #header { height: 125px; - ВЫСОТА ВАШЕГО ФЛЕШЬ РОЛИКА, ВЫСТАВЛЯЕТЕ СВОЁ ЗНАЧЕНИЕ position: relative; } } Вот и всё. Как и говори, ничего сложного. |
teletehnika, Вас 4 раз(а) поблагодарили за это сообщение: DjSalamander, Korobasow, sam78, Vladimir56 | |
 |
 
|
|
3 чел. читают эту тему (гостей: 3, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 25 November 2024 - 12:46 |
