LJ Design | Всё для стиля S1 Generator и не только!

Revision: 4

ХоуХоуХоу! Вот вам Новогодний Подарок!

LJ Design_

Расширенный набор линков для постов.

Хочу поделиться с вами некоторыми фичами для жж, что нарыл в документации по стилю S1 и просто методом научного тыка =)
Загляните в мой ЖЖ (или к моим друзьям). Внизу каждого поста довольно удобные и полезные линки!

Выглядит это вот так:


	Карманная Памятка HTML и ЖЖ Тэги — Как оформлять текст и посты? Форматирование шрифта. Форматирование параграфов. Скроллинг. Форматирование списков. HTML Спец. Символы. HTML Тэги LiveJournal.com Ссылки. Картинки. Изображение со всплывающим текстом при наведении на него курсора. Изображаение придвинутое влево, текст обтекает картинку справа. Полезные линки — список разных сайтов посвящённх ЖЖ функциональности. Мой ЖЖ-Дизайн — советы и исходные коды для Дизайна вашего ЖЖ стиля S1 Generator и не только!. Сайты предоставляющие хостинг картинок — Куда выложить фотки?

Комменты (Всего: 0 шт.)

Если вам интересно как сделать и себе такое же, тогда читайте далее.

Итак у вас должен быть выбран режим S1 в панели Customize Journal. Далее жмём Modify Journal. И в области перекрывающих кодов (Overrides) вставляем эти блоки, выделенные синим, которые я просто скопировал из своего дизайна. Также я выделил курсивом, то что вы можете поменять на что-то другое. Вы можете их запросто подредактировать или заменить линки на что-то своё (если понимаете HTML)!

NB: Кстати, это всё оптимизировано для стиля Generator (!). В других может работать не так, но общая идея понятна. И не меняйте структуру тэгов table, tr, td!

Этот код будет отображать строку с линками в вашей ленте живого журнала:

LASTN_TALK_LINKS<=
<tr>
<td align="left" colspan="2" bgcolor="%%color:weak_back%%" class="comments">
<table width="100%" cellpadding="0" cellspacing="0" border="0" summary="">
<tr><td align="left" colspan="1" bgcolor="%%color:weak_back%%" class="comments">
<a href="%%urlpost%%" title="Оставить комментарий"><b>Комменты</b></a>
(Всего: <a href="%%urlread%%" title="Прочитать комментарии"><b>%%messagecount%% шт.</b></a>)
</td>
<td align="right" colspan="1" bgcolor="%%color:weak_back%%" class="comments">
<a href="http://lj.crossroads.ru/comments.html?URL=%%urlread%%" title="Подписка на новые комментарии к посту">подписаться</a>
| <a href="http://ljplus.ru/threader/threader.php?%%urlread%%" title="Скрипт для разворачивания комментариев в длинных тредах">развернуть</a>
| <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%% title="Добавить этот пост на память в избранное/memories!">в memo</a>
| <a href="http://www.livejournal.com/friends/add.bml?user=alex_inside" title="Добавить alex_inside в фрэнд-ленту">в ленту</a>
| <a href="http://www.livejournal.com/users/alex_inside/40163.html" title="контактный пост | фрэндование | ошибки | фичи | линки">контакт+линки</a>
<a href="http://www.livejournal.com/users/alex_inside/98071.html" title="Сорскод этой полосы комментов">®</a>
| <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%% title="Редактировать. Ну это тока для меня ващще =)">.</a>

</td></tr></table>
</td>
</tr>
<=LASTN_TALK_LINKS

(То же самое, только комментарии справа)

* - Внимание! Недавно сервис "Подписаться на комменты" был закрыт по каким-то причинам. Так что можете удалить линк (выделенный серым).

Этот код будет отображать строку с линками в вашей фрэнд-ленте:

FRIENDS_TALK_LINKS<=
<tr>
<td align="left" colspan="2" bgcolor="%%color:weak_back%%" class="comments">
<table width="100%" cellpadding="0" cellspacing="0" border="0" summary="">
<tr><td align="left" colspan="1" bgcolor="%%color:weak_back%%" class="comments">
<a href="%%urlpost%%" title="Оставить комментарий"><b>Комменты</b></a>
(Всего: <a href="%%urlread%%" title="Прочитать комментарии"><b>%%messagecount%% шт.</b></a>)
</td>
<td align="right" colspan="1" bgcolor="%%color:weak_back%%" class="comments">
<a href="http://lj.crossroads.ru/comments.html?URL=%%urlread%%" title="Подписка на новые комментарии к посту">подписаться</a>
| <a href="http://ljplus.ru/threader/threader.php?%%urlread%%" title="Скрипт для разворачивания комментариев в длинных тредах">развернуть</a>
| <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%% title="Добавить этот пост на память в избранное/memories!">в memo!</a>
| <a href="http://www.livejournal.com/friends/add.bml?user=alex_inside" title="Добавить alex_inside в фрэнд-ленту">в ленту!</a>
| <a href="http://www.livejournal.com/users/alex_inside/40163.html" title="контактный пост | фрэндование | ошибки | фичи | линки">линки</a>
| <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%% title="Редактировать. Ну это тока для меня ващще =)">.</a>

