Меню сайта
Полезное
- Пользователи оценят ваш сайт
- Оченки-ннада?
- Нужен персонал на сайт?
- Скрипты для uCoz
- Ваш сайт закрыли ?
Новые статьи
Категории
Мини-чат
[3]
Мини чаты для uCoz,a |
Меню
[22]
Разнообразные менюшки для сайта uCoz |
|
Опросы
[1]
Уникальные виды опросов для сайта uCoz.
|
|
Другое
[133]
Здесь вы найдете большое количество разных и уникальных скриптов для сайта uCoz.
|
|
Профиль
[1]
Скрипты профиля для сайта uCoz.
|
|
Ajax окна
[2]
Ajax окна для сайта uCoz.
|
|
Материалы
[2]
Виды материалов: файлов, новостей, блогов, статей, доски объявления, фотоальбомов и т.д.
|
|
Статистика сайта
[8]
Очень важные скрипты для сайта uCoz - Статистика сайта.
|
|
Состав клана
[0]
Скрипт состава клана, без этого скрипта ни один сайт не назовешь клановым!*
|
|
Друзья сайта
[3]
Друзья сайта, или партнерка. Всех размеров: 468х60;150х200;88х31 и др.
|
|
Статистика CW
[1]
Статистика CW для кланового сайта.
|
|
Комментарии
[1]
Внешний вид комментариев, или форма добавления.
|
|
Категории
[2]
Внешний вид категорий для сайта uCoz
|
|
Информеры
[11]
Большой количество информеров для сайта.
|
favicon
[9]
Иконки разных видов для сайта uCoz |
Soft для uCoz
[1]
Программы для сайтов uCoz |
Витрина ссылок
(Цена: 2 руб.)
Поставить к себе на сайт
Наши партнеры
Реклама на сайте
Патчи CS 1.6
Мини профиль
- 23.11.2024 - 23:26
Опрос сайта
Игровые новости
Онлайн лист
Лента комментариев
pasha19021995 написал в 01:10
yuriq написал в 18:19
warlikechildhq написал в 02:21
Infe[R]nos5529 написал в 17:25
Связь с админом
 |
 |
 |
Новое на сайте
-
- Популярные файлы
-
- Самые популярные темы
| Главная » Файлы » Раздел Ucoz » Другое |
Красное сердечко для сайта uCoz
Красное сердечко для сайта uCoz, сделанное через css.
Установка:
В css устанавливаем код:
А html код устанавливаем там где хотим видеть сердечко:
А это сердечко с ссылкой:
[ Гостям запрещено скачивать файлы, зарегистрируйся или войди с профиля! ]
[ Скриншот ] [ Гости не могут жаловаться на материалы! ]
Метки:
Напоминаем, что Администрация проекта не несет какую-либо ответственности за публикуемые пользователями материалы.. Все действия с файлом Вы совершаете на свой страх и риск.
Установка:
В css устанавливаем код:
Код
#heart {
position: relative;
width: 100px;
height: 90px;
}
#heart:before,
#heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: red;
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;
}
position: relative;
width: 100px;
height: 90px;
}
#heart:before,
#heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: red;
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;
}
А html код устанавливаем там где хотим видеть сердечко:
Код
<a title="Сердечко" alt="Сердечко"><div id="heart"></div></a>
А это сердечко с ссылкой:
Код
<a title="Сердечко" alt="Сердечко" href="/"><div id="heart"></div></a>
Советую посмотреть эти файлы!
| Всего комментариев: 0 | |
