ЛиРу - дизайн дневника (часть 2-ая)

ЛиРу - дизайн дневника (часть 2-ая)

Итак, переходим ко второй части настроек дизайна Вашего дневника. ( первая часть настроек ТуТ , третья часть настроек ТуТ )

Напомню,- как попасть на страницу настроек:
[446x36]

Далее пункт "настройки дизайна":

[326x73]

Цвет фона и цвет текста мы разобрали в первой части. Идем далее:

"Цвет элементов навигации" - жмем на стрелочку и выбираем нужный цвет:


[241x153]

Читать дальше> > >

ЛиРу - настройки дизайна дневника (часть 1-ая)

ЛиРу - настройки дизайна дневника

Довольно большая и сложная тема, возможно придется разбить на два поста:-) (Вторая часть уже готова :-))

Начнем. Как всегда,- идем в настройки:
[448x34]

Далее в "настройки дизайна":

[330x76]

Теперь по порядку:

Цвет фона:

Фон страницы:

[304x170]

Дальше > > >

Все настройки ЛиРу в картинках
 

[255x60]

Входит как отдельный раздел в [показать]

Часть 1. Общие настройки
Часть 2. Личные данные
Часть 3. Подписки на обновления
Часть 4. Почтовые уведомления
Часть 5. Основные настройки
Часть 6. Настройки профиля
Часть 7. Меняем mail, пароль или ник
Часть 8. Список друзей
Часть 9. Группы друзей
Часть 10. Настройки дизайна. LI 5.09.15

• Глава 1. Цвет фона
• Глава 2. Картинка фона
• Глава 3. Цвет текста и рамок
• Глава 4. Параметры шрифтов
• Глава 5. Управление схемами оформления
Часть 11.
Часть 12.
Часть 13.
Часть 14.

В настройках дневника, в разделе "Рубрики дневника", при создании или редактировании рубрики появилась новая "галочка" - считать эту рубрику серией сообщений.

[642x173]

Если выберите да, то получите вот такой результат:

• внизу всех сообщений этой рубрики появится "оглавление", которое показывает заголовки всех сообщений этой рубрики, с возможностью перейти к любому из них
• при просмотре такой рубрики также вверху страницы будет доступно оглавление, а сообщения будут отсортированы не как всегда, по убыванию даты, а по возрастанию, то есть в хронологическом порядке
• такие же оглавления появятся в почтовых рассылках и RSS дневников, а также в клиентах и при цитировании сообщения оглавление также станет непосредственной частью цитаты

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

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

PS К слову, из этого направления "Структурирование сообщений" осталась только часть, касаемая интеграции с сервисом Evernote. Сегодня немножко займусь профилем, в блоке сообщений появятся превью фотографий, когда сообщение целиком фотографическое, а также можно будет вытащить наверх блок цитат, а не сообщений (как оказалось, существуют целиком цитатные дневники, где сотни цитат,а своих сообщений автор вообще не пишет). 

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

Серия сообщений "Структурирование сообщений":
Часть 1 - Дневник LiveInternet - как способ хранения и структурирования информации
Часть 2 - Долгожданное: Раскладываем записи по датам при редактировании
Часть 3 - А теперь возможны и двухуровневые рубрики дневника
Часть 4 - Закончили работы над двухуровневыми рубриками дневника
Часть 5 - Делите большой рассказ на несколько маленьких? Для Вас новая функция - серии сообщений

В настройках дневника, в разделе "Рубрики дневника", при создании или редактировании рубрики появилась новая "галочка" - считать эту рубрику серией сообщений.

[642x173]

Если выберите да, то получите вот такой результат:

• внизу всех сообщений этой рубрики появится "оглавление", которое показывает заголовки всех сообщений этой рубрики, с возможностью перейти к любому из них
• при просмотре такой рубрики также вверху страницы будет доступно оглавление, а сообщения будут отсортированы не как всегда, по убыванию даты, а по возрастанию, то есть в хронологическом порядке
• такие же оглавления появятся в почтовых рассылках и RSS дневников, а также в клиентах и при цитировании сообщения оглавление также станет непосредственной частью цитаты

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

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

PS К слову, из этого направления "Структурирование сообщений" осталась только часть, касаемая интеграции с сервисом Evernote. Сегодня немножко займусь профилем, в блоке сообщений появятся превью фотографий, когда сообщение целиком фотографическое, а также можно будет вытащить наверх блок цитат, а не сообщений (как оказалось, существуют целиком цитатные дневники, где сотни цитат,а своих сообщений автор вообще не пишет). 

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

Серия сообщений "Структурирование сообщений":
Часть 1 - Дневник LiveInternet - как способ хранения и структурирования информации
Часть 2 - Долгожданное: Раскладываем записи по датам при редактировании
Часть 3 - А теперь возможны и двухуровневые рубрики дневника
Часть 4 - Закончили работы над двухуровневыми рубриками дневника
Часть 5 - Делите большой рассказ на несколько маленьких? Для Вас новая функция - серии сообщений

Рамочка 67 "Краски убегающего лета"
 

[240x]

-----ВАШ ТЕКСТ-----
 

Ramki_ot_Li-Web

Код для Li.ru
<center><div style="width: 700px;background-repeat: no-repeat;height: 800px;background-image:url('http://img-fotki.yandex.ru/get/5308/80997620.c/0_5b86d_8ea9dc91_orig');padding-left: 40px;padding-top: 100px;paddimg-right: 340px;text-align: left;font-family: georgia;font-size: 16px;color: #2e3018"><br /> <img data-cke-saved-src="http://vsyaanimaciya.ru/_ph/66/2/382711739.gif" src="http://vsyaanimaciya.ru/_ph/66/2/382711739.gif" width="240" /><br /><div style="width: 320px;height: 600px;margin-top: 0px;margin-left: 14px;overflow: auto"><br /> -----ВАШ ТЕКСТ-----<br /> <br /></div></div><a data-cke-saved-href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" target="_blank"><font face="monotype corsiva" size="2">Ramki_ot_Li-Web</font></a></center>

Рамочка 65 "В мире музыки"
 

[598x]

[400x]

---ВАШ ТЕКСТ---

[200x]
 

Ramki_ot_LI-Web

Код для LI.ru
<center><div style="width:678px;border: 2px outset #666600;background-color: #999966;padding:28px;;background-image:url('http://images-photo.ru/_ph/18/2/365580990.gif')"><div style="border: 2px ridge #666600;background-color: #663333;padding:5px;;background-image:url('http://images-photo.ru/_ph/18/2/771757115.gif')"><div style="border: 2px ridge #CC9966;background-color: #CC9966;padding:7px;;background-image:url('http://lenagold.ru/fon/tkan/koga/koga16.jpg')"><div style="border: 1px solid #666600;background-color: #996666;padding:1px;"><div style="border: 1px solid #333300;background-color: #CC9966;padding:12px;;background-image:url('http://lenagold.ru/fon/tkan/koga/koga06.jpg')"><div style="border: 2px ridge #666633;background-color: #a48a71;padding:2px;;background-image:url('http://images-photo.ru/_ph/18/2/771757115.gif')"><img data-cke-saved-src="http://i.pixs.ru/storage/6/6/3/610Radygaj_9790056_2574663.jpg" src="http://i.pixs.ru/storage/6/6/3/610Radygaj_9790056_2574663.jpg" width="598" /></div><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fpostovoj.ru%2Fplayer.swf%3Ffile%3D-----%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90+%D0%9D%D0%90+%D0%92%D0%90%D0%A8+%D0%9C%D0%95%D0%94%D0%98%D0%90-%D0%A4%D0%90%D0%99%D0%9B+%D0%92+%D0%A4%D0%9E%D0%A0%D0%9C%D0%90%D0%A2%D0%95+MP3-----%26amp%3Bwidth%3D400%26amp%3Bheight%3D20%26amp%3Bbackcolor%3DD2B48C%26amp%3Bfrontcolor%3D332222%26amp%3Blink%3D%2F%2Fwww.aliveinternet.ru%2F&flash_width=400&flash_height=20&style=" width=400 height=20 style="width:400;height:20; border:0px outset;" scrolling="no" frameborder="0"></iframe><br /><br /><center><div style="width: 598px;border: 1px solid #666600;background-color: #996666;padding:1px;"><div style="border: 1px solid #333300;padding:12px;background-color: #a48e71"><br /> <img data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/1//62/69/62069863_18.gif" src="http://img1.liveinternet.ru/images/attach/c/1//62/69/62069863_18.gif" width="400" /><font face="georgia" size="4" color="#332222"><br /><br /> ---ВАШ ТЕКСТ---<br /> <br /><img data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/1//62/69/62069790_07.gif" src="http://img1.liveinternet.ru/images/attach/c/1//62/69/62069790_07.gif" width="200" /><br /></font><br /></div></div><marquee scrollamount="1" width="30"><a data-cke-saved-href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/"

Рамочка 39
 

