Логотип из 4 катинок

[gromdron]

Для того чтобы сделать красивый логотип вам необходимо иметь 4 картинки:
1. Левая часть,
2. Правая часть,
3. Центр,
4. Бекграунд.

Я возьму следующие картинки:
<a href="http://mysite.orange.co.uk/tracksone/new/left_header.gif" target="_blank">http://mysite.orange.co.uk/tracksone/new/left_header.gif</a>
<a href="http://mysite.orange.co.uk/tracksone/new/right_header.gif" target="_blank">http://mysite.orange.co.uk/tracksone/new/right_header.gif</a>
<a href="http://mysite.orange.co.uk/tracksone/new/bg_header.gif" target="_blank">http://mysite.orange.co.uk/tracksone/new/bg_header.gif</a>
<a href="http://mysite.orange.co.uk/tracksone/new/logo4r.gif" target="_blank">http://mysite.orange.co.uk/tracksone/new/logo4r.gif</a>


Далее идем в css и ищем logostrip. Заменяем его на
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->#logostrip{
&nbsp;&nbsp;&nbsp;&nbsp;background: #fff url(<#IMG_DIR#>/bg_header.gif);
&nbsp;&nbsp;&nbsp;&nbsp;border: 1px solid #FFF;
&nbsp;&nbsp;&nbsp;&nbsp;height: 160px;
&nbsp;&nbsp;&nbsp;&nbsp;margin: 0;
&nbsp;&nbsp;&nbsp;&nbsp;padding: 0;
}<!--c2--></div><!--ec2-->

Далее идем в шаблон global board header (всем кто занимается созданием скинов, знает о чем я говорю)

Ищем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><div class="borderwrap">
&nbsp;&nbsp;&nbsp;&nbsp;<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div><!--c2--></div><!--ec2-->

Заменяем на
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><div class="borderwrap" style="border:0;">
&nbsp;&nbsp;&nbsp;&nbsp;<div id="logostrip" style="border:0;"><a href='{ipb.script_url}'>
<!--ipb.logo.start-->
<img src="style_images/<#IMG_DIR#>/right_header.gif" style="float:right" alt="Ваше описание" />
&nbsp;&nbsp;&nbsp;&nbsp;<img src="style_images/<#IMG_DIR#>/left_header.gif" style="float:left" alt="Ваше описание" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="style_images/<#IMG_DIR#>/logo4r.gif" align="left" alt="Ваше описание" />
<!--ipb.logo.end--></a></div><!--c2--></div><!--ec2-->


Пользуясь этим туториалом у вас должно получитсья следующее:
<img src="http://img11.imagepile.net/img11/8849302.gif" border="0" class="linked-image" />

(Моя личная дописка)
PS возможно попробовать другой вариант:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><div class="borderwrap" style="border:0;">
&nbsp;&nbsp;&nbsp;&nbsp;<div id="logostrip" style="border:0;"><a href='{ipb.script_url}'>
<!--ipb.logo.start-->
&nbsp;&nbsp;&nbsp;&nbsp;<img src="style_images/<#IMG_DIR#>/left_header.gif" style="float:left" alt="Ваше описание" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="style_images/<#IMG_DIR#>/logo4r.gif" align="center" alt="Ваше описание" />
<img src="style_images/<#IMG_DIR#>/right_header.gif" style="float:right" alt="Ваше описание" />
<!--ipb.logo.end--></a></div><!--c2--></div><!--ec2-->

Автор: Ghost
Перевод: gromdron

 

[lena1]

спасибо.. полезно однако.. я как раз такое делал для зимнего скина leasure: