ФДуЧ штЫшву в журнале ALeX inSide ([info]alex_inside) wrote,
@ 2004-12-26 14:29:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:html, lj, дизайн, идея, полезное, популярный пост в избранном, рукодельное

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



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


LJ Design_




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

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



Выглядит это вот так:
Карманная Памятка



Комменты (Всего: 0 шт.) подписаться | развернуть | в memo! | в ленту! | контакт и линки | .



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

Итак у вас должен быть выбран режим 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="Сорскод этой полосы комментов">&reg;</a>

| <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%% title="Редактировать. Ну это тока для меня ващще =)">.</a>
<!--Комментарий: исходник этой строки для комментариев сделал ЖЖ-юзер alex_inside. http://www.livejournal.com/users/alex_inside/40163.html Пожалуйста не удаляйте этот комментарий!-->
</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>
<!--Комментарий: исходник этой строки для комментариев сделал ЖЖ-юзер alex_inside. http://www.livejournal.com/users/alex_inside/40163.html Пожалуйста не удаляйте этот комментарий!-->
</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">
<!--
/*Изменение ширины постов*/
table.entrybox {width:800;}
/*Стиль линков на комменты*/
.comments a{}
.comments a:visited b { font-weight:normal;}
.comments a:hover {color:EF0000; text-decoration:none; }
-->
</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
    Подготовил © [info]alex_inside
    Мемориз:


  • Page 1 of 3
    <<[1] [2] [3] >>

    (Post a new comment)


    [info]mf53
    2004-12-26 12:36 pm UTC (link)
    Это ты хорошо придумал. Но во френдленте все равно всё как обычно. =]

    (Reply to this)(Thread)

    (Deleted post)
    (no subject) - [info]mf53, 2004-12-26 01:03 pm UTC

    [info]libo_ru
    2004-12-26 12:38 pm UTC (link)
    Мега тоже так хочу :)

    (Reply to this)


    [info]vampik
    2004-12-26 12:45 pm UTC (link)
    Большое спасибо за 50 :)

    (Reply to this)


    [info]leonne
    2004-12-26 12:58 pm UTC (link)
    спасибо большое, пригодилось...
    ЗЫ кстати зафренди, fear1ess удалён(

    (Reply to this)


    [info]h1nt
    2004-12-26 01:09 pm UTC (link)
    10x

    (Reply to this)


    [info]leonne
    2004-12-26 01:23 pm UTC (link)
    а я допустим хочу чтобы "Комменты (Всего: 0 шт.)" было справа а остальное слева...
    как это изменить ?

    (Reply to this)(Thread)

    (Deleted post)
    Re: То же самое, только Комменты справа - [info]arey, 2004-12-27 12:44 pm UTC
    строка с линками Притом комменты будут уже справа - [info]alex_inside, 2005-09-03 02:42 pm UTC

    [info]pahanium
    2004-12-26 01:26 pm UTC (link)
    прикольно, возьму на заметку. кстати, а как увеличить ширину постов во френдленте ?

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2004-12-26 03:30 pm UTC
    (no subject) - [info]pahanium, 2004-12-26 04:35 pm UTC

    (Reply from suspended user)
    (no subject) - [info]alex_inside, 2004-12-26 02:39 pm UTC

    [info]leonne
    2004-12-26 03:15 pm UTC (link)
    а я хочу чтобы было не "шт." а допустим "коментариев", "коментарий", "коментария" в зависимости от числа коментариев. Как так можно сделать ?

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2004-12-26 03:18 pm UTC
    (no subject) - [info]leonne, 2004-12-26 03:21 pm UTC
    (no subject) - [info]alex_inside, 2004-12-26 03:29 pm UTC
    (no subject) - [info]rubzn, 2005-03-05 07:19 am UTC
    (no subject) - [info]maggotbox, 2006-03-04 03:24 am UTC
    (no subject) - [info]rubzn, 2006-03-04 05:44 am UTC
    Стиль Generator - [info]maggotbox, 2006-03-04 05:18 pm UTC
    Re: Стиль Generator - [info]alex_inside, 2006-03-04 05:23 pm UTC
    Re: Стиль Generator - [info]maggotbox, 2006-03-04 05:57 pm UTC
    Re: Стиль Generator - [info]rubzn, 2006-03-05 06:16 am UTC
    Re: Стиль Generator - [info]rubzn, 2006-03-05 06:15 am UTC
    Re: Стиль Generator - [info]maggotbox, 2006-03-05 08:02 pm UTC

    [info]glueknews
    2004-12-26 04:09 pm UTC (link)
    отлично, давно хотел сделать, но все никак руки не доходили ;)

    (Reply to this)


    [info]acekievua
    2004-12-26 04:21 pm UTC (link)
    спасибо, поиграюсь на досуге

    (Reply to this)

    thnx!
    [info]orchunter
    2004-12-26 05:09 pm UTC (link)
    Вот спасибо, здорово у тебя задумка получилась.

    Проапгрейдил свой ЖЖ. Вроде неплохо.

    )

    (Reply to this)


    [info]katenok
    2004-12-26 05:26 pm UTC (link)
    Спасибо!

    (Reply to this)


    [info]liveder
    2004-12-26 06:48 pm UTC (link)
    thx

    (Reply to this)


    [info]ngadla
    2004-12-26 09:14 pm UTC (link)
    Спасибо! И Вас с Новым Годом!
    --- пошёл подбирать колор, штоп как раньше... :) ---

    (Reply to this)


    [info]baldahin
    2004-12-27 11:49 am UTC (link)
    спасибо!

    (Reply to this)


    [info]ivan_da_marya
    2004-12-27 12:07 pm UTC (link)
    Спасибо большое!

    (Reply to this)


    [info]zombak
    2004-12-27 01:54 pm UTC (link)
    Те у кого S2 сосут болт, я правильно понимаю? :))

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2004-12-27 02:18 pm UTC
    (no subject) - [info]zombak, 2004-12-27 03:33 pm UTC

    [info]leonne
    2004-12-27 06:04 pm UTC (link)
    а как ты делаешь такую голубую фигню справа и снизу поста ? :))

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2004-12-30 11:41 am UTC

    [info]ivan_da_marya
    2004-12-27 09:01 pm UTC (link)
    А можно, пжлст, для обычных юзеров: как поменять цвет строки с линками? чего где менять и где найти код (или как это называется) для нужного цвета?

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2004-12-29 10:37 pm UTC

    [info]psiphoshizo
    2004-12-30 12:08 pm UTC (link)
    а бесплатникам можно курсор поменять?

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2004-12-30 12:14 pm UTC
    (no subject) - [info]psiphoshizo, 2004-12-30 12:16 pm UTC

    (Reply from suspended user)

    [info]bujhm
    2005-01-09 12:56 am UTC (link)
    Огромное спасибо!
    Недавно случайно убил себе коды, зато, найдя Ваш пост, сделал ещё лучше :)

    (Reply to this)


    [info]slimbeat
    2005-01-17 04:19 pm UTC (link)
    спасиба!

    (Reply to this)


    [info]_mio
    2005-02-05 03:40 pm UTC (link)
    бля а у мея чё-то не работоет ): эта хрень ):

    GLOBAL_HEAD<=

    <=GLOBAL_HEAD

    (Reply to this)(Thread)

    (no subject) - [info]alex_inside, 2005-09-03 02:39 pm UTC

    Page 1 of 3
    <<[1] [2] [3] >>

    Create an Account
    Forgot your login?
    Login w/ OpenID
    English • Español • Deutsch • Русский…