-Метки

Михаил Боярский Олег Борисов автовокзал альбус дамблдор армяне армянский язык битлз блоги бояны быстропост виктор резников волдеморт гарри поттер гольяново гп гп-фанфики дамблдор дементор джон леннон добби доктор еф доктор ефремов друг мой ванька еф ефремиада ефремов жасмин жж заур казиев звезднвые войны звездные войны икона иконы илья тюрин интернет иосиф бродский йода кикабидзе клуб коронавирус кошки куклокомиксы куклофото куклы кулофото лев дождев легилеменция литература литературное объединение лито люциус малфой магистр йода макгонагалл малыш йода мантикора медицина мимино минерва макгонагалл молитва народы олег даль ольга ларионова писатели поэзия психология розенбаум северус снейп слеш слэш снейп стихи фантастика фанфик фанфики флешмоб флоьлкоимиксвы фотокомикс фотокомиксы фэнтези хагги-вагги хогвартс-экспресс. христианство черт чубушник чужой юмор

 -Цитатник

кросспостинг в жж по rss - (0)

Кросспостинг с вашего блога в ЖЖ, Twitter, Blogger. Часть первая. Плагины wordpress для кросспостинг...

Кнопка репоста в другие сети из ЖЖ - (0)

Как на ЖЖ перепостить запись? Как упростить другим пользователям перепост моих записей? В ЖЖ е...

mp3-player for liveinternet - (0)

для себя собссно памятка. ну и еще кому пригодится: код сего: <audio controls="c...

Визбор, стихи и песни - (0)

*** А функция заката такова: Печаля нас, возвысить наши души, Спокойствия пр...

советские мемуары - (0)

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

 -Музыкальный плеер



плеер собран приложением V.exeR

 -Фотоальбом

Посмотреть все фотографии серии лужи
лужи
18:50 23.02.2008
Фотографий: 7
Посмотреть все фотографии серии DESIGN
DESIGN
02:03 23.01.2008
Фотографий: 6
Посмотреть все фотографии серии beatles
beatles
11:47 11.07.2007
Фотографий: 10

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Apraxis

 -Сообщества

Читатель сообществ (Всего в списке: 2) аспергер Чортова_Дюжина

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.11.2003
Записей:
Комментариев:
Написано: 6832


css в сообщениях для лиру и дайра

Суббота, 17 Августа 2013 г. 22:20 + в цитатник

 <div align="right"><b>15.07.2013</b> в 11:51</div>Пишет [J]Chapt[/J]:

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

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

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

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


результат:


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


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

Здесь всего 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 то параметр фона в блоке записи будет тоже фильтроваться.



</div></span><small><a href="http://diary-tips.diary.ru/p189949252.htm" target=_blank>URL записи</a></small>

Рубрики:  памятки


Процитировано 1 раз
Понравилось: 1 пользователю

Антэя   обратиться по имени Воскресенье, 18 Августа 2013 г. 00:24 (ссылка)
красота, спасибо
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку