lj refugee having 'the dumbz'....

[misstia]

hi! i freely admit i have 'the dumbz'....i don't want to import my theme/style from LJ, i am okay with the one i found here on DW....i would like to customize the header though and i have zero clue how to do that and i tried to find some info in FAQs, etc and i might have been looking wrong???? (i totally was looking wrong!)

i am using 'purple' for my journal style....

i DID find the CSS code to remove the 'recent entries' from the header but didn't want to add that yet lest it interfere with future CSS code additions.....and i know i can get rid of the 'profile module' too once i get the header sorted out.....

i'd like to put my journal name in the center and then have links under it (within the header) for: profile, friend's page (reading page), link to my domain, archive....i think this is possible??? i did buy a premium account here (sooo impressed with DW and how they value their users! :) i just don't know how and got really confused trying to find out how to do this.....maybe i need a different style?

i do know html, i know enough CSS to fiddle with it, but can't write CSS on my own....so i hoping someone can direct me somewhere as i have searched, but obviously am not searching in the right place....i saw where i can import a LJ style/theme, but i just want to customize a DW one.....

thank you in advance!!!

ETA: Resolved!! THANK YOU!!! :-)

Comments

[seleneheart]

To center the text in your header, add text-align: center; here

#header {
    background: #775577;
    color: #fcf0fc;
text-align: center;
}

As for the rest, I'm not sure how to go about that, because I don't see any navigation on your journal.

[misstia]

where/how do i add navigation? is that something i removed?? there was no navigation in the header to begin with....i have done nothing with the header at all (i did find where to remove 'recent entries' from it and tested that CSS code but put it back until i could get the rest sorted out...)....

there was a module that had navigation i think....but i didn't want a module with that....

thank you for the centering help!! i'm gonna add that code now!! :)

[seleneheart]

Well, I can get the navlinks into the header, but for the life of me, I can't figure out how to make them line up in a row instead of a list, which is what I think you want? Sorry, maybe someone will come along that can complete the fix.

[turlough]

Have you tried display: inline? I think that should do it. (Don't have time to test it myself right now, I'm afraid.)

[seleneheart]

Oh, believe me, I tried that everywhere I could think of. It probably goes somewhere I didn't think of.

where would you put that?

[misstia]

where would you put the line display: inline?

[misstia]

you can get the navlinks into the header? yes i do want them in a row instead of a list....how did you get the navlinks into the header??

[seleneheart]

All the things you said you wanted fixed:

remove pagetitle (recent entries, etc):

#pagetitle { display: none; font-size: medium; }

Just a note -- even when I'm setting something to display: none, I always leave the rest of the stuff in there in case I change my mind. That way I don't have to try to remember what it should look like.

Change size of header to hold the links to 200px:

#header > .inner:first-child { margin: 1em;
    padding: .5em 1em;
    color: #fcf0fc;
background-color: #775577;
height: 200px;
 }

Move the nav links into the header - add this:

.module-navlinks .module-content {width: 1000px;  margin-top: -380px; margin-right: auto; margin-left: 100px; margin-bottom: 80px;  text-align: center;  }

That will put them in a list underneath your journal title. You may have to adjust the width and the margins for whatever your display size is. This isn't pretty, but it may give the appearance of what you want.

I cannot figure out how to take those links and make them not be in a list.

Oh! And you'll have to go into the wizard and turn that Navlinks module on again.

THANK YOU!!!

[misstia]

i will turn on the navlinks module and then add the code!!! and then adjust the size of the module....i think the header size can be adjusted too!!!

someone above suggested the code display: inline to make them a row....i'll try that!!!

yeah!! thank you again!!!

ETA:

[misstia]

well a different reply....but i did look and there IS a 'navigation module' i just checked, but i can't put it in the header....

my title is centered now though!! THANK YOU!! :D

[boundbooks]

I might be wrong - anyone who wants to chime in and correct me, feel free - but if you can't put the navigation module in the header, then you might want to switch styles. I don't know about a link to your domain, but these are some of the styles I *do* know start with the navigation module (links to 'recent entries' 'archive' 'profile', etc) in the header:

Bases: http://www.dreamwidth.org/customize/?layoutid=76020

Dusty Foot: http://www.dreamwidth.org/customize/?layoutid=226436

Five Am: http://www.dreamwidth.org/customize/?layoutid=205715&show=all

