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; [...]
‘HTML’
Анімація онлайн
Опублікував svvas - лютого 3, 2016
Сайт http://preloaders.net/ для створення анімаційних картинок онлайн. Багато категорій, безліч варіантів налаштувань, можливість вибору формату зображення для скачування. Великий функціаонал для вебдизайнерів.
Вставити соціальні кнопки на сайт
Опублікував svvas - січня 31, 2016
В наш час соціальні мережі настільки тісно увійшли в життя сучасного суспільства, що без них більшість людей не уявляють свій відпочинок і дозвілля. Більшість сайтів також йдуть в ногу з часом і додають до свого функціоналу соціальні кнопки. Вставка таких кнопок на сайт є не складною. Є багато сервісів, які допомагають вставити соціальні кнопки багатьох популярних [...]
Опубликовано в рубрике HTML, Соціальні мережі 
Метки: facebook, Share, VK, соціальні кнопки 
Прокоментуй!Сніг на сайті на Joomla
Опублікував svvas - грудня 29, 2015
Простий в налаштуваннях модуль Skyline Snow Falling для сайту на CMS Joomla. Даний модуль дозволяє створити на сайті святковий настрій – встановити постійно падаючий сніг. В налаштуваннях можна вибрати розмір, колір і інші ефекти. Після встановлення модуля Skyline Snow Falling через менеджер розширень потріно активувати його. Крім того, потрібно задати модулю позицію і призначити для всіх сторінок. [...]
Мобільна версія сайту на Joomla
Опублікував svvas - листопада 9, 2015
1. MobileTemplate Сайт розробника: http://www.nhuang.com/joomla/joomla-mobile-template.html Розширення повністю сумісне з Joomla 2.5 / 3.x. Плагін створює оптимізовану мобільну версію Вашого сайту на Joomla, при цьому для користувачів, які переглядають сайт з настільних комп’ютерів і ноутбуків, буде відображатися раніше обраний Вами шаблон, навіть якщо він не підтримується iPad та іншими пристроями. Пакет розширення включає в себе плагін [...]
HTML кнопка перехід на нову сторінку
Опублікував svvas - жовтня 29, 2015
Вставка HTML кнопки при натисненні на яку здійснюється перехід на нову сторінку Перший спосіб: <form action=”URL сторінки” method=”get”> <input type=”submit” value=”Перейти”></form> Другий спосіб: <input type=”submit” value=”Перейти” onclick=” location.href=’ http://…../test.php’ ”>
Фотоальбом ucoz з прев’юшками розділів
Опублікував svvas - червня 30, 2015
Суть завдання полягає в тому, щоб видозмінити стандартний укозівський фотоальбом. Для прикладу, нам потрібно вивести на головну сторінку фотоальбому всі його категорії і в якості “превю” для кожної категорії встановити останню додану до неї фотографію. Це можна зробити таким чином: виводимо категорії через інформер, а фотографії довантажємо за допомогою javascript: 1. Створюємо інформер в панелі управління [...]
Сховати/показати div
Опублікував svvas - квітня 13, 2015
Сховати/показати блочний елемент 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
Опублікував svvas - травня 23, 2014
Як поліпшити позиції сайту в пошуковій видачі ? Упорядкувати контент на сайті за допомогою мікророзмітки – семантичної розмітки сторінок HTML (XHTML) , тобто додати в HTML -код сторінки спеціальні теги і атрибути , які допомагають роботам точніше розпізнавати і структурувати інформацію. Користь від застосування Користувач отримує коректну відповідь на свій запит у вигляді привабливого сниппета і [...]
Таблиця спеціальних html-символів
Опублікував svvas - квітня 6, 2014
Опис Символ Код №1 Код №2 Пробіл   Знак авторського права © © © Лапка “ " " Амперсант & & & Знак «менше» < < < Знак «більше» > > > Трикрапка … … Хрестик † † Подвійний хрестик ‡ ‡ Циркумфлекс ˆ ˆ Знак номера № № Промілле ‰ ‰ Ліва лапка [...]
