Log in

No account? Create an account

Previous Entry | Next Entry

new to expressive

  • Oct. 13th, 2006 at 1:51 PM
OK- so, I've got a cutom theme started, and managed to get the date to change a bit more how I'd like it.

I'm trying to figure out how to do a few things. I've tried a couple things I've found in this lovely community, but so far no luck.

1. changing links colors (all of them, at least all in the content, header, and all the comment/add to memories/etc. stuff)
2. changing overall colors- I'd like to change the color of the journal title, the sidebar, and the sidebar headers.
3. changing the text of "previous 20" "back to top" "next 20" navigation
4. changing it so entries which have no title do not default to the date being the title
5. changing font choices (I know on the web you can never ensure certain fonts, but I'd like to adjust the font roster if possible)
6. some sort of separator (horizontal rule, something) to separate title from entry. More needed on my friends page than anywhere else, but overall is fine.
7. Getting rid of the extra space that the entry title's div takes up

Got the color to change everywhere but the main body. Can't figure that one out.


( 20 comments — Leave a comment )
Oct. 16th, 2006 02:29 am (UTC)
I can help with a few of these :D

2. The CSS class to change the link colours for comment/add to memories etc is .asset-meta-list

You can style the CSS, and set the hex colors to whatever you like and the text decoration as well.

.asset-meta-list a:link {
color: #7C7171;

.asset-meta-list a:hover {
color: #000000;
text-decoration: underline;

.asset-meta-list a:visited {
color: #000000;

.asset-meta-list a:active {
color: #000000;

3. You can do this through the manage--->customise---->custom options---->text
(where you customise your journal) go to the "text" tab and scroll down, you can edit the wording there.

6. Same place - this time the presentation tab, scroll down until you see "Entry Footer HTML"
you can add your separator here using HTML
ie. <img src="yoururlgoeshere">
Oct. 16th, 2006 12:10 pm (UTC)
unfortunately, the manage--> customize--> custom options --> text does not have the ability for me to change the text of the previous entries/newer entries links. Hence my dilemma.
Oct. 16th, 2006 03:25 pm (UTC)
In 3. and 4., what do you want to change the text to?

For 6., if you want a divider between an entry and the next entry's title, do what rigel_7 said. If, OTOH, you mean putting a divider within an entry, between an entry's title/date and text, do something like this:

.asset-header {
border-bottom : 1px solid #fff;
Oct. 18th, 2006 12:04 am (UTC)
for 3: Früher / Nächst

for 4: I'm happy with just a decorative thinger, or something like Keine Thema

Oct. 18th, 2006 02:09 am (UTC)
Add the following to your custom theme source:

set text_skiplinks_back = "Fruher";
set text_skiplinks_forward = "Nachst";

(I'm assuming I have the German right)
"Back to Top" can't be changed with a few variables, nor can forcing "Keine Thema" if there's no subject-- you'll have to edit the print_body() and print_entry() S2 functions, respectively.
Oct. 18th, 2006 03:29 am (UTC)
hm... I'm still learning s2... I know that in my previous journal style (opal libra) if there was no title it didn't print anything, but left the date in the date location. In the archive subject view, it just said "keine Thema" for those entries with no title.

I'm ok with editing things... I just don't really know what to edit.
Oct. 18th, 2006 03:38 am (UTC)
basically- if I can edit what generates the html, and can insert a
tag after the bit that generates that section, I'd be in business. I'm unsure if that is something accessable to me though, if LJ even allows for that.
Oct. 18th, 2006 12:10 am (UTC)
hmm... that is close to what I want for a divider, however I wonder if there is a way to get that effect without it being the full width of the section? Like, maybe 1/3 of the content area would be plenty.
Oct. 18th, 2006 02:11 am (UTC)
Forgot this one-- add
width: 33%; to the .asset-header{} block.
Oct. 18th, 2006 03:30 am (UTC)
well that worked, but also made the titles only 1/3 of the content, which looks a bit odd. I wonder if perhaps there is a way to work a modified horizontal rule in there somehow?
Oct. 18th, 2006 01:58 pm (UTC)
OK, [deep breath] Here we go...

Copy and paste the code for the print_entry() function into your custom layer. Look for the section like this:
    if ($e.subject != "") {
        $subject  = striphtml($e.subject);
        $datetime = lang_posted_by_date_and_time($e, $showposter, true, true);
    } else {
        $subject  = lang_posted_by_date_and_time($e, $showposter, true,  false);
        $datetime = lang_posted_by_date_and_time($e, $showposter, false, true);

Change the highlighted section to this:
        $subject = $*text_nosubject;
        $datetime = lang_posted_by_date_and_time($e, $showposter, true, true);

Look for this section:
          <div class="asset-meta">
            <ul class="asset-meta-list">
              <li class="item">$datetime</li>
        <div class="asset-content">
            <div class="asset-body">""";

Above the line that says "asset-content", add whatever custom divider code you want. You can use a straight <hr />, but they're hard to customize properly. A custom image may work better.

I miss anything? =)
Oct. 18th, 2006 02:21 pm (UTC)
I'll have to give this a shot. I'll let you know if it works.
Oct. 18th, 2006 02:47 pm (UTC)
hm, at first shot it hates me, but I'll poke at it a bit more for a while and see if I can't make it work.
Oct. 18th, 2006 10:27 pm (UTC)
ok- rather than inserting an HR which has attributes I do not want, I inserted a new div, gave that a border, and that is working. Thanks a ton.

My next issue related to this is the gigantic gap of space between that new div, and the date, and the similarly huge gap title to date.

Any thoughts?
Oct. 18th, 2006 10:43 pm (UTC)
found the div that the title is in, and that it is the one with all the extra space, but changing the padding and the margin did nothing to it. Hm.
Oct. 18th, 2006 11:32 pm (UTC)
Not to worry-- this is even easier.
Title to date:
h2.asset-name {
    margin-bottom: 0px;
Date to hr:
.asset-meta {
    margin-bottom: 0px;
.asset-header {
    margin-bottom: 0px;
Oct. 19th, 2006 03:48 am (UTC)
hah! I wonder why it didn't work when I did it... I'd say maybe LJ doesn't work with em sizing, but it works fine for my icon borders. Strange- same css code as I'd tried, except you used px and I used em. odd, but oh well.

Now it's just figuring out a way to make "back to top" be in german, maybe figure out a way to modify the text for the non-titled entries (though that's probably down the way, when I figure out what I want it to say), and to figure out why the date has both a period AND comma after the day number, and I'll be set!

Ooh, and I need to figure out that gray bit at the bottom of the page...
Oct. 19th, 2006 04:46 am (UTC)
To change "back to top" to "Bach to Topp" or whatever it is, override the RecentPage::print_body() function. That line is towards the bottom. Date/time formatting is in lang_posted_by_date_and_time(). Not sure about the gray bit. =)
Oct. 19th, 2006 05:26 pm (UTC)
yeah, I've got the date/time overridden already, and the only punctuation -I- am generating is the comma. It seems to be auto generating the period. Strange. Maybe I just ditch the comma and live with the period. oh well.

that gray bit is a bit of a puzzler isn't it?

Nov. 24th, 2007 06:06 pm (UTC)
I'm so confused...

Did you figure out how to change the background colors for expressive? and how to change the header image? and if so how do i do that :(?
( 20 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars