Хак оформления фото
- Новость
- Похожие новости
Admin в 17час. 05мин. пишет:

Клевое оформление фото для вашего сайта.
В html код добавить:
В файл стилей добавить:

Клевое оформление фото для вашего сайта.
В html код добавить:
<ul class="box"><li><img src="image.jpg" /></li></ul>
В файл стилей добавить:
ul.box {
position: relative;
z-index: 1;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; }
ul.box li {
position: relative;
float: left;
width: 160px; /* ширина рамки при размере картинки 150 */
height: 160px; /* высота рамки при размере картинки 150*/
padding: 2px;
border: 1px solid #efefef;
margin: 0 10px 10px 0;
background:#fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
ul.box li:before,
ul.box li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 300px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg); }
ul.box li:after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); }
position: relative;
z-index: 1;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; }
ul.box li {
position: relative;
float: left;
width: 160px; /* ширина рамки при размере картинки 150 */
height: 160px; /* высота рамки при размере картинки 150*/
padding: 2px;
border: 1px solid #efefef;
margin: 0 10px 10px 0;
background:#fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
ul.box li:before,
ul.box li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 300px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg); }
ul.box li:after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); }
Новый вид topnews

Новый вид вывода популярных новостей с небольшим пред просмотром для Dle.
Хак виджет социальных закладок

Отличный хак социальных закладок, который подходит да же под HTML страницу!
Поисковая форма для сайта с использованием CSS3
Поисковая форма является одним из часто используемых элементов веб интерфейса. Ее реализация на сайте является простым способом повысить привлекательность веб сайта в глазах пользователя. В данном уроке мы создадим стильную форму поиска с использованием особенностей CSS3.
CSS » jQuery » Урок jQuery 4 - Автопрокрутка страницы

Приветствую всех постоянных читателей и гостей на сайте "Всё для вебмастеров и создания сайта". В этой небольшой и достаточно простой статье, я
расскажу вам о создании плавной автоматической прокрутки вверх (полезно для длинных сайтов), реализованной с помощью CSS и jQuery.
Кстати, работу именно этого плагина можно наблюдать на страницах нашего сайта.
Просмотров: 383Дата: 24.05.12
- Комментарии
- Вконтакте
Навигация
Популярное
- Игровой шаблон для Ucoz
- Vii Engine CMS (3.0 версия)
- Видео уроки создание сайтов с платным доступом А.Куртее ...
- Рейтинг на Dle как на кино поиске
- Торрент трекер XBTIT R547
- Кино шаблон Kino2d 9.6 Dle
- Кино шаблон Probest-film на Dle 9.6
- Рейтинг в десять звезд на Dle 9.7
- Шаблон Kinobox на Dle 9.7
- News Green для DLE 9.7