‘CSS’

5 колонок Bootstrap

5 колонок bootstrap HTML <div class=”col-sm-12″> <div class=”row”> <div class=”col-sm-7 five-three”> <div class=”row”> <div class=”col-sm-4″> Column 1 </div> <div class=”col-sm-4″> Column 2 </div> <div class=”col-sm-4″> Column 3 </div> </div> </div> <div class=”col-sm-5 five-two”> <div class=”row”> <div class=”col-sm-6″> Col 4 </div> <div class=”col-sm-6″> Col 5 </div> </div> </div> </div> </div> CSS div.col-sm-7.five-three { width: 60% !important; […]

Анімація онлайн

Сайт http://preloaders.net/ для створення анімаційних картинок онлайн. Багато категорій, безліч  варіантів  налаштувань, можливість вибору формату зображення для скачування. Великий функціаонал для вебдизайнерів.    

Сніг на сайті на Joomla

Простий в налаштуваннях модуль Skyline Snow Falling для сайту на CMS Joomla. Даний модуль дозволяє створити на сайті святковий настрій – встановити постійно падаючий сніг. В налаштуваннях можна вибрати розмір,  колір і інші ефекти. Після встановлення модуля Skyline Snow Falling через менеджер розширень потріно активувати його. Крім того, потрібно задати модулю позицію  і  призначити для всіх сторінок. […]

Фотоальбом ucoz з прев’юшками розділів

Суть завдання полягає в тому, щоб видозмінити стандартний укозівський фотоальбом. Для прикладу, нам потрібно  вивести на головну сторінку фотоальбому всі його категорії і в якості “превю” для кожної категорії встановити останню додану до неї фотографію. Це можна зробити таким чином: виводимо  категорії через інформер, а фотографії довантажємо  за допомогою javascript: 1. Створюємо інформер в панелі управління […]

Сховати/показати div

Сховати/показати блочний елемент div можна з допомогою css (display: none) і трохи javascript showhide(‘k’) Код: <!DOCTYPE html> <html> <head> <title></title> <style type=”text/css”> div.hiddenn { display: none; } </style> <script type=”text/javascript”> function showhide(x) { var o=document.getElementById(x) o.style.display=(o.style.display==”block”)? ‘none’: ‘block’ } </script></head> <body> <h3 onclick=”showhide(‘k’)”>Сховати/показати</h3> <div class=”hiddenn” id=”k”> Текст блочного елемента </div> </body> </html>

Градієнт html/css

Для автоматичного  створення градієнта на CSS останным часом з’явилося ряд сервісів. Але найпопопулярнішими і найбільш функціональнішими є, на мою думку,  лише два. Перший сервіс Ultimate CSS Gradient Generator має досить значний функціонал.  В даному сервісі  подібно фотошопу використовується  більше двох кольорів.  Після вибору налаштувань, сервіс генерує вам готовий css код. Одним з головних мінусів цього […]

Встановлення Joomla на Denver

Детальна інструкція по встановленні CMS Joomla на локальний сервер Денвер.   Відео: http://verdictor.com

Безкоштовні базові міні-курси по HTML, CSS.

Безкоштовні базові міні-курси по HTML, CSS, Доменах і  хостингу – це 87 уроків по сайтобудуванню. Початківцям вистачить на пару тижнів точно. А далі самі вирішуйте, робити сайти самим або використовувати готові CMS. Ці міні-курси просто введуть вас в курс справи. Посилання на торрент -файли  цих курсів:  http://rutracker.org/forum/viewtopic.php?t=3939139

Водяний знак на фото html/css

Суть завдання полягає в тому, щоб встановити водяний знак на фото засобами html/css. Наприклад напис “Продано” на картинці певного товару. Для цього достатньо вставити в один елемент <div> два зображення: – зображення фону –  foto.jpg: – і зображення водяного знаку в форматі .png  – watermark.png: І  отримаємо такий результат:   html код:<div  style=”position:relative”><img  src=”foto.jpg” width=”218″ height=”117″><img src=”watermark.png” […]