Красивый шаблон для блоггер Stone Room

четверг, 11 марта 2010 г.

 

Скачать | Демо
Очень красивый проработанный шаблон для блоггер.  Абсолютно все элементы шаблона работают. Красивый дизайн, а так же очень удобное меню делают его одним из лучших шаблонов для блоггер.

Настройка шаблона:

1. Слайд шоу:

Добавляем Html/Java script перед статьями блога следующий скрипт:

<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/769ce0b32ead0612bfb65f6240dc.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>

<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/1108_hip_hop_culture.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>

<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/1264753718_main.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>

<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/hiphopblue2.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>

<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/rap.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>
В каждой части скрипта необходимо поставить ссылки на свои картинки который должны быть размером 546 на 200 пикселей. Ссылки выделены красным. так же необходимо заменить название статей, и ссылки на них которые выделены зеленым.
2. Элементы меню:
Измененяем их в скрипте:

<div class='headmenuslot' onmouseout='A_color(2)' onmouseover='A_color(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW' href='http://dcrecordz.blogspot.com/'>Главная</a></div><div class='list_punkts'>
<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
    <tr>
        <td width='50%'><a href='/'>Fruity loops</a><br/><p>Обучающие статьи по работе с Fruity loops</p></td>
        <td width='50%'><a href='/'>Звукозапись</a><br/><p>Описание программ домашней звукозаписи</p></td>
    </tr>
    <tr>
        <td width='50%'><a href='/'>Сэмплы</a><br/><p>О том где найти качественные сэмплы</p></td>
        <td width='50%'><a href='/'>Отладка аппаратуры</a><br/><p>Установка и уход за музыкальной аппаратурой</p></td>
    </tr></table>
<div class='clear'/>
</div>
<div class='list_punkts_bot'/>
</div></div></div>
<div class='headmenuslot' onmouseout='A_color2(2)' onmouseover='A_color2(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW2' href='/'>Музыка</a></div><div class='list_punkts'>
<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
    <tr>
        <td width='50%'><a href='#'>Минуса</a><br/><p>Музыкальная галерея</p></td>
        <td width='50%'><a href='/'>Купить минус</a><br/><p>Галерея минусов на продажу</p></td>       
    </tr>
<tr>
<td width='50%'><a href='/'>Заказать минус</a><br/><p>Оставить запросы по заказу минуса</p></td>
        <td width='50%'><a href='/'>Плагиаты</a><br/><p>Краденная музыка звезд</p></td>
</tr>
<tr>
<td width='50%'><a href='/'>Программы</a><br/><p>Узнать где и как скачать качественные программы</p></td>
        <td width='50%'><a href='/'>Аппаратура для студии</a><br/><p>Аппаратура для домашней студии</p></td>
</tr>
</table>
</div>
<div class='list_punkts_bot'/>
</div></div></div>
<div class='headmenuslot' onmouseout='A_color3(2)' onmouseover='A_color3(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW3' href='/'>О Нас</a></div><div class='list_punkts'>
<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
    <tr>
        <td width='50%'><a href='/'>Топ музыки</a><br/><p>Что мы слушаем</p></td>
        <td width='50%'><a href='/'>Об авторе</a><br/><p>О мне</p></td>
    </tr>
    <tr>
        <td width='50%'><a href='/'>О студии</a><br/><p>О звукозаписи у нас</p></td>
        <td width='50%'><a href='/'>Submenu Item</a><br/><p>Short Description about this Item</p></td>
    </tr></table>
</div>

Названия пунктов меню меняем на свои, а так же вставляем ссылки на них перед названиями.
3. Логотип шаблона меняем в скрипте:
<a href='http://dcrecordz.blogspot.com/'><img alt='Stones WordPress Theme Released' height='86' src='http://dergty.fileave.com/hiphop3.jpg' title='На главную' width='405'/></a>
</div>
ссылку выделенную красным меняем на свою. Картинка должна быть размером 405 на 86 пикселей.
Если возникнут проблемы при настройке этого шаблона пишите в комментариях.

Похожие статьи