Код для Li.ru
<center><div style="width:710px;border: 3px dotted #333366;background-color: #999999;padding:0px;"><div style="border: 4px double #333366;background-color: #999999;padding:2px;"><div style="border: 4px double #333366;background-color: #666666;padding:2px;"><div style="height: 400px;border: 4px double #333366;background-color: #999999;padding:20px;;background-image:url('http://img-fotki.yandex.ru/get/4403/mydraco2010.3/0_46765_a6d59bdd_XL')"><br /><br /><div style="width: 640px;height: 349px;border: 0px solid #CCCCCC;padding:0px;;background-image:url('http://img-fotki.yandex.ru/get/5803/mydraco2010.3/0_46766_1d7a7c43_XL');background-repeat: no-repeat"><br /> <center><br /><br /><br /><marquee scrollamount="1" direction="up" height="180"><center><font face="georgia" size="4" color="#ffffff"><br /> ---ВАШ ТЕКСТ---<br /> </font></center></marquee></center></div><br /><center><marquee scrollamount="1" width="30"><a data-cke-saved-href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" target="_blank" style="text-decoration: none;"><font face="Monotype Corsiva" size="2"><font color="#c0c0c0">Ramki_ot_LI-Web</font></font></a></marquee></center></div></div></div></div></center><br />

Рамочка 24 "Ах, Лето!"
 

[460x]

---ВАШ ТЕКСТ---


[134x]
 

Ramki_ot_LI-Web

<center><br /><div style="width:668px;border: 3px dotted #999966;background-color: #ffffff;padding:10px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/675/69675504_fon_darkgreen_square.jpg')"><div style="border: 4px ridge #CCCC33;background-color: #FFFFFF;padding:2px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/341/69341856_2.gif')"><div style="border: 2px solid #CCCCCC;background-color: #FFFFFF;padding:18px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/675/69675526_fon_goldgreen_01.jpg')"><div style="border: 2px solid #999900;background-color: #FFFFFF;padding:3px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/342/69342327_6.gif')"><div style="border: 2px dashed #CCCC33;background-color: #666633;padding:2px;"><div style="border: 2px dashed #666633;background-color: #333300;padding:3px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/342/69342327_6.gif')"><div style="border: 11px double #666633;background-color: #333300;padding:3px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/342/69342327_6.gif')"><div style="border: 3px ridge #666633;background-color: #FFFFFF;padding:24px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/675/69675504_fon_darkgreen_square.jpg')"><div style="border: 8px double #666633;background-color: #333300;padding:10px;"><img data-cke-saved-src="http://tanya7979.ucoz.ru/_ph/2/2/656445499.jpg" src="http://tanya7979.ucoz.ru/_ph/2/2/656445499.jpg" width="460" /></div><br /><div style="border: 8px double #666633;background-color: #333300;padding:10px;"><center><br /><font face="georgia" size="4" color="#CCCC99"><i><br /> ---ВАШ ТЕКСТ---<br /> </i></font><br /><br /><img data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/0//44/978/44978966_poesiabullet1.gif"

Рамочка 21
 

[485x]

---ВАШ ТЕКСТ---
 

Ramki_ot_LI-Web

<center><br /><center><br /><div style="width:640px;border: 3px groove #CCCC99;background-color: #999966;padding:1px;"><div style="border: 2px dashed #999966;background-color: #FFFFFF;padding:10px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/352/69352631_fon_pink73.jpg')"><div style="border: 2px dotted #FFCCFF;background-color: #FFCCCC;padding:1px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/352/69352600_fon_greybrown270.jpg')"><div style="border: 2px double #CCCC99;background-color: #FFFFFF;padding:4px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/352/69352600_fon_greybrown270.jpg')"><div style="border: 5px double #999966;background-color: #FFFFFF;padding:4px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/352/69352631_fon_pink73.jpg')"><div style="border: 2px solid #CCCCCC;background-color: #FFFFFF;padding:28px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/352/69352600_fon_greybrown270.jpg')"><div style="border: 2px dashed #999966;background-color: #996699;padding:1px;"><div style="border: 4px dotted #CCCC99;background-color: #996699;padding:0px;"><div style="border: 2px dotted #996699;background-color: #FFFFFF;padding:3px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/352/69352631_fon_pink73.jpg')"><div style="border: 2px dashed #CCCC99;background-color: #CCCC99;padding:0px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/352/69352600_fon_greybrown270.jpg')"><center><img data-cke-saved-src="http://img0.liveinternet.ru/images/attach/c/2//69/352/69352728_girl_vesna.jpg" src="http://img0.liveinternet.ru/images/attach/c/2//69/352/69352728_girl_vesna.jpg" width="485" /></center></div></div></div></div><br /> <div style="border: 1px dashed

Рамочка 19: Радужная
 

[500x]

КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ,
ГДЕ СИДИТ ФАЗАН

Ramki_ot_LI-Web

