20:18 

Текст с тенью

Практической пользы в этом особой нет :D Исключительно для красоты, поздравить кого или привлечь внимание френдленты к посту.

Для того, чтобы сделать текст с тенью, используем следующий код:



Ваш текст

Цифры text-shadow означают сдвиг по горизонтали, вертикали и степень размытия. Положительные значения сдвигают вправо и вниз, отрицательные - влево и вверх.

Ваш текст

Ваш текст

Ваш текст

Обозначения цветов быстро можно посмотреть здесь или с помощью Яндекса.

Ахтунг! Используйте HTML-редактор, при просмотре в визуальном редакторе пропадает цвет тени, тень становится того же цвета, что и текст.

@темы: Теги оформления записи

Комментарии
2010-03-30 в 20:54 

Alice Whitemoon
Cancerogenesis
Души романтиков
а можно ли при этом ещё и font size задать? если да, то как? *^_^*

2010-03-30 в 21:02 

Alice Whitemoon, конечно, вставляете просто в код font-size: Хpх; (нужную величину).
Ваш текст

<font style="font-size: 16pх;color: #3300CC; text-shadow: 2px 2px -2px #00FF66">Ваш текст</font>

2010-03-30 в 21:02 

спасибо! очень пригодится.

2010-03-30 в 21:02 

молодой динамично развивающийся
font - зло, юзаем span ^_^

Alice Whitemoon читаем описание безграничных возможностей CSS. Например, font-size.

2010-03-30 в 21:04 

Чудеснов , угу, можно и span)) А почему font зло? :-D

2010-03-30 в 21:11 

молодой динамично развивающийся
Души романтиков потому что исключен из стандарта.

2010-03-30 в 21:18 

Alice Whitemoon
Cancerogenesis
сяб^^ тока тень пропадает(

Ваш текст

2010-03-31 в 00:09 

primetwins
на последней дозе воздуха и сна
какое милое баловство! спасибо))

2010-03-31 в 12:42 

Чудеснов, спасибо, поправила.

Alice Whitemoon, да вот же ваша тень, видна :)

2010-04-01 в 08:20 

По-моему, все эти спаны и стайлы работают только на платных аккаунтах (у них CSS включен). У Вас платный аккаунт - вот оно и работает. А у кого бесплатный, те обходятся простыми разрешенными методами...

2010-04-01 в 09:54 

молодой динамично развивающийся
a-s-k-a вы не разбираетесь в вопросе, вы неправы. У вас просто браузер эти эффекты не поддерживает.

2010-04-01 в 15:32 

Чудеснов Firefox предпоследней модели.
Я могу не разбираться в дайри, в CSS я более-менее разбираюсь. Помнится, тут что-то работало, что-то нет. Раза три пыталась применить какие-то простейшие текстовые эффекты в ответе в чужом дневнике - не работало. А какие-то другие применяла в собственном дневнике - нормально отобразилось. Я не помню уже, что это было, но что-то совсем простое типа цвета шрифта.
Буду рада, если я не права. Но браузер, конечно, не причем.
проверим еще раз... style="font-size: 20px; color: red"
upd сработало. ну, хорошо... но что-то точно не работало. Или это дайри взглюкнул тогда?

2010-04-01 в 16:23 

Что тогда отключено для бесплатных аккаунтов из CSS? Или инлайн можно все, что угодно?

2010-04-01 в 16:39 

Вспомнила. Я хотела сделать рамочку вокруг цитируемого текста и фон другого цвета. Но оно ни таблицу не вставило, ни div.

2010-04-01 в 17:30 

молодой динамично развивающийся
инлайн - можно почти все. нельзя font-size, line-height,height и прочее в em,%,pt и так далее, только в px; туда же larger/smaller
нельзя position, z-index и еще что-то
а так - что не запрещено, то разрешено.

насчет поддержки браузером - developer.mozilla.org/En/CSS/text-shadow#Browse...

2010-04-01 в 17:31 

молодой динамично развивающийся
text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px,
rgba(255,255,255,0.1) 1px 0, rgba(255,255,255,0.1) 0 1px,
rgba(0,0,0,0.1) -1px -1px, rgba(255,255,255,0.1) 1px 1px;
color: gold;
background: gold;

2010-04-01 в 18:40 

Чудеснов Спасибо за справку!

2010-04-01 в 22:23 

timik
пригодится!
в цытатнег

2010-04-22 в 17:10 

я что-то путаю, или это работает только в css3-совместимых браузерах?

2010-04-22 в 17:46 

путаешь. работает на всех браузерах и даже на бесплатных аккаунтах. см мой днев х)

2010-04-22 в 17:52 

psih0.log ещё существует такая штука как IE6, IE7 и IE8. В них не работает. В Iceweasel - не работает. Firefox до 3.5 - не работает.
и при чем тут аккаунты?

2010-04-22 в 17:56 

про аккаунты вроде тоже спрашивали...
если не секрет.. зачем юзать древние версии? о.о

2010-04-22 в 18:04 

psih0.log IE8 древний? Iceweasel древний? Opera 10.1 древняя? Дело в том, что css3 ещё не доделан и поддержка его в браузерах эксперементальна. Я не ругаюсь итд. Я просто выражаю своё мнение (с которым меня можно послать подальше и я не обижусь, ибо я его не навязываю), что было бы правильнее указать, что работает не во всех браузерах. Увы, процент пользователей IE всё ещё слишком высок чтобы сбрасывать его со счетов. (интересно, кстати, сафари его держит?)
Собственно на этом предлагаю дискуссию закончить (да, предложение послать меня если что-то не так в силе), чтобы не флудить попусту, а то я увлекающийся :gigi:

2010-04-22 в 18:17 

не посылать тебя покамест не будем =)
я просто с оперы только сижу, ну бывает с лисы но редко.. раз в 3 месяца (если допустим флеш орет чё не запустится не на лисе ))) и всё. спасибо за ликбез =D

2010-05-17 в 04:24 

бета версия: скачать
(мб кому надо)

2010-05-17 в 04:26 

ээээ админы.. за это же не банят? :)

2011-01-31 в 00:52 

АгатаКристи [DELETED user]
СПАСИБО!!!

2011-04-06 в 22:35 

rembra
Ваааааааау!

2011-04-06 в 22:36 

rembra
Ваш текст

2013-07-23 в 13:47 

kasatick
Today I didn't even have to use my A.K. I gotta say it was a good day (с)
Ребзя, спасибо :heart:

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная