Ознакомьтесь с нашей политикой обработки персональных данных
11:51 

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

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

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



@темы: CSS, Записи, Оформление дневника, Теги оформления записи

Комментарии
2013-07-15 в 12:02 

=Linna=
In my life, I decide — who I am, how I live, who I love
кстати, в моем избранном эта запись отображается с моими настройками и ничуть не выделяется среди остальных.

2013-07-15 в 12:02 

маленькаяпринцесса
Очень разочаровало, что нельзя поставить изображения в качестве фона записи или отдельных её элементов,
простите, но я думаю что мелкого белого шрифта с тенью на темно-сером фоне вполне хватит для осознания ПЧами какой оригинал у них в ленте сидит )

2013-07-15 в 12:02 

лисо-Жаба
...omnia fert aetas...
интересно, но жуть О_О без глаз осталась. Глазавыкалупывалка.
спасибо за подсказки)

2013-07-15 в 12:05 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Очень разочаровало, что нельзя поставить изображения в качестве фона записи или отдельных её элементов, т.к. при сохранении все url фильтруются.
Очень даже можно. Изображения должны быть в БИ, вот и весь секрет.
в моем избранном эта запись отображается с моими настройками и ничуть не выделяется среди остальных.
У вас, наверное, включена опция "всегда читать в своих настройках" (или как-то так, я не пользовался, так что точного названия не знаю).

По сабжу - спасибо за код градиента, надо бы поковырять на досуге)

2013-07-15 в 12:19 

Hellestern
В Темном лесу Люциасу была страшно и с Лордом и без Лорда — с Лордом его пугал Лорд, без Лорда его пугали деревья.
Очень разочаровало, что нельзя поставить изображения в качестве фона записи или отдельных её элементов да что вы говорите. закачайте нужное изображение к себе в БИ, и будет вам щастье.

за остальные идеи - спасибо. будем посмотреть.

2013-07-15 в 12:41 

смольник
yes, bitches, I am
Очень разочаровало, что нельзя поставить изображения в качестве фона записи или отдельных её элементов
diary-support.diary.ru/p187156491.htm?from=0#63...

2013-07-15 в 13:08 

Как я рад, что в моей ленте мало кто знает как делать такие вот записи.

2013-07-15 в 13:12 

la petite hirondelle
Abyssus abyssum vocat.
*услышал про БИ, запищал от счастья и убежал делать рамку для записей*

2013-07-15 в 13:22 

darrus
Чудище хоботистое не видели?
А что нужно вписать, чтобы текст был определённой ширины, вне зависимости от размеров окна?

2013-07-15 в 13:26 

Lomendeon
Unfulfilled?! | Believe in a Smiling God | Knight of Dreams
Забавно, у меня в избранном совсем другой цвет всей записи - тёмно-фиолетовый...
Интересная тема, надо будет попробовать как-нибудь)

2013-07-15 в 13:32 

la petite hirondelle
Abyssus abyssum vocat.
darrus, это:

Или это:

2013-07-15 в 13:41 

Chapt
Качество нашей жизни определяет качество наших поступков


darrus, чтобы текст был по всей ширине и строго определённой ширины вам нужно в style указать параметр width:XXpx; где вместо XX нужная вам ширина в пикселях, так же можно указывать % от ширины.
<div align="justify" style="width:300px;"></div>


Lomendeon, это потому что я выбрал полупрозрачные цвета. Соответственно на светлом фоне розовый будет нежно-розовым, на тёмном фоне ближе к фиолетовому, в зависимости от цвета под ним. Это для того, чтобы оформление гармоничнее вписывалось в тот дизайн, куда вписывается.


2013-07-15 в 13:44 

la petite hirondelle
Abyssus abyssum vocat.
Chapt, товарищ Луи де Пон дю Лак, извините за нескромный вопрос, а css-оформление постов и комментариев - это у вас такая фишка? Вы вот везде-везде так пишите?..)

2013-07-15 в 13:46 

Chapt
Качество нашей жизни определяет качество наших поступков
БИ выход лишь временный т.к. "не резиновая(" Если пилить по три поста в день с картинками из неё, то она очень быстро кончается.

2013-07-15 в 13:49 

la petite hirondelle
Abyssus abyssum vocat.
БИ выход лишь временный т.к. "не резиновая("
Однако, с ее помощью можно склепать почти полноценный css-дизайн на бесплатном дневнике, оформляя только посты, а для менюшки пользуясь стандартными настройками.

2013-07-15 в 13:49 

darrus
Чудище хоботистое не видели?
Спасибо, получилось!

2013-07-15 в 13:51 

a-s-k-a
Большинство людей оформляя запись не подозревают, что с ней можно сделать.
Автор советов, вероятно, и не подозревает, насколько разные есть у людей браузеры, в которых то одно, то другое из ваших изысков не работает. Не говоря уже о разнообразии мониторов, в которых, к примеру, черное по серому или другому темному может не читаться. Так что толковые дизайнеры обычно не выпендриваются, а делают как можно проще. Чтобы оформление не стало помехой содержанию. ;)

2013-07-15 в 14:22 

Chapt
Качество нашей жизни определяет качество наших поступков
Зато глаза красивые, нет, только там, где мне не нравится дизайн :)
в этом сообществе например шрифт 12й и правильно подметили люди, что это "вырви глаз" получается.

a-s-k-a, по вопросу совместимости - если кто-то не обновляет вовремя свой браузер - это их проблемы. А на вкус и цвет под все мониторы и чтобы всем нравилось и никому глаз не кололо это надо себя в такие рамки загнать, в которых вообще не развернуться.

2013-07-15 в 14:59 

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

2013-07-15 в 16:18 

Chapt,
a-s-k-a, по вопросу совместимости - если кто-то не обновляет вовремя свой браузер - это их проблемы. А на вкус и цвет под все мониторы и чтобы всем нравилось и никому глаз не кололо это надо себя в такие рамки загнать, в которых вообще не развернуться.

Будучи CSSником никак не могу пройти мимо. Первое требование CSS вёрстки - кроссбраузерность. И даже под ие6 всё ещё иногда требуют делать. Я уже не говорю про мобильные версии, которые вообще другие (а с мобилок на дайрях дохренища народу сидит). Так что про "их проблемы" - это вы перегнули. Плюс, даааалеко не у всех хорошее зрение, что делает невозможным для них читать тот ужас, который вы клепаете. Весь прикол ленты избранного в том, чтобы видеть посты избранных в том виде, в котором удобно читающему, вы же навязываете своё оформление. Это как минимум некрасиво.

2013-07-15 в 17:23 

irvitzer
Creativity! To victory! Toy Soldiers Unite!
...Ну а для тех, кто не хочет видеть выкрутасы, подобные тому, что натворил топикстартер, в своей ленте избранного, на этой странице настроек есть пункт «Игнорировать оформление текста при просмотре избранного», который сбрасывает содержимое атрибутов style и настройки тега FONT во френдленте.

Впрочем, в преддверии грядущей Фандомной Битвы хочу предупредить: если в вышеуказанном пункте настройки у вас будет стоять «да», вам потребуется открывать по отдельности практически каждую запись с оформлением командных визиток и выкладок чтобы увидеть, что хочет вам показать команда — или читать эти записи не из френдленты, а со страницы основного сообщества ФБ.

2013-07-15 в 18:14 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Chapt, а разве градиент и круглые уголки достаточно без префиксов писать? Мне кажется, в каких-то браузерах не видно будет. Я со всеми префиксами делаю)

А зачем вам z-index? Разве он необходим в коде?

2013-07-20 в 13:06 

Ezhikov
Dif bltz ytljcnfnjxyj ,tpevyf? xnj,s ,snm bcnbyjq
Ужас ужас ужас.
А анимация работает?
А на кой черт z-index?

2013-07-20 в 13:13 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ezhikov, вы б аккуратнее кодили, а то ваш ужас-ужас-ужас почему-то заполз на мой пост, никарашо так.
Чтобы этот коммент был не так пуст

2013-07-20 в 14:54 

Тайя, которая душит романтиков,
подозреваю, он туда заполз нарочно, чтобы показать, зачем нужен z-index :)

2013-07-20 в 15:28 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
ninelya, да ну?

2013-07-22 в 07:35 

Ezhikov
Dif bltz ytljcnfnjxyj ,tpevyf? xnj,s ,snm bcnbyjq
Тайя, которая душит романтиков, ну, как бы, так и должно быть, если весь пост "повернуть" на 30 градусов :)

2013-07-22 в 08:18 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ezhikov, так отступами надо пользоваться.

2013-07-22 в 10:11 

Ezhikov
Dif bltz ytljcnfnjxyj ,tpevyf? xnj,s ,snm bcnbyjq
Тайя, которая душит романтиков, скорее, не надо пользоваться тем, что портит вид. Или делает текст нечитаемым.
пример: prntscr.com/1gtf7l
Мне видится только расплывчатая хрень. Была бы у тени прозрачность хотя бы .5 - было бы куда лучше.
Отсутпы же понятие спорное. Зачем делать ОГРОМНЫЙ комментарий? Скроллить побольше да подальше? А если с телефона? А если я поддавшись на ненужный здесь z-index еще и position: fixed припаяю?

ЗЫ: position:fixed автоматом переправляется на positionS: fixed

вы б аккуратнее кодили, а то ваш ужас-ужас-ужас почему-то заполз на мой пост
а ваш заполз на мой, так что квиты )) prntscr.com/1gtffa

2013-07-22 в 10:15 

Ezhikov
Dif bltz ytljcnfnjxyj ,tpevyf? xnj,s ,snm bcnbyjq
ЗЫ: position:fixed автоматом переправляется на positionS: fixed

И еще, z-index: превращается в z-indеx. Разницы нет? А она есть. ))

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

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

главная