Воскресенье, 28.04.2024, 10:17
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Почему кофемашины часто покупают в офисы
  • Можно ли починить айфон при разбитом дисплее
  • Когда могут пригодиться рации
  • Заказать отзывы на АВИТО у компании Upgrating
  • Что чаще всего рекламируют на билбордах в Санкт-Петербурге
  • Преимущества взрывозащитных тепловентиляторов
  • Интересные факты о майнинге криптовалют
  • Как производится регистрация прав интеллектуальной собственности
  • 5 типичных неисправностей ноутбуков
  • Многофакторная аутентификация как сервис
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Лайкнули наши группы в соц-ых сетях?


    Всего ответов: 209

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0


    Зарегистрировано 31219 (сегодня + 0 новых, вчера + 1 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория CSS стили для uCoz » Добавлено [27.12.2013, 18:04]

    Красивые новые блоки на css3 uCoz

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Блоки на вашем сайте. Вы думаете, как бы сделать их интересными и необычными, вообще не такими, как у всех. Что-нибудь новенькое для блоков. И сегодня оно у вас будет, если конечно, понравится и захотите забрать себе, а мне почему-то кажется, что захотите. Тогда барабанная дробь...и я представляю вам необычные, стильные и удивительные блоки для вашего сайта, написанные на CSS, на новом CSS! 

    Это стоит вашего внимания. Готовые коды можете взять как с демо странички, так и из CSS файла в прикреплённом архиве. Замечательная подборка из 16 вариантов оформления стильных блоков, порадует даже самого привередливого хозяина сайтов. Здесь вы точно найдете что-то для себя, что-то отражающее вашу индивидуальность. Ну среди 16ти вариантов-то можно найти что-то стоящее, правда? Хотя по мне, так тут все 16 стоящие. Так что те, у кого много сайтов - берите оптом, не прогадаете. Тут и градиенты, и затемнения, и легкие тени, и даже загнутые уголки страничек, будто в газете, и эффект мятой бумаги. В общем, описывать все просто не возможно - заходите и смотрите сами, выбирайте кому что по душе. А что понравилось мне - не скажу, чтобы вы не украли мою идею. И обязательно отписывайтесь в комментариях.

    Готовые коды можете взять как с демо странички, так и из CSS файла в прикреплённом архиве

    Вот пример первого блока из демо:

    HTML:

    <div class="box1">
    <h2>BOX1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    </div>


    CSS:
    .box1{
    width: 300px;
    margin: 40px;
    min-height: 200px;
    position:relative;
    display: inline-block;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius:6px 50px;
    }

    .box1:before{
    content: '';
    width: 50px;
    height: 100px;
    position:absolute;
    bottom:0; right:0;
    -webkit-box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    z-index:-1;
    -webkit-transform: translate(-35px,-40px)
    skew(0deg,30deg)
    rotate(-25deg);
    -moz-transform: translate(-35px,-40px)
    skew(0deg,32deg)
    rotate(-25deg);
    -o-transform: translate(-35px,-40px)
    skew(0deg,32deg)
    rotate(-25deg);
    }

    .box1:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(20px,25px)
    skew(20deg);
    -moz-transform: rotate(7deg)
    translate(20px,25px)
    skew(20deg);
    -o-transform: rotate(7deg)
    translate(20px,25px)
    skew(20deg);
    transform: rotate(7deg)
    translate(20px,25px)
    skew(20deg);
    }


    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Красивые новые блоки на css3 uCoz



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: CSS стили для uCoz | Добавил: scripts_for_ucoz | Теги: новые, блоки, uCoz, CSS3, красивые
    Просмотров: 8284 | Загрузок: 62 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 1
    1 Black-Yellow   (20.01.2014 10:10) [Материал]
    Обалденная вещь. И просто и со вкусом. Плюс свободное изменение размеров и цветовой гаммы. Советую тем у кого сайты с белым или серым тонами. tongue

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz