‘HTML’

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 через менеджер розширень потріно активувати його. Крім того, потрібно задати модулю позицію  і  призначити для всіх сторінок. […]

Мобільна версія сайту на Joomla

1. MobileTemplate Сайт розробника: http://www.nhuang.com/joomla/joomla-mobile-template.html Розширення повністю сумісне з Joomla 2.5 / 3.x. Плагін створює оптимізовану мобільну версію Вашого сайту на Joomla, при цьому для користувачів, які переглядають сайт з настільних комп’ютерів і ноутбуків, буде відображатися раніше обраний Вами шаблон, навіть якщо він не підтримується iPad та іншими пристроями. Пакет розширення включає в себе плагін […]

HTML кнопка перехід на нову сторінку

Вставка HTML кнопки при натисненні на яку здійснюється перехід на нову сторінку Перший спосіб: <form action=”URL сторінки” method=”get”> <input type=”submit” value=”Перейти”></form> Другий спосіб: <input type=”submit” value=”Перейти” onclick=” location.href=’ http://…../test.php’  “>

Фотоальбом 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

Як поліпшити позиції сайту в пошуковій видачі ? Упорядкувати контент на сайті за допомогою мікророзмітки – семантичної розмітки сторінок HTML (XHTML) , тобто додати в HTML -код сторінки спеціальні теги і атрибути , які допомагають роботам точніше розпізнавати і структурувати інформацію. Користь від застосування Користувач отримує коректну відповідь на свій запит у вигляді привабливого сниппета і […]

Таблиця спеціальних html-символів

Опис Символ Код №1 Код №2 Пробіл &#160; &nbsp; Знак авторського права © &#169; &copy; Лапка “ &#34; &quot; Амперсант & &#38; &amp; Знак «менше» &lt; &#60; &lt; Знак «більше» &gt; &#62; &gt; Трикрапка … &#133; Хрестик † &#134; Подвійний хрестик ‡ &#135; Циркумфлекс ˆ &#136; Знак номера № &#8470; Промілле ‰ &#137; Ліва лапка […]