«БОЛЬШАЯ МЕДВЕДИЦА»

Искренний дневник веб-дизайнера

Верстка

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

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

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

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

 

Появилась у меня задача сделать на сайте блок с собственной полосой прокрутки. Я по наивности думала, что здесь нужен 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 эту версию можем увидеть в Информации о системе)))

Постигла меня такая беда: в браузере неожиданно посреди страниц стали появляться всплывающие окна на самых добропорядочных сайтах, и еще самопроизвольно стали открываться страницы неприятного содержимого. Что это?

Я делала двухколоночный шаблон сайта. Не в первый раз и, думаю, не в последний)

Устроен мой сайт так: слева контент (новости, затем публикации, если на главной, или просто статья), справа колонка с несколькими блоками. Например, на главной это были: блок ВАЖНО, блоки ФОТО и ВИДЕО, затем архив статей в виде календарика, затем ПРАВОСЛАВНЫЙ КАЛЕНДАРЬ. Почему я это так подробно рассказываю? Потому что иначе не объяснишь, в чем проблема.

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