<center><div style="width:660px;border: 3px dotted #FFFF00;background-color: #CC0000;padding:3px;"><div style="border: 2px dashed #FFFF99;background-color: #FF9966;padding:1px;"><div style="border: 3px dotted #FFCC66;background-color: #FF9966;padding:3px;"><div style="border: 2px dashed #FF9966;background-color: #FFFF99;padding:2px;"><div style="border: 2px dashed #FFFF66;background-color: #339900;padding:3px;"> <div style="border: 2px dotted #99CCFF;background-color: #663366;padding:2px;"><div style="border: 1px dashed #000066;background-color: #0066CC;padding:4px;"><div style="border: 5px dotted #3399FF;background-color: #6600CC;padding:0px;"><div style="border: 3px dotted #CCCCCC;background-color: #6600FF;padding:2px;;"><div style="border: 1px double #663399;background-color: #c0c0fe;padding:28px;background-image:url('http://i031.radikal.ru/0901/41/a0cfd66bccd1.gif')"><br /> <img data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/2//69/351/69351082_ptizy.gif" src="http://img1.liveinternet.ru/images/attach/c/2//69/351/69351082_ptizy.gif" width="500" /><br /> <div style="width: 84%;border: 1px dashed #FFFF66;background-color: #339966;padding:2px;"><div style="border: 2px dotted #99CCFF;background-color: #663366;padding:2px;"><div style="border: 1px dashed #000066;background-color: #e1dae5;padding:4px;"><center><font color="#660099"><i><b><br /><br /> КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ,<br /> ГДЕ СИДИТ ФАЗАН<br /> <br /></b></i></font></center><br /></div></div></div><center><a data-cke-saved-href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" target="_blank" style="text-decoration: none;"><marquee scrollamount="1" width="50"><font face="Monotype Corsiva" size="2"><font color="#c0c0c0"><i>Ramki_ot_LI-Web</i></font></font></marquee></center></div></div></div></div></div></div></div></div></div></div></center>

Рамочка 1 "Новогодняя"
 

[376x]

ВАШ ТЕКСТ

 

Ramki_ot_LI-Web

<center><br /><div style="width:665px;border: 2px outset #336699;background-color: #999999;padding:5px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//68/875/68875877_novgod216.jpg')"><div style="border: 2px dotted #3300CC;background-color: #999999;padding:2px;"><div style="border: 2px solid #CCCCCC;background-color: #FFFFFF;padding:28px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//68/875/68875862_novgod204.jpg')"><div style="border: 2px groove #CCCCCC;background-color: #336699;padding:4px;"><div style="border: 2px dashed #3366FF;background-color: #FFFFFF;padding:3px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//68/875/68875837_hvoja73.gif')"><div style="border: 2px solid #CCCCCC;background-color: #FFFFFF;padding:60px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//68/875/68875877_novgod216.jpg')"><div style="border: 2px ridge #9999FF;background-color: #CCCCCC;padding:5px;"><div style="border: 2px dotted #FFFFFF;background-color: #FFFFFF;padding:10px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//68/875/68875894_novgod103.jpg')"><div style="border: 2px solid #cccccc;background-color: #336699;padding:5px;"><div style="border: 2px solid #cccccc;background-color: #999999;padding:10px;"><center><img data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/0/52/745/52745683_1261441176_xtree.jpg" src="http://img1.liveinternet.ru/images/attach/c/0/52/745/52745683_1261441176_xtree.jpg" width="376" /></center><br /><center><b><font face="georgia" size="3" color="#003366"><br /> ВАШ ТЕКСТ<br /> </font></b></center><br /><br /></div></div></div></div></div></div></div><center><a data-cke-saved-href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" href="http://www.liveinternet.ru/community/ramki_ot_li-web/blog/" target="_blank" style="text-decoration: none;"><marquee scrollamount="1" width="50"><font face="Monotype Corsiva" size="2"><font

Рамочка 25
 

[показать]
[493x]
[показать]
[показать] [показать] [показать]


---ВАШ ТЕКСТ---



[показать]

Ramki_ot_LI-Web

<center><br /><div style="width:660px;border: 4px ridge #003366;background-color: #003366;padding:2px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//67/52/67052224_melkiy_sneg.gif')"><div style="border: 4px ridge #003366;background-color: #336699;padding:21px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/722/69722209_fon_sinij_kletka.jpg')"><div style="border: 4px ridge #336699;background-color: #003366;padding:1px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//67/52/67052224_melkiy_sneg.gif')"><div style="border: 4px ridge #336699;background-color: #003366;padding:0px;"><div style="border: 3px dotted #6699CC;background-color: #003399;padding:5px;;background-image:url('http://img1.liveinternet.ru/images/attach/c/2//69/722/69722230_fon_sinij_texturny001.jpg')"><div style="border: 2px dashed #003399;background-color: #336699;padding:0px;"><div style="border: 2px dotted #336699;background-color: #003366;padding:8px;;background-image:url('http://img0.liveinternet.ru/images/attach/c/2//69/722/69722209_fon_sinij_kletka.jpg')"><div style="border: 3px dotted #336699;background-color: