Читаем категорию «Верстка»
Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:
- Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
- Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
- W3C-метод – используем
и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
- sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
- Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.
Для любознательных: есть еще один способ, практически полный аналог куфона — typefaces.js, но сегодня мы будем говорить не о нем.
Читать полностью »
Сам я не рекомендую использовать нестандартные шрифты на сайтах, но иногда приходится. Для подключения их к сайту использовать можно следующий css-код:
1 2 3 4 5 6 7 8
| @font-face {
font-family: "myfont";
src: url('../fonts/font.eot');
src: url('../fonts/font.otf') format('opentype'), url('../fonts/font') format('svg'), url('../fonts/font.ttf') format('truetype');
}
p {
font-family: myfont;
} |
Вот примерчик горизонтальной линии. Пишу больше для себя, чтобы было откуда брать готовый код для своих проектов.
Итак: толщина 1 пиксель без рамки (это именно то, что используется наиболее часто)
1 2 3 4
| color:#000;
background-color:#000;
height: 1px;
border-width:0px; |
Данная заметка скорее для меня самого. Но может кому также понадобится.
Вот список шрифтов, которые рекомендуется использовать для сайтов:
1. Arial
Читать полностью »
Итак, классическая для последнего времени проблема: необходимо прицепить блок футера вниз страницы таким образом, чтобы при количестве контента меньше высоты экрана он был внизу, а при увеличении контента скатывался под него.
Читать полностью »
Теги записи:
CSS,
footer,
html,
IE,
meta,
php,
бот,
закон,
интернет,
контент,
низ страницы,
ремонт,
сеть,
скачать,
файл,
футер,
экран
Сегодня предлагаю вам простой метод, позволяющий убрать ненужный правый скроллбар в текстовых полях формы. Не думаю, что нужно объяснять для чего это делается. Всё и так предельно ясно.
Итак, имеется следующая стандартная конструкция:
Читать полностью »
В своем очередном проекте по созданию сайта столкнулся с интересной задачей: необходимо маркер списка задать рисунком. Оказывается, есть такая фича, как list-style-image, которая именно это и делает.
list-style-image работает корректно во всех браузерах и на ура проходит валидацию. А валидация в деле создания сайтов – вещь далеко не последняя.
Читать полностью »
Часто при создании сайтов сталкиваюсь с ситуацией, когда в имени класса присутствуют пробелы, например:
Как же добраться к этому классу из CSS? Чаще всего нет возможности влезть в CMS, чтобы изменить эти поля, да и многие функции могут перестать работать. Что же делать с подобной организацией CSS-классов?
Читать полностью »
Задача в принципе стоит простая: есть три колонки. Первая привязана к левому краю и имеет фиксированную ширину, вторая привязана к правому краю и имеет фиксированную ширину, третья располагается между первыми двумя и занимает всё оставшееся место. Согласитесь, создание сайтов с такой структурой довольно часто встречается. Я сам написал сайт недорого по такой структурке.
Читать полностью »
Когда уже отомрет этот монстр? Так надоело рисовать отдельные ксски для этого несчастного.
Статистика браузеров, вещь объективная, поэтому приведу таблицу данных (liveinternet.ru):
Читать полностью »