Сделай свой блог лучше!
Раздел создан для тех, кто хочет сделать свой блог уникальным, как то выделиться, так сказать, из толпы :) Предлагаю вашему вниманию различные скрипты, которые украсят ваш сайт, меню навигации: многоуровневые, раздвижные, горизонтальные и вертикальные и другие гаджеты. Вам понядобится «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>, где вместо символа # необходимо вставить ссылку на нужную вам страницу и вписать название кнопки в соответствующее место. Как вы уже поняли, одна такая строка соответствует одной кнопке, не забывайте о том что длина меню ограничена, и если кому то её не хватает, то пишите мне и я расскажу как увеличить длину, а так же цвет фона кнопки, шрифт и т.д.