BOMB fishka CLUB

Создаем меню или выбираем из предложенного в каталоге,подправляем если надо и сохраняем.Число пунктов меню оставляйте произвольным, так как это изменять будем в другом месте, главное дизайн. Там все понятно, потыкайте везде и поймете, что на что влияет, результат после нажатия на кнопку генерации перед носом.
Итак сохранили и закачали на комп, разархивировали и положили в отдельную папку.

Теперь будем работать с blogger. Пройдем по ссылке о создании неподвижного поста и выполним все что там написано, посмотрим макет блога - видим что появились возможности добавлять гаджеты в других местах блога. Очень хорошо. Если у вас трехколоночный шаблон и вы хотите добавить вертикальное меню слева или справа, то этот пункт корректировки шаблона можно пропустить за ненадобностью. Чтобы прочесть далее нажимаем на название топика.



Смотрим ,что мы закачали на комп. Файл IzzyWebsite CMS\editor_images\custom_menu.css открываем в текстовом редакторе, сохраняем и идем вставлять на blogger (в код).
Я вставлял перед

<b:skin><![CDATA[

Так как у меня не стандартный шаблон.

У вас же надо вставлять перед

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:980px;Для удобности закомментируем:

/* main menu
-----------------------------------------------
*/


Как я уже написала, вставляем файл custom_menu.css, находящийся в папке описанной выше из сохраненного вами шаблона css.

Здесь я приведу то что я вставил на этот блог , для наглядности, так как меню вы видите на блоге. Еще один нюанс, так как возможности на блоггере ограничены, то файлы gif для шаблона мы не можем поместить в папку image одноименного блога , то будем прописывать абсолютные (или как они там называются) ,вернее полные пути к этим картинкам. Картинки, на закаченном шаблоне находятся в папке image. Мы их помещаем на свой сайт, если сайта своего не имеется то помещаем на бесплатный сервис, скажем на http://sites.google.com и запоминаем их url (для удобства в текстовый файд и оставляем в созданной нами рабочей папке).

Итак мой css:



#MainMenu
{
height:33px;
background:#FFF;
border:0;
margin:0;
}
#tab
{
top:0;
height:0;
background:repeat-x top;
margin:0;
}
#tab ul
{
list-style:none;
float:left;
margin:0;
padding:0;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:#fff;
text-decoration:none;
border:0;
display:block;
float:left;
margin:0;
padding:0;
}
#tab a span
{
display:block;
font-family:Georgia, \"Times New Roman\", Times, serif;
font-size:11px;
color:#000;
font-weight:700;
line-height:33px;
padding:0 15px;
}
#tab a:hover,#tab li.item_active a
{
background:#f7941d;
border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span
{
color:#FFF;
font-weight:700;
font-style:normal;
text-decoration:none;
}
.dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 #fff;
background:#FFF;
color:#000;
z-index:100;
text-decoration:none;
margin:0;
padding:0;
}
.dropmenudiv ul
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv li
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
width:180px;
display:block;
border:0;
color:#000;
background:#fff;
font-weight:700;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}
.dropmenudiv a span
{
display:block;
line-height:33px;
font-family:Georgia, \"Times New Roman\", Times, serif;
font-size:11px;
color:#000;
float:none;
padding:0 15px;
}
.dropmenudiv a:hover
{
border:0 #FF9300;
background:#f7941d;
font-weight:700;
font-style:normal;
text-decoration:none;
color:#FFF;
}
.dropmenudiv a:hover span
{
background:#f7941d;
color:#FFF;
font-weight:700;
}

<div id="MainMenu">

<div id="tab">

<ul>

<li><a href="http://bomb-club.blogspot.com"><span>Главная</span></a></li>

<li><a href="http://bomb-club.blogspot.com/p/blog-page.html"><span>Учимся покеру</span></a></li>

<li><a href="http://bomb-club.blogspot.com/p/blog-page_18.html"><span>Обзор Bomb-Club</span></a></li>

<li><a href="http://bomb-club.blogspot.com/p/blog-page_4318.html"><span>Про кино</span></a></li>

<li><a href="http://bomb-club.blogspot.com/p/blog-page_7020.html"><span>Софт</span></a></li>

<li><a href="http://bomb-club.blogspot.com/p/blog-page_08.html"><span>Для блоггера</span></a></li>

<li><a href="http://bomb-club.blogspot.com/2010/12/blog-post_1979.html"><span>Фото облако</span></a></li>

<li><a href="http://bomb-club.blogspot.com/p/blog-page_09.html"><span>Контакты</span></a></li>

</ul>

</div>

</div>