?

Log in

No account? Create an account

Previous Entry | Next Entry

I was given THIS solution by queercasanova on how to customize my comments and other links at the bottom of my entries. I've done all of the changes you see on my journal (nopsa) with css... I have no idea how to change things any other way.

If it is possible can someone please give me a very descriptive solution on this issue... like THIS.

I would really appreciate it :)

I'm using Expressive with the Urban sunset theme.

Comments

( 11 comments — Leave a comment )
nimoloth
Sep. 8th, 2006 07:33 pm (UTC)
Sorry, I'm not really sure what you're asking! Do you want to align the links to the right?
nopsa
Sep. 8th, 2006 11:14 pm (UTC)
the comment links... you know the ones under your entry's
(5 | commentary | edit | + |♥| Track This |Link)

Those. How do I align them to the right and I was asking for a very descriptive solution.
nimoloth
Sep. 8th, 2006 11:38 pm (UTC)
Well, if you put this in Custom CSS, it will align them to the right:

.asset-meta { float:right; }

but unfortunately, it also align the entry date and time to the right. I'll look into only moving one of the other later and get back to you. Have to go at the moment, sorry.
nopsa
Sep. 9th, 2006 01:09 am (UTC)
OK THANKS :)
nimoloth
Sep. 11th, 2006 02:08 am (UTC)
OK, I've got it. To move only the bottom links to the right without altering the date/time as well, you need to create a new class for the bottom links. This will require paid/permanent account because you'll need to create a custom theme or layer.

To do this, go to Edit Jounrnal Styles - Advanced - Your Layers then go down to Create Layout Specific Layer. Choose Theme from the dropdown menu and choose Expressive from the layout menu, and press Create. Now you have a cutom theme. It should appear in the list above as a child of Expressive. It will be unnamed so far. Click on Edit next to it and we're ready to go.

Now we have arrived at a three pane window. We are interested in the biggest one - this is where we're going to put the code. First off, you can put a name in the space for a name at the top there - it will make it easier to find and use.

Secondly, I think you may need to specify your default style for this theme so the style sheets work properly as you already have them. I see your layout is based on Urban Sunset, so you will want to put this in below the existing stuff in the big panel (i.e. the name and type):

set base_theme = "urban-sunset";

Now that we've got those basic requirements out of the way, we can sort out the problem at hand. The bottom links on an entry (and the date and time) are contained within <div class="asset-meta">. This div is the container for the text, and it is how we can alter it's position - by using it's class within the Custom CSS, as I explained in my previous reply. However, since it alters both the date/time and the links, we will have to create a new class for the links so that the date and time is left alone. Here is the function you must make a change in - copy and paste this chunk of code into your layer below the bits we already put in:

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

print """<div class="asset-meta">\n""";
print """<ul class="asset-meta-list">\n""";

$.comments->print();

var string{} link_caption = {
"edit_entry" => $*text_edit_entry,
"edit_tags" => $*text_edit_tags,
"mem_add" => $*text_mem_add,
"watch_comments" => $*text_watch_comments,
"unwatch_comments" => $*text_unwatch_comments,
};

foreach var string link_key ($.link_keyseq) {
$link = $this->get_link($link_key);
if (defined $link) {
$url = $link.url;
$text = $link_caption{$link_key} != "" ? $link_caption{$link_key} : $link.caption;
print """<li class="asset-meta-comments item asset-meta-no-comments"><a href="$url">$text</a></li>""";
}
}
print """<li class="asset-meta-comments item asset-meta-no-comments"><a href="$.permalink_url">$*text_permalink</a></li>""";
println "\n</ul>\n</div>\n";
}


Now, see that text that I've made red (asset-meta)? Change that to asset-meta-bottom. This is out new class.

Now click the button to the top left of the main window, Save & Compile. Hopefully it should compile without errors (it says down in the bottom window if there are any).

Now we need to go back to the ususal Edit Journal Style - Look & Feel area. Choose your new theme from the Themes drop down box.

Now go to Custom Options - Custom CSS and put this CSS in:

.asset-meta-bottom { float: right; }

and remove .asset-meta ( float: right; } from previously.

The End. Hopefully that should align the entry links to the right and leave the date and time aligned to the left. Let me know if there are any problems - I don't use custom themes, only layers, so I haven't actually implemented this.
nopsa
Sep. 11th, 2006 05:52 am (UTC)
didn't work.
nimoloth
Sep. 11th, 2006 08:09 am (UTC)
That's most odd. Looks like it should work from looking at your css and source. Perhaps try:

.asset-meta-bottom { margin: 0 0 .75em; float: right; }

If it still doesn't work, there's something weird going on.
nimoloth
Sep. 12th, 2006 05:18 am (UTC)
Are you using Internet Explorer? I've just discovered all the ways I know to move elements to the right don't seem to work in Internet Explorer. I'm using Firefox - it's a much better browser in so many ways, and free!
nopsa
Sep. 12th, 2006 05:52 am (UTC)
yeah I'm using ie =\
nimoloth
Sep. 12th, 2006 06:40 am (UTC)
Ah. Well, if I find a fix for IE, I'll let you know.
nopsa
Sep. 12th, 2006 05:31 pm (UTC)
k thanks :)
( 11 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars