CSS Style Sheet For FUN Forums

Nov 13, 2011 14:12



CSS Style Sheet For FUN Forums

footer navigation (previous 20 entries) Problem solved Thanks to mordyn4
Calendar numbers missing font issue in the calendarProblem solved Thanks to mordyn4MetaData (tutorial links given) Still trying to figure this out ( Read more... )

metadata, css, tags, mood icon, header

Leave a comment

mordyn4 November 13 2011, 20:33:49 UTC
The font issue in the calendar is from this code:

.day-count a {
text-decoration: none;
color: #1F2A71;

That's a dark font. If you change it to color: #ffffff it will be white.

Reply

theladyliberty November 13 2011, 20:42:23 UTC
YAY [applauds] I have numbers! I have numbers. But man, those numbers are huge. :(

Reply

mordyn4 November 13 2011, 20:47:44 UTC
LOL, true.

That's something you can control here:

http://www.livejournal.com/customize/options.bml?authas=fun_forums?group=style

at the very bottom.

Sorry if these links don't work, I don't have access to those pages, I'm trying to guess what the addresses are.

Reply

theladyliberty November 13 2011, 20:57:01 UTC
Hmm, yeah the link doesn't work. But I went to Customize Journal Style and then went to the area where it says I can edit a font size.

Default Font Size for the page. 12

Font Size for the Day Counts on the Archive Page 20

But didn't I see this in the style sheet? [points below]

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;

Is the 20 listed in the text line about Font Size for Day Counts the same as the one in the style sheet? And do I just fool around with the font size # until it is one that I like? 12? 14??

BTW I cannot tell you how much we appreciate your help. We've been fretting over these issues since March when my friend went silent. No contact by email or snail mail. :shrugs: So you my dear are a lifesaver here. :D

Liberty

Reply

mordyn4 November 13 2011, 21:06:51 UTC
What you have to be careful about in changing the settings for comms is that you click on the dropdown menu, pick the comm's name, and click switch. Otherwise, you're changing the settings in your personal journal. That's why I'm trying to give you links directly to the comm's settings.

Yes, it might is easier to just deal with the code, so I would change that to:

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
}

It sounds like you're getting more bold about making changes. And since you've already pasted the code here, feel free to change it as much as you like - you'll always have the original here.

Also, I have a guide for these first learning stages here: http://greygullsfly.livejournal.com/12933.html

Reply

theladyliberty November 13 2011, 21:09:23 UTC
Cannot edit my post...

But wanted to say changing the number here----->Font Size for the Day Counts on the Archive Page 20

Did nothing.

But changing the number
day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;

Did get rid of the big bold font size. :D Thanks again. :D

Reply

theladyliberty November 13 2011, 21:14:57 UTC
Brave? No. I only did because you were cyberly holding my hand :P And I saw the day count font size when I changed the color for the day count. :) [goes off to review and bookmark your post on greygullsfly ]

Reply

theladyliberty November 13 2011, 22:45:00 UTC

Scrolling the public layers is confusing for me in this case because the style layout for our community is completely different to the actual smooth sailing layout. Much of its been altered as our color scheme is different, we don’t have the sidebar that comes with this layout and so on.

I see text_nav_next_entrypage listed there but I didn’t see the code for the previous 10 (or previous 25) entries code. ::shrugs:: And I wouldn’t know where they go in the css style sheet anyway.

However, your entry on Greygullsfly is indeed filled with helpful educational information as I now know what padding and margins are thanks to you and Iron Spider

Has there been any headway in discovering how we can get the previous entries at the bottom of the journal? Or how to alter the font size for the metadata and have the mood icon precede the tags placed at the top of the post? Which was the original question we asked here In my haste and excitement to correct all the flaws in our code I listed everything that was wrong on the journal. But ( ... )

Reply

mordyn4 November 13 2011, 23:42:03 UTC
(Looking at the header/footer links, now.)

Font size for the metadata isn't listed in the code, so it's being control by the font size definitions on the style tab in the settings.

There are tutorials regarding the metadata placements, here: http://s2smoothsailing.livejournal.com/76166.html and http://s2layers.livejournal.com/67468.html - they are a bit involved and require creating a theme layer: http://s2smoothsailing.livejournal.com/810.html

Reply

footer navigation theladyliberty November 13 2011, 23:20:38 UTC
Show Memories link on Menubar no

Show Website link from Userinfo page on Menubar yes

Format used for Month Pages (Previous/Next links and Page Title) %%month%% %%yyyy%%

Format used for Day Pages (Previous/Next links and Page Title) %%month%% %%dayord%%, %%yyyy%%

Text used to link to the 'Recent Entries' view Recent Entries

Text used to link to the 'Archive' view Calendar

Text used to link to the 'User Information' view User Info

Text used to link to the 'Friends' view (left blank)

Text used to link to the 'Memories' view Memories

Text used to link to the Guestbook Entry (if it exists) (left blank)

Text used to link to the Previous page (Default) Previous Entry // Previous # Entries

Text used to link to the Next page (Default) Next Entry // Next # Entries

Text used to link to the Previous Recent/Friends page (left blank)

Text used to link to the Next Recent/Friends page (left blank)

Text used to link to the Previous Entry page Previous Entry

Text used to link to the Next Entry page Next Entry

Reply

Re: footer navigation mordyn4 November 13 2011, 23:51:50 UTC
So, here's the crazy thing: if you change the font color here:

.pagefooterblock {
border-top: 0px solid #000000;
background-color: #ff4500;
color: #ff4500;
padding: 4px 4px 4px 4px;
margin-top: 4px;
}

... to color: #000080 you'll be able to see that there's text there. You can highlight over it now and see the text - but that "text" should be a link. It should be clickable.

So, I am wondering, if you put the proper ; punctuation after 000080 in the part that follows, if it will help...

.pagefooterblock a, .pagefooterblock a:visited {
color: #000080;
}

Reply

Re: footer navigation selene_xxxii November 14 2011, 00:13:47 UTC
I added the ; and then saved it - but there is no previous at the bottom of the page.

Reply

Re: footer navigation mordyn4 November 14 2011, 00:18:31 UTC
change the font color and you'll see it, but the fact that it's not working as a link is the problem

use:

.pagefooterblock {
border-top: 0px solid #000000;
background-color: #ff4500;
color: #000080;
padding: 4px 4px 4px 4px;
margin-top: 4px;
}

Reply

Re: footer navigation selene_xxxii November 14 2011, 00:25:58 UTC
when I added what you said I get the text, but I don't get anything when that is clicked on.

Reply

Re: footer navigation mordyn4 November 14 2011, 00:32:15 UTC
Right, it's broken and I can't find anything in the css that would make that happen. It's also not showing up in the header, but the settings you pasted for me in that comment suggest that it should be showing. Maybe changing the default number of posts from 25 to 20 will illuminate why this is happening.

Reply

Re: footer navigation selene_xxxii November 14 2011, 00:36:19 UTC
okay, I changed the 25 to 20

Reply


Leave a comment

Up