Приветствую всех, кто читает мою сегодняшнюю шпаргалку. Иногда нам так хочется выделить какой-нибудь участок текста в сообщении, чтобы особо заострить внимание читателей на том или ином моменте. Некоторые из таких вариантов мы уже рассматривали.
Например, красивое оформление текста сообщения или как красиво выделить цитату .
А как вам вот такой неоновый эффект тени текста?
И с другом и с врагом ты должен быть хорош! Кто по натуре добр, в том злобы не найдешь. Обидишь друга — наживешь врага ты, Врага обнимешь — друга обретешь.
Код его совершенно простой. Вам не составит особого труда оформить текст или часть его подобным образом. Смотрим на код.
text-shadow: 0 0 0.4em #FFD2AF, 0 0 0.4em #FFD2AF, 0 0 0.4em #FFD2AF;
Свойство text-shadow:-задаёт эффект тени для текста.
Например, красивое оформление текста сообщения или как красиво выделить цитату .
А как вам вот такой неоновый эффект тени текста?
И с другом и с врагом ты должен быть хорош! Кто по натуре добр, в том злобы не найдешь. Обидишь друга — наживешь врага ты, Врага обнимешь — друга обретешь.
Код его совершенно простой. Вам не составит особого труда оформить текст или часть его подобным образом. Смотрим на код.
text-shadow: 0 0 0.4em #FFD2AF, 0 0 0.4em #FFD2AF, 0 0 0.4em #FFD2AF;
Если мы разберём его на составляющие, то легко можно внести свои изменения.
0 0 0.4em- этот отрезок отвечает за плотность тени. Соответственно если мы буде его увеличивать , то тень будет гуще и наоборот.
#FFD2AF- это значение цветового кода.
Так что можно задавать какие угодна цветовые эффекты тени и её плотность. Единственное, что если вы поставите плотность тени меньше единицы, то результата никакого не будет.
Как это можно реализовать в самом сообщении. При написании поста в редакторе сообщения в том месте, где хотим выделить текст, перейдём из режима создать в режим HTML и просто заключим этот код в такие теги-
<span style="text-shadow: 0 0 0.4em#FFD2AF , 0 0 0.4em #FFD2AF, 0 0 0.4em #FFD2AF;">здесь пишем ваш текст</span> . Потом возвращаемся в обычный режим и сразу видим результат.
Очень красиво смотрится такой текст на фоне тёмного цвета.
Очень красиво смотрится такой текст на фоне тёмного цвета.
Если вас это заинтересовало, попробуйте поиграться с цветами. На скриншоте не так это эффектно смотрится.
Хочу отметить, что не все браузеры поддерживают подобный эффект. В Internet Explorer он отображаться не будет.
И на сегодня у меня всё. Приятно вам провести выходные.
хотите оформить подписку на новые шпаргалки
Вика это чудесно, мне очень нравится таким способом оформленный текст. Что касается браузера ИЕ, то мои блоги в нем отображаются "с ног на голову" (одним словом ужасно). Судя по отзывам в инете, не у одной меня такая проблема. По всей вероятности надо что то менять в настройках самого браузера. У тебя есть какие нибудь мысли?
ОтветитьУдалитьОльга, привет. Рада видеть тебя. Оля, а на фига, что-то менять в настройках. Мне кажется(ИМХО) сейчас многие уже с ИЕ переходят на другие. Насчёт мыслей, честно не парюсь. Есть у меня спец. по этому делу. Спрошу ка, как-нибудь. Тебе сообщу. Ладно?
ОтветитьУдалитьВика, переходить то переходят, но есть закомплексованные, которые еще пользуются этим с называния так сказать браузером. Вижу по статистике, еще и процент внушительный. На одном из читаемых мной блогов (не помню точно у кого) читала, что вроде закроют ИЕ в июле следующего года. Поинтересуйся у своего знакомого, если это правда, то скорей бы.
ОтветитьУдалитьВика,я из тех неумех,которые совершенно ничего не умеют,кроме как печатать и поэтому с удовольствием читаю Ваши шпаргалки,грея себя мыслью,что вот выберу время,сяду и все сделаю. думаю не я одна с этими мыслями просматриваю Ваши посты. А посему,огромное спасибо за доступность!!!!
ОтветитьУдалитьОля, да я тоже слышала, что закроют и что многие не хотят менять старые привычки. Это их право. сегодня же позвоню, спрошу.
ОтветитьУдалитьВероника, спасибо Вам за добрые слова. Приятно знать, что то. чем делюсь, кому-то может пригодиться. А Вы всё сразу не делайте. Потихоньку, все мы так начинали. Желаю удачи.
ОтветитьУдалитьКаждый раз, когда читаю твои шпаргалки поражаюсь, как ты во всем этом разбираешься? И хорошо, что так подробно объясняешь! )))
ОтветитьУдалитьИрина, спасибо за комментарий. Просто мне нравиться этим заниматься. Увы, только времени бы ещё побольше.
ОтветитьУдалитьВика, все хорошо! Я благодарна тебе за твою помощь и поддержку)))) Прорвемся, правда?
ОтветитьУдалитьИрина. А то.....Не впервой.
ОтветитьУдалитьСинтаксис shadow наверное самый популярный в дизайне и вообще клевый. Хоть куда его применяй, уже смотрится интереснее, чем просто заголовок или блок, меню и т.п. Жаль, что на Explorer не поддерживается.
ОтветитьУдалитьАня, привет. Мне тоже такой эффект нравится. Хочу попробовать вставить в заголовок потом. С ИЕ вообще беда. Правильно Ольга выше написала.
ОтветитьУдалитьВика, здравствуйте! Хотела написать вам в личку (если это возможно). У меня много вопросов, может поможете, а то я сама никак не соображу. Не нашла ваш адрес, напишите мне пожалуйста lusiika906@gmail.com
ОтветитьУдалитьЮля , спрашивай конечно, что не ясно. Вверху в меню есть форма связи.
ОтветитьУдалить