|
||||||
|
CSS
шариковые направляющие и доводчик azt.ua
Привет всем интересующимся, находящимся в поиске и влюбленным в создание качественных путей по сети интернет! Знаете, я иногда слышу фразы, смысл которых заключается в том, что для продвинутого веб-мастера или крутого программиста не может быть белых пятен в изучаемых темах. Вот, допустим, понадобилась верстка css. Если вникнуть в нее и постоянно заниматься этой темой, то любая проблема разрешится без труда. С одной стороны я согласен, что решение даже самой сложной задачи придет непременно. Конечно, неизвестно, сколько это займет по времени, но придет. С другой стороны я бы не стал тратить время на поиски того, что уже найдено другими. Не раз полученные мной подсказки от друзей помогали справиться с удачным размещением фото, текста, модуля рекламы на сайте практически в несколько кликов. Так вот, html css можно назвать некогда изобретенным «колесом», применение которого возможно в самых неожиданных ракурсах. В этой категории блога вы найдете тонкости использования Cascading Style Sheets для быстрого и не только качественного и привлекательного, но и – самое главное! – желаемого оформления страниц ресурса. Я выкладываю собственные наработки, а также сделанные мне подсказки с подробным объяснением. Просмотрите различные css примеры, чтобы увидеть ответ на возникшую в процессе работы над сайтом проблему. Уверен, что совместное преодоление сладких мук веб-творчества станет движущей силой оригинального и удобного представления ресурсов на просторах интернет. Пользователю должно быть комфортно на посещаемом портале, не правда ли? Так почему бы не реализовать креативную идею, воспользовавшись обкатанным «колесом»? Предлагаю не только читать публикации, но и оставлять свои комментарии. Очень хочется почувствовать виртуальную руку сотоварища по общему делу :) Нижнее подчеркивание текста пунктиром...Доброго времени суток читатель. Если ты зашел сюда и читаешь эту статью значить тебе не подходит
Строчка
Пт, 03/11/2011 - 00:10 — X3M-Slider
ClearОчень полезное свойство при блочной верстке да и просто при использовании плавающих элементов. Например если у вас картинка которая выравнивается по левому или правому краю, почему то налазит на ниже следующие элементы. В этом случае вам нужно присвоить в стилях нижним элементам clear: both, что значит отмену обтекания. И немножко теории:
both - отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны.
Пнд, 02/01/2010 - 21:42 — X3M-Slider
Как убрать рамку на картинке и ссылке в Mozille и SafariВ Mozille и Safari при нажатии на ссылку появляется граница вокруг ссылки. Так вот это можно убрать прописав в стиль следующее:
Пнд, 02/01/2010 - 17:38 — X3M-Slider
Изменение картинки при наведении с помощью сдвига фона cssНапример у вас есть какое то меню. Пункты меню сделаны картинками. И вы хотели бы что бы при наведении на пункт меню картинка менялась, например был эффект "вдавливаемости" или светлела, не важно, что нарисуете то и будет. Создам картинку, в таком виде что бы сверху была картинка такая как она должна быть до наведения, ниже рисуем картинку после наведения. Смысл такое рисовать в том что у вас будет видна сначала неактивная зона, а потом с момощью CSS мы сделаем что бы картинка подымалась и становилась видна активная часть. В CSS пишем:
Сб, 01/30/2010 - 17:08 — X3M-Slider
CSS свойства в JavaScript (Конверсия)CSS свойства в JavaScript (Конверсия)
Ср, 01/27/2010 - 16:28 — X3M-Slider
КурсорыВы хотите что бы при наведении на ссылку, картинку или другой элемент изменялся курсор мышки, то тогда воспользуйтесь ниже приведенными кодами (стилями):
Ср, 01/20/2010 - 15:42 — X3M-Slider
Как сделать текст заглавными буквамиНапример вам нужно что бы ссылки или заголовки текста были только заглавными буквами, тоесть верхний регистр. А так же можно сделать нижний регистр или только первые буквы заглавными. А делаеться это все просто. С помощью text-transform Синтаксис: Аргументы: capitalize - Каждое слово в предложении будет начинаться с заглавного символа. Пример:
Пнд, 01/04/2010 - 13:51 — X3M-Slider
Делаем первую букву абзаца выделеннойЕсть в каскадных таблицах стилей такое замечательное свойство как :first-letter
Большая часть цмс разбивает абзацы именно через тег p В выше приведенном случае буква будет жирной и больше шрифтом чем все остальные. Если по экспериментировать можно прибить её к левому краю и сделать отступы, как обычно делают с обтекаемой картинкой. В общем должно получиться что наподобие как здесь http://knights.orgfree.com/?q=node/8
Ср, 12/09/2009 - 16:30 — X3M-Slider
CSS: max/min Height и Width в Internet ExplorerСвершилось чудо: оказывается, что max/min-height и max/min-width можно использовать в Internet Explorer! JavaScript и CSS вместе? Благодарим Мелкомягких! Почему же это так замечательно? Да потому, что в других, стандартно-компилируемых браузерах (в отличие от IE), параметры max/min-height и max/min-width выполняются стандартами CSS..
Чт, 11/19/2009 - 14:36 — X3M-Slider
CSS:hover для любого элементаЭкспериментируя с псевдо-классом :hover и анализируя его преимущества, я расстроился когда узнал о том, что Internet Explorer не поддерживает :hover естественным путем. В этом браузере данный селектор можно использовать только для элементов ссылок, то есть Существует так называемый whatever:hover - способ, который дает веб-разработчикам использовать селектор :hover в Internet Explorer. Версия 1.11.040203 (последняя на сегодняшний день) имеет несколько незначительных недостатков, но люди, которые разобрались с этим методом, не жалуются.
Чт, 11/19/2009 - 14:30 — X3M-Slider
|
|||||
Главная | Портфолио | Услуги | Контакты | Блог |