[Blimm]

Красота! )) Вроде как захотелось попробовать так сделать, а с другой стороны.. да кому оно надо?
Ну, может когда-нибудь мне будет интересно пооформлять что-нибудь.

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

Comments

[helena-eva]

Так это можно код скопировать, а свой текст всунуть?))
Надо попробовать!))

[Blimm]

Elena-Eva, ну да. но можно покопаться и что-нибудь изменить, если немного в html соображаешь. )

[helena-eva]

Нет, не соображаю)))

[Blimm]

Elena-Eva, ну и так красиво! )))

[helena-eva]

Да, спасибо тебе))

[Blimm]

Elena-Eva, да это не мне спасибо. )) Но всё равно, пожалуйста! ))

[helena-eva]

Blimm, Я у тебя увидела))
Я вообще люблю все, что связано с оформлением))

[Blimm]

Elena-Eva, я раньше тоже любила, а сейчас как-то уже равнодушна к таким штукам. )

[helena-eva]

Blimm,Ох, ох, а что тебе интересно?
Вот ты живешь за границей, ходи фотай людей или дома, нам интересно ведь)))

[Blimm]

Elena-Eva, я в старом дневе ставила фотки, а сейчас не очень хочется.
Я последний год вообще активно очень делала и фото и видео и коллажи.. а сейчас поднадоело как-то.
Вот я делала видюшку из своих фотографий, правда фотки не обрабатывала совсем, как есть такие и ставила в ролик. Это город в котором я живу.



А вот делала ролик из обычных картинок, которые нашла в инете:



а тут все мои последние касты. Посмотри, если хочешь.
playcast.ru/?module=profile&pm_action=playcasts

[Blimm]

Вот тоже, кстати, из фоток делала, но не знаю.. у меня показывает, а для других может уже и заблокирован?

[helena-eva]

Здорово как ты научилась делать. Я бы только скорость побольше поставила, а так вообще все шикарно.
И мужички у меня показывают, не заблокированы))
Ты на все руки мастер, только грустишь последнее время из-за чего-то?(

[Blimm]

Я бы только скорость побольше поставила

больше скорость - больше картинок! )) А я их заебалась выискивать тогда, всё перерыла, а их всё мало и мало! ))))

только грустишь последнее время из-за чего-то?(

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

[helena-eva]

Я поняла, что из-за нее. Она вообще днев закрыла?
Может ей написать можно?

[Blimm]

Elena-Eva, она его удалила. Сомневаюсь, что после этого она захочет с кем-то общаться. Ладно. переживу.

[helena-eva]

Blimm, Да...а у нас сегодня тоже новость Гилтониэль созналась, что она всем дурила головы. А на самом деле она мужик Макс Гаутц и останется теперь с одним этим ником)

[Blimm]

Elena-Eva, серьёзно? Обалдеть! Никогда бы не подумала! ))))
И что? Как все новость восприняли? *Прикольно* ))))

[helena-eva]

Люди как-то сдерживаются в проявлении чувств))))))
Какие-то все воспитанные.
Он матерится как сапожник, а наши "Эль талантливая и писала и делала клипы, мы будем ее помнить" - кошмар!

[Blimm]

Elena-Eva, ))))) вот концерт! )))
Так никто не отписался? Все так и общаются? Матерится? Не могу себе представить даже!!)))))
А фотку показал свою?
А у нас всё наоборот вышло..( Когда-то все писали, что нам, якобы всё равно кто ты там. Главное, что пишешь классно, и с тобой интересно общаться и вообще ты хороший и интересный человек и бла-бла-бла в таком роде. А когда всё раскрылось, столько грязи полилось маммамия! У меня волосы на голове шевелились!
В общем.. не знаю.. ужастен не сам факт обмана, мне лично всё равно кто какую роль здесь играет - какая разница? У всех свои бзики. Но страшна реакция людей на такое.

[helena-eva]

Blimm, На анонимном квиромане ругаются, но не понимаю, почему большинство так реагируют? "А, нам все равно, будем ее фики читать?"
А мне вот не все равно!

[Blimm]

Elena-Eva, а почему не всё равно?

[helena-eva]

Blimm, Ну, я ведь в нее свои чувства вкладывала, верила, что она действительно с больными детьми работает, а получилось, что надо мной все это время смеялись??

[Blimm]

Да ну.. не понимаю почему большинство людей так реагируют. Какая разница? Человек придумал образ, писал историю его жизни. А что плохого? Книги читаем тоже ведь порой очень по-настоящему переживаем за персонажей, хотя знаем что всё выдумка.
Важно собственное отношение к любой ситуации. Зачем считать себя обманутой и обиженной? Не понимаю..
Какой самый лучший клип у Гилтониель? Дай ссылку, тоже хочу посмотреть.

[helena-eva]

Blimm, Я ведь думала, что она искренна, а она обманщица...да и вообще, ее не существует.
Она(он) днев закрыл, так что только на Ю-тубе ищи))

[Blimm]

Elena-Eva, ох.. ну ладно..
так я на ютубе и прошу. Не знаю где её там искать.

[helena-eva]

Blimm, Я не знаю, как ищут, может по имени Гилтониэль?

[Blimm]

Elena-Eva, ты её клипы смотришь? по ролику и можно выйти на неё.
Ой, ладно. Нет, так нет.

[helena-eva]

Blimm, Я смотрела в ее дневе, сейчас уже он закрыт))