Записи с меткой «верстка»

Округление углов и отброс тени в браузере Internet Explorer

Привет всем! Наверное, многие уже догадались, что сегодня речь пойдет о таких свойствах CSS3, как border-radius и box-shadow, которые помогают округлять углы блоков и создавать тень от них соответственно.

Нормальные и современные браузеры понимают эти свойства без особого труда и в их описании нет проблем. Хотя не понимаю, почему Firefox, Google Chrome и Safari до сих пор не понимают стандартного свойства border-radius, а понимают только это свойство с приставкой -moz- и -webkit- соответственно. Хорошо, что в новых версиях этих браузеров этот изъян убран.

Но самые интересные проблемы начинаются с Internet Explorer. Честно говоря, не знаю как IE 9 к CSS3 относится, но до этой версии IE вообще не понимает его и просто игнорирует. Я думал, что такое поведение не излечимо, но в поисках "счастья" наткнулся на несколько решений данных проблем.

Прочитать запись до конца »

Выделение внешних ссылок с помощью php-функции

Все мы уже знаем, что выделение ссылок - достаточно удобная и важная вещь. Я считаю, что выделение внешних ссылок отдельно от внутренних тоже достойно внимания.

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

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

Прочитать запись до конца »

Кнопки «Ответить» и «Цитировать» в комментариях без плагинов

Как вы, наверное, могли заметить, у меня в комментариях появились кнопки "Ответить" и "Цитировать". Теперь вы можете легко и быстро ответить на любой комментарий, а также процитировать слова с любого написанного комментария. Надеюсь, вы будете пользоваться ими. А пока я расскажу как установить на своём блоге такие же кнопки без использования плагинов.

Конечно, есть такой плагин, как jQuery Reply to Comment, с помощью которого можно реализовать кнопки "Ответить" и "Цитировать" в комментариях WordPress, но вы же знаете, что не люблю я плагины. Но тем, кто не хочет возиться с кодом или просто плохо разбирается во всем этом, советую поставить плагин. Он достаточно лёгок, добавляет две небольшие java-функции в код и имеет настройки в админ-панели.

Описанный в данном посту способ не использует библиотеку jQuery. Плюс к этому, подойдет не только для WordPress, но и для любого другого движка, даже для самописного. В общем, поехали. ;)

Прочитать запись до конца »

Организуем блок подписки на блоге

Здравствуйте, мои дорогие читатели. Очень рад что вас с каждым днем становится больше! Значит я не зря пишу. :) Сегодня я решил рассказать о такой штуке как блок подписки, размещаемый на блоге. За последние несколько дней пара человек обратились ко мне с этим вопросом, и поэтому, чтобы уже каждому обратившемуся не писать код блока, я объясню в данном посте как их сделать и организовать.

Обычно размещают блок подписки в двух местах - в сайдбаре и после поста. Создание в обоих местах такого блока аналогичны, поэтому о первом я подробно расскажу, а второй уже по аналогии более кратко.

Прочитать запись до конца »

Выделение внешних ссылок посредством CSS3

Приветствую всех читателей - как тех, кто меня давно читает, так и тех, кто впервые посетил мой блог. Последним же предлагаю подписаться на RSS-ленту моего блога и следовать за мной в Twitter.

Сегодня я решил разобраться в новых возможностях, которые нам принёс выпуск третьей версии стилей CSS, и применить их к оформлению сайтов. Так вот, новые селекторы CSS3 представили возможность выделять внешние ссылки через CSS. Но, к сожалению, работает такое выделение только в браузерах, поддерживающих возможности CSS3, к которым не относится IE (по крайней мере, в восьмой версии не работает проделанное).

Прочитать запись до конца »