Для того чтобы сделать красивый логотип вам необходимо иметь 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{
background: #fff url(<#IMG_DIR#>/bg_header.gif);
border: 1px solid #FFF;
height: 160px;
margin: 0;
padding: 0;
}<!--c2--></div><!--ec2-->
Далее идем в шаблон global board header (всем кто занимается созданием скинов, знает о чем я говорю)
Ищем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><div class="borderwrap">
<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;">
<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="Ваше описание" />
<img src="style_images/<#IMG_DIR#>/left_header.gif" style="float:left" alt="Ваше описание" />
<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;">
<div id="logostrip" style="border:0;"><a href='{ipb.script_url}'>
<!--ipb.logo.start-->
<img src="style_images/<#IMG_DIR#>/left_header.gif" style="float:left" alt="Ваше описание" />
<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
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{
background: #fff url(<#IMG_DIR#>/bg_header.gif);
border: 1px solid #FFF;
height: 160px;
margin: 0;
padding: 0;
}<!--c2--></div><!--ec2-->
Далее идем в шаблон global board header (всем кто занимается созданием скинов, знает о чем я говорю)
Ищем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><div class="borderwrap">
<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;">
<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="Ваше описание" />
<img src="style_images/<#IMG_DIR#>/left_header.gif" style="float:left" alt="Ваше описание" />
<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;">
<div id="logostrip" style="border:0;"><a href='{ipb.script_url}'>
<!--ipb.logo.start-->
<img src="style_images/<#IMG_DIR#>/left_header.gif" style="float:left" alt="Ваше описание" />
<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