Додому Блог Сторінка 12

Створення кнопок за допомогою CSS, HTML без javascript

Якась фобія у наших користувачів щодо використання javascript, досить часто зустрічаю в коментарях питання про те, що при відключених скриптах в браузерах, що то перестає працювати. Люди часом не спромагаються навіть вникнути у процес створення того або іншого рішення.Ну, а раз є потреба і невгамовне бажання не використовувати javascript в роботі, на прикладі створення кнопок покажу, як можна створити і додати динамічність вашим кнопок за допомогою чистого CSS, без будь то або застосування javascript.Цей метод використовує стандартні теги HTML, CSS-стилі для графічних налаштувань і без JavaScript.Для всього фону самої кнопки, ми будемо використовувати один невеликий файл зображення.

Підказка до ссылке з фоном з допомогою CSS

При створенні сайту часто виникає необхідність в тому, щоб відобразити підказки до посилань при наведенні на них. Це не примха творців, це часом необхідність, покликана поліпшити огляд сторінок і полегшити користувачам пошук потрібної інформації на сайті.Уявляю вашій увазі відмінне рішення по створенню підказки до посилань з допомогою таблиць каскадних стилів CSS і невеликого Javascript: Дивитися ДемоКрок 1.Насамперед розглянемо, з чого складається сама підказка, точніше сказати код її виконання. Що б ця функція заробила вам необхідно вставити в сторінку перед закриваючим тегом пару рядків такого змісту: <script type=text/javascript src=BubbleTooltips.js>

Ефект зменшення фото з jQuery

Сьогодні я покажу вам, як створити простий ефект зміни зображення за допомогою jQuery. Ідея полягає в тому, що зображення, які спочатку показані в збільшеному форматі при наведенні на нього курсору приймають реальний розмір і форму. Цей ефект може бути застосований до фотографії або будь-якого іншого зображення,а також при використанні веб-сайт галерей.

Вертикальне меню навігації з підменю CSS

У недавньому минулому я детально розписував спосіб і техніку створення «Вертикального меню для сайту». Ми розглянули рішення виконання простої навігації, побудованої повністю на використання CSS і невеликого файлу зображення.

Веб-генератори анімованого GIF

З мого боку було б злочином обійти стороною різні сервіси онлайн, які помітно полегшують життя користувачам інтернету.Багато хто і не підозрюють про те, що на просторах глобальної мережі розкидано безліч всіляких онлайн-генераторів,в тому числі і генератори анімованого GIF.

5 CSS стилів для блоку з фоном

Сьогодні хочу розповісти і показати на декількох прикладах, як можна оформити блоки, з будь-якою інформацією на сторінках Ваших сайтів. Давайте розглянемо пять найпростіших методів стилізації блоків.

Bamboo Елегантна тема для блогів WordPress

Продовжуємо знайомитися з останніми новинками найбільшого розповсюджувача тим оформлення WordPress Themeforest. Сьогодні хочу представити вам, чудову тему преміум-класу для персональних блогів, які працюють на движку WordPress. Bamboo — Проста, з легким нальотом мінімалізму, елегантна тема, відмінно підійде для оформлення динамічно розвивається особистого блогу.

Ефект Високого друку з CSS для тексту

Через невгамовного цікавості до роботи з CSS і зростаючої популярності стандартів CSS3, просто не можу пройти повз одного чудового способу оформлення тексту без використання зображень і javascript, так званого ефекту «Високого друку».

Знайомимося — Dr.Web Бастіон Pro

Не хочу і не буду починати одвічний спір, який антивірусний програмний продукт краще, просто вся ця метушня і розбризкування слин вже неабияк набридла. Для банального ознайомлення і щоб ввести в курс справи не досвідченого користувача, сьогодні обєктом нашої уваги я вибрав — бандл Dr.Web Бастіон Pro для Windows.

Gridstone — Елегантна тема для блогів WordPress

Gridstone, це елегантна тема оформлення блогів WordPress, акцентують увагу користувачів, передусім на змісті. Дуже світлий, легкий для сприйняття, дизайн, вивірене розташування всіх елементів користувальницького інтерфейсу, типографіка, що розташовує до приємного читання потоку статей.

5 Варіантів одного меню акордеон

Одного разу я виклав розгорнуту урок зі створення компактного меню в стилі акордеон, спадне по кліку, з вбудованим лічильником підпунктів. Меню вийшло досить симпатичним і функціональним. Зовнішній вид сформований виключно на CSS3, градієнтна заливка, зовнішня тінь блоку і т.

Меню «акордеон» на основі jQuery, CSS

Всім знову привіт. Давно не звертався до розробки меню для веб-сайтів, а технології не стоять на місці, та й наш допитливий розум не дає спокою. У коментарях до запису про спосіб створення Меню «Акордеон» без javascript і зображень мене запитували, як зробити таке меню з відкриттям посилань при наведенні, а при натисканні на пункт меню.

Чудові приклади слайдерів зображень і вмісту в веб-дизайні

Важко уявити, що зовсім нещодавно організація слайд-шоу зображень та інтерактивних вистав змісту веб-сайтів, бала дуже складним завданням для розробників веб-проектів. Сьогодні все змінилося, вже мало кого здивуєш наявністю слайдера на сайті або блозі, практично у всі шаблони і теми, спочатку упаковані і вбудовані різні ротатори контенту і зображень.

Magazine — Багатоцільова адаптивна тема WordPress

Magazine це якісна, багатоцільова, адаптивна тема оформлення WordPress. Шаблон має широкий діапазон налаштувань, для виведення різного змісту на сторінках сайтів або блогів. Повідомлення можуть бути згруповані за категоріями, або за типами записів.

Навколишній світ

Час спорту

Космос