Secondly, the links for going back to previous entries (at the bottom of the page) can't be seen. I'm not sure what to change to get the words to appear in white. I tried changing #footer menu etc. but nothing seems to work. Help?
In the code #footer menu sets the font type and size, but .bodynavblock sets the link color, that's still visible in your CSS, and the links are still in their places, too, so we're gonna try something else. I haven't seen this problem yet, so I played around with my journal settings and I can't see those links if nothing is written at the Menu page in the "Text used to link to the Previous Recent/Friends page" and "Text used to link to the Next Recent/Friends page" boxes (under "Navigation"), and at the Page text page in the "Text for lower navigation bar to link to the Top of the Page" box. Are those boxes blank for you? Maybe that's the problem.
Hmm, I didn't really think about it, but I can see two way to do that. The first one is to paste your header pic's url to .pageheaderblock and give that part a background color, so it will be similar to this. The other one is to make the header menu the same width as the main content, remove the journal title/journal subtitle part and their background, and put the header pic in their place above the header menu (like this). Let me know if you like one of those versions, and I'm gonna write the code. :)
Okay, this should work, I think. You'll have to replace the .pageblock part (under BASICS) and the whole HEADER section in your CSS. After that paste your header's url under .pageblock to "background-image". Add 30 to your header pic's height (in pixels) than paste the number under .pageheaderblock to "padding-top".
Haha, thank you. I think it's time to use more colors, eh?
Oooh, but Smooth Sailing is preeetty, and its entry linkbar is better >:) (plus I can't even remember the last time I made a FS layout). But hey, let me know if you like a layout, and I'm gonna try that in Flexisquares, too. :)
How do I get my LJ to look just like the live preview example? Right now there are more stuff beneathe my entried compares to the live preview. And also, the width of the entries are wider than the one shown in the live preview. Please help. :(
Re: hi there....allwashedoutJuly 1 2008, 09:33:44 UTC
Hi! Uh, I don't know about your first problem, because your layout looks okay to me? Could you be a bit more specific about it?
The answer to your second question: this is a wide layout, it takes up most of the screen (I resized the preview, so it will load faster). If you want narrower entries, replace your whole ".bodyblock" part (under BASICS) in the CSS with this:
"width" will set that how wide your layout is. For example you can write either "width: 800px;" or "width: 70%;" (change the numbers to what you'd like). If it's in pixels, your layout width will be fixed, if it's in percentage, the width will be fluid (it will adjust to everyone's screen resolution who watches your journal). I hope this helps, feel free to ask more questions if the layout still looks wrong.
Comments 44
Secondly, the links for going back to previous entries (at the bottom of the page) can't be seen. I'm not sure what to change to get the words to appear in white. I tried changing #footer menu etc. but nothing seems to work. Help?
Reply
In the code #footer menu sets the font type and size, but .bodynavblock sets the link color, that's still visible in your CSS, and the links are still in their places, too, so we're gonna try something else. I haven't seen this problem yet, so I played around with my journal settings and I can't see those links if nothing is written at the Menu page in the "Text used to link to the Previous Recent/Friends page" and "Text used to link to the Next Recent/Friends page" boxes (under "Navigation"), and at the Page text page in the "Text for lower navigation bar to link to the Top of the Page" box. Are those boxes blank for you? Maybe that's the problem.
Reply
Reply
Reply
Reply
Reply
Thank you very much!
Reply
.pageblock{
margin-top: 30px;
background-image: url('YOURHEADERSURL');
background-repeat: no-repeat;
background-position: top center;
}
--------------- HEADER ( ... )
Reply
that's how i like it lol. really cool. if you make layouts for flexible squares, i might use them.
Reply
Oooh, but Smooth Sailing is preeetty, and its entry linkbar is better >:) (plus I can't even remember the last time I made a FS layout). But hey, let me know if you like a layout, and I'm gonna try that in Flexisquares, too. :)
Reply
thank you for being so nice,you're awesome :D
Reply
Haha, It's no biggie. :)
Reply
Reply
The answer to your second question: this is a wide layout, it takes up most of the screen (I resized the preview, so it will load faster). If you want narrower entries, replace your whole ".bodyblock" part (under BASICS) in the CSS with this:
.bodyblock {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: ;
}
"width" will set that how wide your layout is. For example you can write either "width: 800px;" or "width: 70%;" (change the numbers to what you'd like). If it's in pixels, your layout width will be fixed, if it's in percentage, the width will be fluid (it will adjust to everyone's screen resolution who watches your journal). I hope this helps, feel free to ask more questions if the layout still looks wrong.
Reply
Reply
Reply
Leave a comment