(Untitled)

Oct 18, 2009 17:52

S2, Expressive от Tiffany Chow, платный аккуант ( Read more... )

s2, пост: ссылки, пост: комментарии, стиль: expressive, аккаунт: платный

Leave a comment

yoksel October 18 2009, 12:21:08 UTC
во-первых, можно в настройках убрать надписи для этих ссылок.
во-вторых, можно перейти на flexible squares - там под постом всего две ссылки.

Про ссылки в разных стилях можно почитать тут начиная с вид ссылок на комментарии

третий вариант самый сложный, но и самый правильный: создать свой слой и убрать в нём лишние ссылки (у меня так сделано)

Reply

amateur_p October 18 2009, 12:36:31 UTC
Спасибо...
Первые два варианта я рассматривал, но в первом случае остаются эти дроби и выглядит это ужасно, во втором - flexible squares мне не нравится... Поэтому склонялся к третьему. Но, боюсь, "создать свой слой" самому мне не под силу)

Reply

yoksel October 18 2009, 12:53:23 UTC
На самом деле, это не очень сложно, можете попробовать. Вам не надо будет писать весь слой от начала и до конца - просто скопируете себе стиль-основу и поправите на свой вкус.

Reply

yoksel October 18 2009, 12:54:58 UTC
Кстати, это не дроби, а рамки, и их можно убрать:

li.asset-meta-comments{
border:0px !important;
}

Reply

amateur_p October 18 2009, 13:16:01 UTC
Допустим, я создам слой. Из вашей справки я понял, что мне надо выбрать "Создать слой, привязанный к макету", тип - "Дизайн", макет - указываю свой "Expressive". Щелкаю "Создать", потом - "Правка". Что конкретно мне нужно прописать, чтобы избавиться от этих ссылок? Надо сначала скопировать исходник или достаточно просто дописать какое-то дополнение?

Reply

yoksel October 18 2009, 13:35:01 UTC
Это не моя справка - это официальная справка по ЖЖ.

попробуйте так. Создайте слой и скопируйте в него вот это:

layerinfo "type" = "theme";
layerinfo "name" = "MyTheme";

function Entry::print_linkbar() {
var Link link;
var string url = "";
var string text = "";

print """
\n""";
print """
    \n""";

    $.comments->print();

    println "\n
\n
\n";
}

замените всё содержимое слоя (там будет две строчки) тем что выше. Затем компильните (кнопка над окном редактирования), затем в каталоге стилей зайдите в Собственные слои, найдите там MyTheme и попробуйте применить. По идее, должно сработать

Reply

amateur_p October 18 2009, 14:46:47 UTC
Спасибо вам огромное!!)) С трудом, но все же я справился :)
И еще один вопросик, о нем уже спрашивали здесь:
http://community.livejournal.com/ru_designhelp/387569.html, со слов "вторая проблема".
Вы посоветовали код:
div.entry_text{
margin-left:100px;}
Куда его надо вставить?? В слой? Тогда он не проходит компиляцию... Объясните, плиииз!

Reply

yoksel October 18 2009, 15:30:21 UTC
Обратите, пожалуйста, внимание, что там речь про другой стиль, и коды от него не подойдут к вашему, даже если бы вы их вставили куда надо. Вас должна интересовать справочная информация для Expressive.

Во-вторых: не путайте между собой коды. Предыдущий код может менять структуру страницы, это программный код.

Тот что вам сейчас нужен определяет только вид, но не может влиять на структуру. Это стили, Css. Этот код вставляется в обычные настойки во вкладку Css (http://www.livejournal.com/customize/options.bml?group=customcss).

Вот этот код должен подойти:

div.asset-body{
padding-left:100px;
}

.asset-body div.user-icon{
left:0px;
float:left;
position:absolute;
}

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

Reply

amateur_p October 18 2009, 15:49:27 UTC
Ага, понял. Но сдвигается только текст. Как мне сделать, чтобы и оставшиеся две ссылки ("# комментариев" и "Оставить комментарий") тоже сдвигались? А то они налазят на картинку...

Reply

yoksel October 18 2009, 16:22:02 UTC
ul.asset-meta-list{
padding-left:100px;
}

div.asset-header ul.asset-meta-list{
padding-left:0px;
}

Reply

amateur_p October 18 2009, 17:57:21 UTC
Можно кодик, чтобы и метки также сдвинуть? :-[

Reply

yoksel October 18 2009, 18:19:18 UTC
Замените весь ваш Css на этот код:

.asset-body div.user-icon{
left:0px;
float:left;
position:absolute;
}

ul.asset-meta-list{
padding-left:45px;
}

div.asset-header ul.asset-meta-list{
padding-left:0px;
}

div.asset-content{
padding-left:45px;
}

Reply

amateur_p October 18 2009, 18:47:48 UTC
Спасибо) Теперь мне все нравится)
Без вас мне бы и года не хватило, чтобы разобраться :)

Reply

yoksel October 18 2009, 19:12:15 UTC
: )

Reply


Leave a comment

Up