Главная » Украшение » Украшения на Блоггер

Украшения на Блоггер

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

Ссылки

Добавляем коды в шаблон, чуть выше ]]></b:skin> Все ссылки на блоге будут такого вида.

1. Двойное подчёркивание ссылки при наведении курсора.

a:hover{text-decoration: underline overline; } a{text-decoration:none; }

2. Пунктирная рамка — появляется при наведении курсора на ссылку.

a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed; COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; }
a{text-decoration:none; }

Что можно поменять в коде:
red - меняем на любой другой цвет.
1px - изменить размер штрихов.

3. Цветная заливка

a:hover{BORDER-TOP: #89a6e4
1px solid; BACKGROUND: #89a6e4
; BORDER-BOTTOM: #89a6e4
1px solid; text-decoration: none; }
a{color:#89a6e4; text-decoration:none; }

Все прописанные цвета в коде выделенные синим заменяем на свой оттенок.

4. Подчёркивание сверху, при наведении курсора на ссылку.

a:hover{color:skyblue; text-decoration: overline; } a{text-decoration:none; }

Меняем skyblue на свой цвет.
5. Ссылка приседает.
a {TEXT-DECORATION: none;} a:hover {POSITION: relative; TOP: 1pt; TEXT-DECORATION: none; color: black;}

Можно поменять black на свой цвет.

Приветствие на блог

Приветствие простое, но в то же время интересное. Установив его, вы будете приветствовать читателей блога в зависимости от времени суток.

Коды вставляем в Дизайн — Добавить гаджет - HTML/JavaScript.

<script type="text/javascript">
var h=(new Date()).getHours();
if (h > 23 || h < 7) document.write("Доброй ночи!");
if (h > 6 && h < 12) document.write("С добрым утром!");
if (h > 11 && h < 19) document.write("Добрый день!");
if (h > 18 && h < 24) document. write("Добрый вечер!");
</script>

Можно менять надписи приветствия, выделенные синим цветом и время появления надписей.

И почти такой же код, но с текущей датой.

<script type="text/javascript">
// <![CDATA[
day = new Date(); hour = day.getHours(); if (hour>=5 && hour<12) greeting = "Доброе утро"; else { if (hour>=12 && hour<18) greeting = "Добрый день"; else { if (hour>=18 && hour<24) greeting = "Добрый вечер"; else { if (hour>=0 && hour<5) greeting = "Доброй ночи"; } } } document.write(greeting);
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
</script>! Сегодня <script type="text/javascript">
// <![CDATA[
// <![CDATA[
var d = new Date();
var day=new Array("Воскресенье","Понедельник","Вторник",
"Среда","Четверг","Пятница","Суббота");
var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");
document.write(day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()]
+ " " + d.getFullYear() + " г.");
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
</script>

И, как вариант, можно написать приветствие самому и вставить Дизайн — Добавить гаджет - HTML/JavaScript или Текст (если текстовое приветствие) или Изображение (если картинка).

А написать красиво можно на сайтах:

http://wigflip.com/screedbot/ru/