Верстка

Эту статью я затеяла, во-первых, чтобы поделится своими убеждениями о том, как правильно укомлектовать хедер сайта, а во-вторых, чтобы рассказать, какие подвохи таятся в платных и клубных шаблонах joomla и wordpress на themeforest или templatemonster.

Файлы эти по содержанию одинаковые. Отличие их в том, что bootstrap.min.css - минимизированый файл, где убрали все лишие знаки, в том числе пробелы, для использования в крупных промышленных проектах, чтобы повысить скорость. Поэтому нормальному человеку в bootstrap.min.css лучше не заглядывать, он там все равно ничего не увидит) А если вы хотите подсмотреть какие-то фишки бутстрап и использовать их в своем проекте, можете эти фишки посмотреть в обычном, неминимизированном css

Сайты с эффектом параллакс остаются в тренде. Поэтому небольшой урок по построению сайта с параллакс-скроллингом на главной будет актуален. Собственно, это шаблон модной главной страницы, который можно скачать и адаптировать под свои цели. Здесь вы найдете все стандартные красивости главной страницы: эмоциональное широкоэкранное фото, крупные иконки достоинств (которые тоже держатся в моде уже не первый год), милые аватары в стиле флэт.

Вообще-то я хотела выделить контактные формы в отдельный пункт меню, но потом пошла по пути уменьшения количества сущностей. Приятно начинать раздел с хорошей новости: Tutorialzine порадовал нас коллекцией бесплатных форм на Bootstrap. Они в глубоко бутстраповском стиле, адаптивны, и вы можете использовать их как хотите! В архиве ничего кроме html и css. Скрипт там только для отображения самого демо.

ДЕМО на tutorialzine  |   СКАЧАТЬ

 

Для некоторых проектов критически важным фактором является местоположение сервера, на котором физически лежит сайт. Как определить местоположение сервера? Это можно сделать при помощи сервиса http://pr-cy.ru/

Вбиваем адрес сайта, ждем, пока закончится анализ - и вуаля! Наряду со всякой интересной информацией, в разделе "Серверная информация" - графа "Местоположение сервера".

Появилась у меня задача сделать на сайте блок с собственной полосой прокрутки. Я по наивности думала, что здесь нужен javascript и долго парилась с плагином tiny scrollbar, очень милым и красивым, но почему-то допускающим только очень небольшую высоту блока (до 300 пикселей). Как только высота прибавлялась, полоса прокрутки исчезала. 

И вот позор мне! Оказывается, для того, чтобы решить эту задачу просто, достаточно знать css. Делаем div, ставим ему размеры и свойство overflow:auto! И все. Вот откуда я это вычитала. И не то чтобы я ничего не знала об overflow - но про прокрутку как-то забыла.

В Joomla есть замечательная встроенная возможность вывести что угодно во всплывающем окне (лайтбоксе) - форму, картинку, текст. Там уже заложено модальное поведение, надо только его включить.

Простая такая задача, очень актуальная в условиях адаптивной верстки. Как выровнять список по центру, так чтобы при сужении окна браузера он никуда не съезжал?

А вот так:

В начале верстки надо создать пустую страницу или blank HTML5 page Это начало всех начал.

Вот она:

  1. <!doctype html>
  2. <title>A blank HTML5 page</title>
  3. <meta charset="utf-8" />
  4. </head>
  5. </body>
  6. </html>

Небольшая заметочка для себя: чтобы узнать версию php на хостинге, нужно создать файл php с таким содержанием:

<? echo phpinfo(); ?>

загрузить в корень сайта и запустить.

Ну, а в панели управления joomla эту версию можем увидеть в Информации о системе)))

© 2024 URSA-WEB / Веб-студия БОЛЬШАЯ МЕДВЕДИЦА