Negatives: http://www.dreamwidth.org/customize/?layoutid=655&show=all

Skittlish Dreams: http://www.dreamwidth.org/customize/?layoutid=83797&show=all

Sunday Morning: http://www.dreamwidth.org/customize/?layoutid=76029&show=all

Transmorgified: http://www.dreamwidth.org/customize/?layoutid=5927&show=all

Zesty: http://www.dreamwidth.org/customize/?layoutid=1174&show=all

Some others may let you rotate the Navigation module into the header, but I don't know which off the top of my head. :)

Re: ETA:

[seleneheart]

There is a way to get them up there by playing with the margins and width of the module. I've used it on Flexible Squares to put the sidebar right below the header stretching across the width of the journal. I'm testing the code.

Re: ETA:

[misstia]

i could go w/o a link to my domain...i could always put that on my profile....like i posted, i really have 'the dumbz' when it comes to customizing something like this and whereas i know html, i can fiddle with CSS i couldn't find an easy answer for this, though i've seen a journal here that had links in a row in their header....i guess i should have been 'stalkerish' and asked 'how did you do that'??? but it was an image on top which might entail different coding???

i could put the module with the navigation back and fiddle with that....like i said, as a transplant from lj, i am okay getting a new layout/style/theme.....i just wanted a row up top with a link to my friend's list, profile, archive (and i could skip to my domain...)....

[ninetydegrees]

For your navigation links, would you try this?

.module-navlinks {
background: transparent;
left: 1%;
position: absolute;
right: 1%;
text-align: center;
top: 4.5em;
}

.module-navlinks li {
display: inline;
}

.module-navlinks a {
padding: .5em;
}

.module-navlinks a.network,
.module-navlinks a.tags {
display: none;
}

This moved them to the top, below your title, and centered them for me but, depending on your font size, they may not be placed correctly.

oooo!!!!

[misstia]

YEAH!!!! THAT WORKED!!! i just gotta figure out how to move my title above them now because they are right smack across it!!! i don't THINK i altered the font size of the title anywhere.....the only custom CSS i put in for the title was:

#pagetitle { display: none; font-size: small; }

#header {
background: #775577;
color: #fcf0fc;
text-align: center;
}

#header > .inner:first-child { margin: 1em;
padding: .5em 1em;
color: #fcf0fc;
background-color: #775577;
height: 75px;
}

but YEAH!!!! Almost to journal layout perfection (for me anyway! :) THANK YOU!!!!

huh....

[misstia]

i can't figure out where to adjust my header font size...i mean, yeah i DO know where to adjust that, but i mean placement....i fiddled with a couple CSS things, but it's not above the links....

i DID go to IE and my title is ALMOST above the links, whereas in firefox (my default browser) the links go straight through the links.....sort of weird? or like i said, i have the dumbz when it comes to these things!!!

and for some reason the font appears different from yesterday....i didn't change anything....no, i didn't drink last night! :)

Re: huh....

[ninetydegrees]

Try and increase the value in "top: 4.5em;"

Re: huh....

[misstia]

hey now! i was not sure where to put the 4.5em;" because no where in the 'header' CSS did it say "top" with ANY em.....

in THIS section where it says "padding: 4.5em 1em;" it HAD been .5em. 1em..that's where i was guessing to put the 4.5!!!

#header > .inner:first-child { margin: 1em;
padding: 4.5em 1em;
color: #fcf0fc;
background-color: #775577;
height: 75px;
}

after i put in the 4.5 my header is NOW separated from the links!! YEAH!!! but the links are on top of my header....and the header grew---but i am thinking i might have put the 4.5em in the wrong place??? I apologize if i did---it DID get the links out of the title!! YEAH!!!! :)

the only other place it had "top" in the CSS was the code you gave me previously that was for the module and that had 4.5em in it....

i really appreciate your assistance!!!

Re: huh....

[ninetydegrees]

Sorry I should have explained. I'm talking about the code I gave you so the module, not your header. :)

Re: huh....

[misstia]

the code there you gave me in the module said 4.5em for the top....maybe i'll try increasing it to 6.5....thank you for clarifying!!! :)

SUCCESS!!!

[misstia]

I increased the top in the module to 7.5em and it's below the title!!!!

THANK YOU SO MUCH!!!!

HAPPY NEW YEAR!!!! :)

Re: SUCCESS!!!

[ninetydegrees]

You're most welcome! Happy new year to you too!