Обращаюсь к вам, профи и гуру html и css :) Помогите, надавайте советов, как сделать шапку графической. Вставить вместо стандартного фона рисунок и сделать на ней пару кнопок. Какое расширение картинки нужно, какой допустимый вес? Как реализовать кнопки?
Код шаблона "Шапка сайта"
<div id="header">
<div id="header-inner">
<div id="header-content">
<mt:Ignore><!-- Use h1 and h2 html tags on the main index of the blog as the title, use divs on all other pages where there are page titles. --></mt:Ignore>
<mt:If name="main_index">
<h1 id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></h1>
Мой Блог<br>
<a href="http://site.ru/" target="_blank" rel="nofollow"><span style="color: red;"><b>Форум</b></span></a>
<a href="http://site2.ru/" target="_blank" rel="nofollow"><span style="color: red;"><b>Каталог</b></span></a>
<h2 id="header-description"><$mt:BlogDescription$></h2>
<mt:Else>
<h1 id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></h1>
Мой Блог<br>
<a href="http://site.ru/" target="_blank" rel="nofollow"><span style="color: red;"><b>Форум</b></span></a>
<a href="http://site2.ru/" target="_blank" rel="nofollow"><span style="color: red;"><b>Каталог</b></span></a>
<h2 id="header-description"><$mt:BlogDescription$></h2>
</mt:If>
</div>
</div>
</div>
Какой размер картинки необходимо сделать, чтобы заменить стандартный фон? Нужно, чтобы шапка смотрелась одинаково хорошо на всех стандартных разрешениях мониторов.