CreatorInfo.net Голосов: 0 Адрес блога: http://creatorinfo.net Добавлен: 2014-07-17 19:50:19

Необычная FAQ страница с помощью CSS3

2014-07-13 22:24:14 (читать в оригинале)

Страница FAQ она же «Вопрос-Ответ» используется на многих сайтах и сервисах. Это ещё одно решение оформление данной страницы при помощи CSS3. Демо: Клик HTML разметка: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <section class="faq-section"> <input type="checkbox" id="q3"/> <label for="q3">Вопрос номер 1?</label> <p>Cras […]

---

Анимированные Кнопки «Bubble» при помощи CSS3

2014-07-11 22:58:21 (читать в оригинале)

Анимированные Кнопки «Bubble» при помощи CSS3 отлично смотрятся, построены без единого изображения и JavaScript. Подойдут для любого сайта. Скачать Архив! Демо: Клик HTML разметка: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <a href="#" class="button big blue">Big Button</a> <a href="#" class="button big green">Big Button</a> <a […]

---

Исключить последнию запись (пост) с главной странице WP

2014-07-11 21:27:21 (читать в оригинале)

Последняя опубликованная запись (пост) на сайте WordPress не будет показываться на главной странице сайта. Перейдя в категорию (рубрику) отображение записей (постов) будет выводиться по прежнему. Просто ставим код в файл шаблона functions.php в цикл: (незабываем делать резервную копию перед работой) 1 2 3 4 5 6 add_action('pre_get_posts', 'wpsites_exclude_latest_post'); function wpsites_exclude_latest_post($query) { if ($query->is_home() && $query->is_main_query()) […]

---

Необычные подсказки с помощью CSS3

2014-07-10 22:08:47 (читать в оригинале)

Подсказки имеют несколько цветов, построены на чистом CSS3, работуют со всеми современными браузерами. Выглядит очень эффектно. Демо: Клик Скачать Архив! HTML разметка: 1 2 3 4 <a class="css-tooltip-top color-blue" href="#"><span>CreatorInfo.net - Информация для разработчиков</span>Подсказка сверху</a> <a class="css-tooltip-bottom color-red" target="_blank" href=""><span>CreatorInfo.net - Информация для разработчиков</span>Подсказка снизу</a> <a class="css-tooltip-left color-green" href="" target="_blank"><span>CreatorInfo.net - Информация для разработчиков</span>Подсказка слева</a> […]

---

Простой ротатор текста с jQuery

2014-07-09 21:54:10 (читать в оригинале)

Представляю Вашему вниманию простой ротатор текста с jQuery для сайта. Прост в установке и эффектно выглядит. Демо: Клик Установка. Скачать Архив! Качаем архив, из архива файл jquery.simple-text-rotator и simpletextrotator заливаем в директорию сайта. В файл шаблона Заголовок (header.php) в head подключаем наши файлы: 1 2 <script type="text/javascript" src="jquery.simple-text-rotator.js"></script> <link rel="stylesheet" type="text/css" href="simpletextrotator.css" /> Проверяем что […]