Масштабируемый логотип

lena1

lena1

クリエイター
LV
0
 
Пример :down: - <a href="http://fisana.ru/ipb/index.php?s=&setskin=1&skinid=21" target="_blank">http://fisana.ru/ipb/index.php?s=&sets...1&skinid=21</a>
<i>Эффект станет понятен при изменении размера окна</i>.

1. Подбираем картинку размером приблизительно 1000-1200px на 100-200px и заменяем ею файл logo4.gif (или свое название и расширение).
2. Открываем расширенный режим редактирования css
3. Находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->#logostrip<!--c2--></div><!--ec2-->
Меняем строчку:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->height: 68px;<!--c2--></div><!--ec2-->
На:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->height: auto;<!--c2--></div><!--ec2-->
4. Открываем - <b>Редактирование HTML шаблонов</b> -> <b>skin global</b> -> <b>global_board_header</b>
5. Находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0'&nbsp;&nbsp;/><!--c2--></div><!--ec2-->
И заменяем на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' width='100%' /><!--c2--></div><!--ec2-->

<div align="right"><!--sizeo:1--><span style="font-size:8pt;line-height:100%"><!--/sizeo--><i>ipb-ru.net</i><!--sizec--></span><!--/sizec--></div>
 
Здравствуйте! Братцы, помогите в том же деле..

Воспоьзовался вашми инструкциями, удалось сделать шапку в ширину тянучей, пропорционально экрану, но высота шапки тянется не правильно. Нижняя часть шапки залезает на верхние кнопки форума с увиличением окна браузера. А чем меньше окно браузера, тем выше пропорционально ширине становится картинка (шапка). Вобщес с шириной справился, теперь нужно высоту победить! Помогите...
 
<!--quoteo(post=85890:date=28.01.2009, 15:10:name=«$EGUR@»)--><div class='quotetop'>Цитата(«$EGUR@» @ 28.01.2009, 15:10) [snapback]85890[/snapback]</div><div class='quotemain'><!--quotec-->кидай ссылку сюда на форум свой<!--QuoteEnd--></div><!--QuoteEEnd-->
вот <a href="http://forum.gt-kamchatka.ru" target="_blank">http://forum.gt-kamchatka.ru</a>
 
Попробуй вот с этим пои граться, разные размеры поделать:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->height: auto;<!--c2--></div><!--ec2-->
например вот так:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->height: 150px;<!--c2--></div><!--ec2-->
 
Войдите или зарегистрируйтесь для ответа.
Сверху