Вед-дев, Сео, Манимейкинг

HTML + CSS

09/26/2013 - 13:44

    *:focus {
        outline: none;
    }
Всего просмотров: 1,927
09/26/2013 - 13:44

Правило @font-face позволяет загрузить и использовать нестандартный шрифт на вашем сайте.

Пример:

Всего просмотров: 1,407
09/26/2013 - 13:44

.button::-moz-focus-inner {
  border: 0;
}
Всего просмотров: 1,157
09/26/2013 - 13:44

Убираем отступы в display: inline. Иногда необходимо использовать display: inline заместо float: left или float: right, но при использовании display: inline между элементами остаются небольшие пробелы, убираются они при помощи простого трюка:

Всего просмотров: 1,728
09/26/2013 - 13:44

Всего просмотров: 1,198
09/26/2013 - 13:44

Иногда возникает необходимость в использовании абослютно разных изображениях для ссылок, например в обычном состоянии необходимо отображать image.png, а при hover image-hover.png, т.е. мы можем просто сделать:

Всего просмотров: 2,951
09/26/2013 - 13:44

textarea {
  resize: none;
}
Всего просмотров: 1,343
09/26/2013 - 13:44

Как отцентрировать <li> элементы горизонтально по центру? Есть несколько способов, например:

Способ №1

Всего просмотров: 1,306
09/26/2013 - 13:44

Если у вас возникла необходимость в оформлении заголовков сделать что-то подобное при помощи css:
-------- Заголовок h2 -------
то данный способ без извращений не получится!

Всего просмотров: 1,214
09/26/2013 - 13:44

Условные комментарии используются для написания специальных инструкций которые будут работать только в Internet Explorer не ниже 5-ой версии.
Условный комментарий выглядит следующим образом:

<!­­--[if IE]> Специальные инструкции для IE здесь. <![endif]-->

Всего просмотров: 1,042
09/26/2013 - 13:44

@media all and (-webkit-min-device-pixel-ratio:0) {
  #your-selector {
      height: 100px;
  }
}

Код работает для Chrome и Safari.

Всего просмотров: 1,403
09/26/2013 - 13:44

Насколько вы знаете в IE7 прокрутка background image в input работает некорректно. Когда вы пытаетесь написать слишком длинный текст, то background image начинает "уезжать" влево. Есть очень много решений этой проблемы, но единственное, которое мне помогло - вот это:

HTML:

Всего просмотров: 2,575
09/26/2013 - 13:44

World Wide Web Consortium (W3C) дала нам возможность делать закругленные углы у блоков без помощи изображений, правда работает на данный момент только в 2х браузерах - Firefox 3.5+ и Safari 3.0. В общем, меньше базару, больше делов :)

Вот пример:

Всего просмотров: 1,843
09/26/2013 - 13:44

Наверное, вы уже слышали про технику CSS Sliding Doors, в общем, коротко про нее - это использование 1 или 2х изображений для меню, т.е. на одном изображений мы помещаем 2 состояния, при ховере и в нормальном. Ниже будет описан способ применения в теме друпала.
наше меню в page.tpl.php:

Всего просмотров: 1,676

Страницы

Подписка на HTML + CSS

Разделы

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 7 месяцев 3 недели назад
    Спасибо. С Новым Годом! 
  • Den 8 месяцев 2 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 8 месяцев 2 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 9 месяцев 2 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 9 месяцев 2 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 9 месяцев 3 недели назад
    захожу на mysql через ssh по команде  
  • admin 9 месяцев 3 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 9 месяцев 3 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 10 месяцев 6 дней назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 11 месяцев 2 недели назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!