Forums > Tweaking of new page layout

Full Version: Tweaking of new page layout

Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics

nessauk

Oct 4 2005, 04:19 PM

Have just for the first time designed a new layout for my livejournal. However have got a couple of problems that I can't shift, so I hope someone out there can help me or at least point me in the right direction.

first my code

<!-- begin code provided by createblog.com --><br />layerinfo "type" = "user";<br />set color_bg = "#022801";<br />set color_fg = "#022801";<br />set color_fg_font = "#e1e076";<br />set font_base = "Arial";<br />layerinfo "name" = "Testing the new learning things";<br />set color_med_font = "#e1e076";<br />set text_read_comments_friends = "1 comment // # comments";<br />set color_med = "#022801";<br />set text_read_comments = "1 comment // # comments";<br />set color_link = "#022801";<br />set summary_items = 10;<br />set show_entry_userpic = true;<br />set free_text_text = "Along with icons, photos or websites I may be working on - whatever's the latest insanity :)";<br />set font_base = "Arial";<br />set text_post_comment = "Comment";<br />set color_visited = "#e1e076";<br />set free_text_header = "";<br />set text_post_comment_friends = "Comment";<br />set text_meta_mood = "Earned from surveys etc today";<br />set text_meta_music = "Total earnings for month";<br /><br /><br />function Page::lay_print_sidebar {<br />	var string header;<br />	var string text;<br /><br />	$this-&gt;lay_print_summary();<br /><br />$header = "Livejournal Links"; $text = """ &lt;div class="columnitem"&gt; &lt;CENTER&gt;&lt;a href="http://www.livejournal.com/users/nessfae/"&gt;Recent Entries&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.livejournal.com/users/nessfae/calendar"&gt;Archive&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.livejournal.com/users/nessfae/friends"&gt;Friends&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.livejournal.com/userinfo.bml?user=nessfae"&gt;User Info&lt;/a&gt;&lt;/CENTER&gt;&lt;/div&gt; """; print_box($header, $text);<br /><br />	$this-&gt;print_linklist();<br />	$this-&gt;lay_print_calendar();<br /><br />}<br /><br />function Page::print_custom_head() {<br /><br />  """<br />  &lt;style type="text/css"&gt;<br /><br />body { <br />    background-color: #022801;<br />  color: #022801;<br />  font-family: "Arial", sans-serif;<br />  font-size: 11px;<br /><br />	}<br /><br />html, body{<br />margin: 0;<br />padding: 0;<br />}<br /><br />.bodytable { <br />	width: 100%;<br />}<br /><br />.columncontent { <br />	background-color: #022801; <br />	padding: 2px; <br />	font-size: 10pt;<br />	text-align: left;<br />	color: #D5C9EF;<br />	border: 1px solid #e1e076;<br />}<br /><br />	<br /><br />.columnitem {<br />	font-size: 10pt;<br />	background-color: #022801;<br />	padding: 2px;<br />	margin-top: 5px;<br />	color: #022801;<br />	overflow: visible;<br />}<br />.entries { <br />	font-size: 10pt;<br />	color: #D5C9EF;<br />	text-align: justify;<br />}<br /><br />.entrydivider {<br />	border-top: 0px solid #022801;<br />	border-bottom: 0px solid #022801;<br />}<br /><br />.entrylinks {<br />	border: 0px solid #022801;<br />	background-color: #022801;<br />	font-size: 10pt;<br /><br />}<br /><br />.userpic2 {<br />	float: left;<br />	text-align: right;<br />	margin-top: 0px;<br />	margin-right: 5px;<br />	padding-top: 0px;<br />        padding-left: 8px;<br />	padding-right: 5px;<br />}<br /><br />  &lt;/style&gt;<br />  """;<br /><br />}<br /><br /><br /><br />function Page::lay_print_header ()  {<br />	var string title = $this-&gt;title();<br />	"""<br /><br />    &lt;div id="header"&gt;<br />    	&lt;div style="width: auto; height: 288px; background-image: url('http://www.nessafae.net/lj/images/page1corner.jpg'); background-repeat: no-repeat; background-position: top right;"&gt; &lt;/div&gt;   <br />    	&lt;div id="nav"&gt;<br />	<br />    	&lt;/div&gt;<br />    &lt;/div&gt;<br />	""";<br />}<br /><!-- end code provided by createblog.com -->

To view the page so far my livejournal username is nessfae.

Firstly I want to get rid of my user icon and name that is in the header as this is stopping my main image from being flush against the edge of the page.

I've noticed that in the sidebar, I appear to have 2 different coloured borders around each section. Ideally I want this to be one thin border, and it to match the single thin green line that surrounds the body of the page.

Finally where it has the comment, edit entry, edit tags etc, instead of it being at the top of each new entry, is there a way it can be moved to the bottom?

Sorry for the many comments, but I am new at this and I now feel like I have reached a dead end mentally trying to fix it

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.