Показать содержимое по тегу: css
Opencart: Мобильная версия, правка шаблона «по умолчанию»
При всех ворчаниях, которые у меня происходят при работе с новыми CMS, кое, что меня всё же привлекло в Opencart, а именно то, что шаблоны (по умолчанию) уже настроены под мобильную версию (по крайней мере, версия Opencart 2.3 точно) сайта. Таким образом, небольшие правки цветовой гаммы и, по крайней мере, вопросом дизайна (а в особенности вёрстки) можно не задаваться.
Уникальный шрифт для сайта
Сколько себя помню, сайты делал (в т.ч. работал с сайтами) всегда со стандартными шрифтами (Arial, Times New Roman, Tahoma, sans-serif, Verdana, Tahoma, Helvetica и т.д.), которые есть практически на каждом мультимедийном устройстве не говоря уже о компьютерной технике, но что делать, если была поставлена задача сделать на сайте нестандартный шрифт?
Селекторы CSS
Работая над очередной безумной идеей, столкнулся с вопросом, что нужно было написать стили для элемента с атрибутом name. Поскольку class имел «общий» характер, а id был задействован в javascript’e и дабы исключить фактор «ой, а я и забыл, что ты у меня ещё и к css имеешь отдельную привязку» решил стиль писать по атрибуту name.
Кратко об SVG
SVG (Scalable Vector Graphic) – масштабируемая векторная графика. Я не стал создавать отдельную рубрику для SVG, хотя скорей всего нужно было, но у меня просто не будет времени настолько углублённо изучить эту систему. Поэтому все свои опыты в этом направлении я буду писать именно в xhtml потому что файлы SVG описываются по всем правилам XML и имеют разрешения *.svg и *.svgz.
CSS Height: 100% – не работает
Работая над очередным сайтом, столкнулся с проблемой вёрстки. Причём, как мне казалось «идеальное решение» вёрстки на деле оказалось пылью в глаза. На самом деле, всё в действительности должно было работать так, как задумал. Но на деле работало только в браузере Chrome, остальные (речь идёт не только про Internet Explorer, разработчики которого похоже разрабатывают браузер для жителей параллельного пространства) не желали воспринимать настройки из файла css.
CSS, центрирование текста в контейнере div
Те, кто занимаются вёрсткой сайтов, наверняка сталкивались с такой проблемой, как «центрирование текста в блоке div». Я, как человек, немного промышляющий в этой области, тоже столкнулся с этой проблемой. К слову сказать, обычно я эту проблему решал через html-код (align=”center” в нужном мне месте и всё становилось на свои места), но в этот раз так сделать не получилось.
Вертикальное всплывающее меню
Первая версия моего сайта про строение компьютера являлась своего рода тренировочной площадкой. И главное новшество, которое я хотел опробовать – это всплывающее меню, написанное на простом html-языке с использованием таблиц стилей CSS. Новая версия сайта унаследовала вертикальное всплывающее меню. О всплывающем меню и поговорим ниже.
Стиль отображения текста в HTML
Работая с блогами и их владельцами, часто обращаю внимание на то, что они не всегда спешат следить за грамотностью, оно и понятно, им ведь не платят за их «работу» миллионы, так чего они будут делать всё правильно и красиво, да? Но в то же время нередко и сам не заморачивался такими стилистическими особенностями, как высота строки и или отступ в начале абзаца, который по умолчанию почему-то отсутствует. Изначально программисты не задумывались о красоте и потому с приходом стилистики все, конечно же, изменилось, но все эти изменения нужно указывать самому, а не ждать, что оно будет всё сделано сразу.
Коды кнопок для социальных сетей
Социальные сети – сервисы интернета, где пользователи обмениваются интересной информацией из того же интернета на своих страничках. Кроме того, социальные сети – отличный способ поделиться ссылкой на интересующий ресурс (для владельцев своих собственных сайтов такой способ хорош для привлечения посетителей). Но такие переходы не катировались среди поисковых машин. до недавнего времени. Не так давно, алгоритмы поиковых машин крупных гигантов Google и Yandex пересмотрели свои приоритеты и сделали выбор в пользу социальных сетей. точней количества перехода из соц. сетей на сайты.
Интеграция CSS в xHTML-документ
CSS (Cascading Style Sheets — каскадные таблицы стилей) – способ видоизменения частей документов, созданных при помощи языка разметки.
CSS может быть внедрена непосредственно в документ. Это делается с помощью открывающего тега <style> с параметром type=text/css. После чего указываются компоненты документа, к которым будут применены стили. Функции к параметрам начинаются с фигурной скобки { и заканчиваются обратной фигурной скобкой }. Между функцией и её значением ставится двоеточие : . Функция закрывается точкой с запятой ; после описания её значения. Затем устанавливается закрывающий тег </style>, после которого идёт уже редактирование документа.