</td></tr></table>
</td>
</tr>
<=FRIENDS_TALK_LINKS

ДРУГИЕ ФИЧИ:

Этот код указывает сколько постов показывать на одной странице вашего ЖЖ. Но помните, что из-за движка жж, 50 постов будет только на первой странице, остальные - не гарантировано:

LASTN_OPT_ITEMS=>50 <=LASTN_OPT_ITEMS

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

FRIENDS_OPT_ITEMS=>50 <=FRIENDS_OPT_ITEMS

Этот код добавляет на каждой вашей странице ваш код CSS:
Нужно вставить внутрь тэга GLOBAL_HEAD перекрывающих кодов.
Внимание, если у вас уже определён GLOBAL_HEAD! Если вы вставите не в уже определённый тэг GLOBAL_HEAD, а сделаете отдельный, т.е. их будет два, тогда при нажатии кнопки Применить один или оба тэга GLOBAL_HEAD полностью пропадут, так как не будут соответсвовать синтаксису документации. Будте аккуратны и делайте бэкапы!

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

Этот код будет отображать картинку в правом нижнем углу вашего поста. Полужирным выделен сам линк который надо заменить на ваш. Также, обязательно нужно заменить #FFFFFF; на цвет вашего фона. В этом случае он белый. ИМХО это будет работать только в Generator-подобных темах. В остальных надо уже подабатывать. Выделенное слово white должно быть равно цвету указанному для Page background (самый верхний в таблице, на этой же странице) Например, если цвет у вас красный и указан как #FF0000, то и вместо white в этом коде написать #FF0000.

GLOBAL_HEAD<=
<style type="text/css">
table.entrybox tr td[colspan="2"][bgColor="white"]
{ background-image: url(http://img14.exs.cx/img14/668/1bgentry29xd.gif);
background-repeat: no-repeat; background-position: bottom right;
background-color: #FFFFFF;}
</style>
<=GLOBAL_HEAD

Внимание! Мой анимированый гиф, который указан в коде не юзать! В Internet Explorer не пашет! В Operа пашет!

Этот код добавляет линки в вашей фрэндленте (FRIENDS_WEBSITE) или в вашем ЖЖ (поменяйте FRIENDS_WEBSITE на LASTN_WEBSITE):
Красным я выделил ещё одну фичу. Вы можете создать какую-то новую группу друзей в Edit Custom Friends Groups И сможете читать их по линку как показано у меня. Так вы например сожете отделить друзей от обществ или выделить тех, кого вы будете читать в первую очередь. Ещё, если вы хотите не обидеть кого-то причислением в какую-то группу, укажите Private атрибут у группы друзей и тогда она будет доступна только вам.

FRIENDS_WEBSITE<=
<tr>
<td class="meta">[</td><td class="meta" align="right"><b><a href=http://www.livejournal.com/users/alex_inside/friends?show=p title="Все те, кого я добавил в друзья">все друзья</a></b></td><td class="meta" align="center">|</td>
<td class="meta"><a href=http://www.livejournal.com/users/alex_inside/friends/gold/ title="Все те, кого я активно читаю">gold friends</a></td>
<td class="meta">]</td>
</tr>

<tr>
<td class="meta">[</td><td class="meta" align="right"><b>общество</b></td><td class="meta" align="center">|</td>
<td class="meta"><a href="http://www.livejournal.com/userinfo.bml?user=hardcore_lyrix"><b>hardcore_lyrix</b></a></td>
<td class="meta">]</td>
</tr>
<=FRIENDS_WEBSITE

ФСЁ! Всё объяснил довольно понятно, поэтому прежде чем спрашивать почитайте внимательнее и если будет казаться что это просто охинея, задумайтесь а надо ли вам это :)) А остальным удачи!

PS: если хотите что-то спросить - прочитайте все коменты. я уже тут много чего понаотвечал. На непонятно поставленые вопросы я тоже отвечать не буду... А вообще, отвечу в основном только тем, кто читает этот журнал.

Список фич:

Код отображающий строку с линками в вашей ленте живого журнала

Код отображающий строку с линками в вашей френд-ленте

Код указывающий сколько постов показывать на одной странице вашего ЖЖ

Код указывающий сколько постов показывать на одной странице вашей фрэнд-ленты

Код добавляющий на каждой вашей странице ваш код CSS

Код отображающий картинку в правом нижнем углу вашего поста NEW! (revision 4)

Код добавляющий линки в вашей фрэндленте или в вашем ЖЖ (наверху)

Ссылки по теме:

Полезные линки для ЖЖ

HTML и ЖЖ Тэги

Куда выложить фотки?

Официальный lj-FAQ

Подготовил ©

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

LJ Design | Всё для стиля S1 Generator и не только!

Error

thnx!

About

Help

Get Involved

Legal

LJ Labs

Store