Сделай свой блог лучше!

Раздел создан для тех, кто хочет сделать свой блог уникальным, как то выделиться, так сказать, из толпы :) Предлагаю вашему вниманию различные скрипты, которые украсят ваш сайт, меню навигации: многоуровневые, раздвижные, горизонтальные и вертикальные и другие гаджеты. Вам понядобится «premium — блог», т.к. необходимо будет добавлять свои таблицы стилей css, сразу предупреждаю, что бы вы не пугались — вам не нужно знать html, css, js, я все буду объяснять на простом языке, дабы не морочить вам голову программированием. Все инструкции буду снабжать скриншотами.

Думаю, что смогу помочь вам, и мои посты будут вам полезны *PREVED*

---------------------------------------------

★ Устанавливаем часы на свой блог ★ 

Речь пойдёт о сайте clocklink.com. Он предлагает, не сказать что огромный, но очень большой выбор различных часов для украшения сайтов, блогов и т.д. Скачивать вам ничего не придёться, установка очень простая, итак:

1) Переходим на  clocklink.com ✔ 

2) Перед вами слева все категории, в каждой из них свой вид часов, просматриваем каждую, выбираем понравившиеся вам  ✔ 

3) Приглядели? Ну, для примера мне понравились вот эти:


Нажимаем на кнопку (обведена красным)  ✔

4) Настраиваем на свой вкус, копируем код (выделен красным)  ✔

5) Теперь заходим в настройки своего блога >> «Блоки», включаем html-редактор, и вставляем туда тот код, который вы скопировали. Вот вроде и все. Если что то непонятно, пишите мне :)

★ Бегущая строка ★

Установить на свой блог бегущую строку проще простого :) 

Бегущую строку задаёт следующие теги:

<атрибуты> Текст  бегущей строки </marquee>, хотя атрибуты вам можно и не прописывать самому, а сделать их через визуальный редактор.. 

 

1) Открываем настройки свободного длока (того, в который хотите поместить бегущую строку) 

2) Пишем текст бегущей строки, делаете с ним что хотите, можно так же вставить в него ссылку, короче что душе угодно :) 

3) Теперь переключаемся в html — редактор, и делаем следующее :

>> В самом начале ставим  , а в самом конце  </marquee>.

 

Ну и, если вдруг запутались, покажу все на скриншоте:



Сохраняемся и радуемся :)

 

★ Устанавливаем меню на свой блог ★ 

Предлагаю вам установить вот такое меню на свой блог


1) Заходим в «Настройки блога» >> «Оформление» >> «Редактор css» 

2) Перед нами 2 окна, нас интересует второе: «Дополнительный CSS (не заменяется при смене дизайна)», вставляем туда следующий код и нажимаем «Сохранить» 

_____________________________________________

ul.css-menu-2 {
list-style: none;
border-bottom: 1px #888899 solid;
padding-bottom: 10px
}

ul.css-menu-2 li {
display: inline;
margin-right: 5px
}

ul.css-menu-2 li a {
color: #888899;
text-decoration: none;
background: #f7f7f9;
border: 1px #bbbbcc solid;
border-bottom: none;
padding: 10px 14px
}

ul.css-menu-2 li a:hover {
padding: 14px 14px 10px 14px
}

ul.css-menu-2 li a.selected {
color: #555566;
background: #ffffff;
border: 1px #888899 solid;
border-bottom: 1px #ffffff solid;
padding: 14px 14px 10px 14px
 }

_____________________________________________

3) Теперь необходимо разобраться непосредственно с самим кодом меню, т.к. тот код который вы только что вставляли — это код описания стиля нашего будущего меню, конечно там можно все менять на своё усмотрение, но об этом позже. Итак, вот код:

_____________________________________________

<title>Меню для сайта на основе css</title>
</head>
<body>
     <ul class=«css-menu-2»>
                 <li><a href="#"> Название кнопки 1</a></li>
                 <li><a href="#">
Название кнопки 1 </a></li>
                 <li><a href="#">
Название кнопки 1 </a></li>
     </ul>

_____________________________________________

Давайте разберёмся что же тут надо изменить. Нас интересует только вот эта строка   <li><a href="#"> Название кнопки 1</a></li>, где вместо символа # необходимо вставить ссылку на нужную вам страницу и вписать название кнопки в соответствующее место. Как вы уже поняли, одна такая строка соответствует одной кнопке, не забывайте о том что длина меню ограничена, и если кому то её не хватает, то пишите мне и я расскажу как увеличить длину, а так же цвет фона кнопки, шрифт и т.д.


 

накрутить подписчиков в вк
все 127 Мои друзья
Я в клубах
Служба помощи MyPage.Ru Пользователь клуба
Апокриф для России! Пользователь клуба
CSS | Design Пользователь клуба