ПЧ 247

понедельник, 30 июня 2014

18:52

Normandir

Brian-butterfly, приветствую)

15.07.2013 в 17:51

Пишет Chapt:

Индивидуальное оформление записи через теги + css

Большинство людей оформляя запись не подозревают, что с ней можно сделать. Обычно они вставляют картинку или картинки, делают разноцветный текст и разный его размер, в общем всё, что можно кнопочками в визуальном редакторе.
НО! Те кто хотя бы немного знаком с Html-тегами и правилами CSS могут делать изумительные вещи с постами и комментариями! Вот так! При этом подключать платный сервис CSS не надо!!!!
Скромным примером использования связки тегов и css является этот пост.

Преимуществом индивидуального оформления записи является то, что при просмотре в избранном человек будет видеть запись так, как оформили её вы, а не так, как у него дизайн настроен. Соответственно именно ваша запись будет всегда заметна, но злоупотреблять этим не стоит

ЧИТАЕМ КАК ЭТО СДЕЛАТЬ

В коде выглядит всё так:

<div style="z-indеx: 1000; background-image: repeating-linear-gradient(45deg,rgba(255,0,255,0.2),rgba(255,125,255,0.1) 200px, rgba(255,0,255,0.2) 400px); text-shadow: 2px 2px 2px #000000; color: #FFF; border-radius: 20px; padding: 10px; box-shadow: 10px 10px 10px rgba(0,0,0,0.25); border: solid 1px rgba(255,0,255,0.2)"><div style="z-indеx: 1000; background: rgba(0,0,0,0.5); text-shadow: 2px 2px 2px #000000; color: #FFF; border-radius: 10px; padding: 10px; box-shadow: 5px 5px 5px rgba(125,125,125,0.5); border: solid 1px rgba(0,155,155,0.2)"> 
текст записи или комментария
</div></div>

результат:

текст записи или комментария

Как это работает:

Здесь всего 2 одинаковых html-тега <div> с прописанными параметрами стиля выглядит в теге это так: <div style=" тут через точку с запятой пишутся параметры стиля "> . В зависимости от того, какие параметры стиля будут указаны и будет зависеть оформление.

2 тега <div> нужны вот для чего: первый создаёт фон, в данном случае "гламурный" розовый, а второй более тёмный, ровный фон, чтобы было удобно читать текст. Я использовал в параметрах стиля не сплошную заливку а градиент:
background-image: repeating-linear-gradient(45deg,rgba(255,0,255,0.2),rgba(255,125,255,0.1) 200px, rgba(255,0,255,0.2) 400px);
Это само по себе сложное свойство с кучей параметров, можно настраивать очень сложные градиенты, углубляться в градиент не буду, если нужно будет можно сделать по этому отдельное разъяснение. Те же, кому нужно могут найти в интернете все хитрости этого дела. Цвет указывается тут в rgb+a (прозрачность) соответственно цвет может варьироваться от 0,0,0,0 (чёрный прозрачный) до 255,255,255,1 белый не прозрачный.

Далее текст имеет тень:
text-shadow: 2px 2px 2px #000000; Тоже останавливаться на этом не буду, кому нужно в интернете можно найти.

Цвет текста белый:
color: #FFF;

Закруглённые края:
border-radius: 20px;

Внутренний отступ:padding: 10px;

В принципе эти параметры можно взять из любого манула по CSS, в том числе и том, который есть здесь в справке на Diary.

Очень разочаровало, что нельзя поставить изображения в качестве фона записи или отдельных её элементов, т.к. при сохранении все url фильтруются. Интересно, если подключить платный сервис CSS то параметр фона в блоке записи будет тоже фильтроваться.

URL записи

@темы: стащено в коллекцию, ПЧелки

URL

Поделиться

external directive received - emergency shutdown checkin... Проснуться невольником в пять утра. Бредить до восьми. ... Сейчас на моей улице стали просыпаться вчерашние выпускни...

О блин, в воскресенье сходил на кокакольный чемпионат по ... Я хочу жить... ради нее, чтобы видеть каждый день ее лицо... Все ближе час Х. Нервы, нервы....

Комментарии

12.02.2024 в 13:33

Гость

Здравствуйте, привет, форумчане форума!

Хотел бы поделиться с вами своим значимым опытом поиска отличного автосервиса в Оренбурге. После длительного выбора, я наконец нашел то место, которым действительно остался доволен — AutoLife.

Что мне особенно понравилось в AutoLife 56, так это профессиональный подход каждого специалиста этого сервиса. Мастера не только с учетом всех требований решили проблему с моим автомобилем, но и предоставили ценные советы по его дальнейшему обслуживанию.

Мне кажется важным поделиться этой информацией с вами, так как знаю, насколько непросто порой найти действительно надежный сервис. Если вы ищете рекомендованный автосервис в Оренбурге, рекомендую обратить внимание на AutoLife, расположенный по адресу: г. Оренбург, ул. Берёзка, 20, корп. 2. Они работают с 10:00 до 20:00 без выходных, и более подробную информацию вы можете найти на их сайте: https://autolife56.ru/.

Надеюсь, мой опыт окажется значимым для кого-то из вас. Буду рад почитать ваши отзывы, если решите воспользоваться услугами AutoLife 56.

Ремонт трансмиссии в Оренбурге
Ссылочный материал
Узнайте больше о сервисе AutoLife56: наши сильные стороны в обслуживании автомобилях в Оренбурге Использование лучшего автосервиса в Оренбурге завершился успехом: AutoLife56 Использование проверенного автосервиса в Оренбурге завершился успехом: сервис AutoLife56 Вашему вниманию предлагаем идеальный автосервис в Оренбурге - сервис AutoLife56 Вашему вниманию предлагаем надёжный автосервис в Оренбурге - АвтоЛайф 12_a7f3

URL

19.02.2024 в 18:00

Гость