Help! (blog template)

They have: 2 posts

Joined: Jan 2009

Hi, i was wondering if i could get some help with my blog template.

i would like to add a second menu bar on the right side where it looks pretty empty. but i have no idea how. when i tried, it shifted my body text to the far right..

attached are:
-current screenshot of my blog
-another screenshot plus the location i want to add my new menu bar
-the current html code of my blog template

is there anyone i can contact for help?

any help would be greatly appreciated Smiling thanks!

pr0gr4mm3r's picture

He has: 1,502 posts

Joined: Sep 2006

Hi, I don't see any attached files.

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

pr0gr4mm3r wrote:
Hi, I don't see any attached files.

The attachment tool here is funky
(and you get the same meaningless error message on d.o. Sticking out tongue)

my offhand suggestion for the OP is try setting position: absolute for the new sidebar - so it does not shift the other content by being "relative"

They have: 2 posts

Joined: Jan 2009

yea i don't know where my attachments went! Sad setting is position:absolute already with what i tried...

here's my blog address: www.earthescapade.blogspot.com
and the html code:

The MUSIC of my heart

[email protected])
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->

#b-navbar { height:0px; visibility:hidden; display:none }

body {
scrollbar-face-color: #D6D8BC;
scrollbar-highlight-color: #D6D8BC;
scrollbar-3dlight-color: #D6D8BC;
scrollbar-darkshadow-color: #D6D8BC;
scrollbar-shadow-color: #D6D8BC;
scrollbar-arrow-color: #474D2B;
scrollbar-track-color: #D6D8BC;}

a:link, a:visited, a:active {
text-decoration: none;
font-family: Georgia, Times New Roman, serif;
font-size: 7.5pt;
color: #A77001;
font-weight: bold;}

a:hover {
text-decoration: none;
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
font-weight: bold;
color: #D6D8BC;
border-bottom: 2px dotted #D6D8BC;
background-color: #A77001;
cursor: crosshair;}

textarea,submit,input,option,radio,select {
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
color: #72752D;
font-weight: normal;
padding: 2px;
background-color: #F2F3DA;}

.title {
font-family: Georgia, Times New Roman, serif;
font-size: 14pt;
color: #F2F3DA;
font-weight: bold;
letter-spacing: -1px;
line-height: 12pt;
text-transform: lowercase;
padding-right: 3px;
padding-left: 9px;
padding-bottom: 3px;
background-color: #72752D;
text-align: right;}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, Times New Roman, serif;
font-size: 13pt;
color: #D6DAAF;
font-weight: bold;
text-transform: lowercase;
text-align: left;
padding-bottom: 4px;
letter-spacing: -1px;}

blockquote {
font-family: Georgia, Times New Roman, serif;
color: #72752D;
font-size: 7.5pt;
text-align: justify;
margin-left: 30px;
margin-right: 30px;
padding: 4px;
background-color: #D6D8BC;
border: 2px dotted #D6D8BC;}

.content {
font-family: Georgia, Times New Roman, serif;
font-size: 10pt;
color: #F2F3DA;
position: absolute;
left: 330px;
top: 504px;
width: 438px;
text-align: justify;
z-index: 2;}

.menu {
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
color: #524C39;
position: absolute;
left: 135px;
top: 450px;
width: 180px;
padding: 4px;
text-align: right;
z-index: 1;}

.image {
position: absolute;
left:80px;
top: 0px;}

Me
Cheryl Choong

I'm a 2nd year medical student who wants to accomplish big things. DREAM BIG. i'm startin with the environment. Save the earth Smiling

favorites
Korean dramas- Iljimae, Cruel Love, DaeJangGeum

Talk

(where to get one)

Old

"><$BlogPreviousItemTitle$>

Older

"><$BlogArchiveName$>

Leaving
friends'
blogs
favorite sites
whatever

counter
web design guideVisit the web design web page.
Thanks
Designer, Image: fedora_girl Smiling
Lyrics: Remembering You (Steven Curtis Chapman)
Brush: Miss M
Font: Violation
Edit: Adobe Photoshop

<$BlogDateHeaderDate$>
"><$BlogItemTitle$>
<$BlogItemBody$>

<$BlogItemAuthorNickname$> on <$BlogItemDateTime$>
"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments

#links">links to this post

<$BlogItemControl$>

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

I have copied your left sidebar (CSS class menu) and gave it a CSS class menu2.

I changed the left position for menu2

.menu, .menu2 {
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
color: #524C39;
    position: absolute;
left: 135px;
top: 450px;
width: 180px;
padding: 4px;
text-align: right;
z-index: 1;}

.menu2 {
left: 775px;}

The attached file may not display the blog which requires PHP, but shows the layout.

When you post code, you need to enclose it in the code tags (the third icon in the toolbar from the right)

anyway, here is what you posted:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The MUSIC of my heart</title>

<script language=JavaScript>
<!--

//Disable right click script III- By Renigade ([email protected])
//For full source code, visit http://www.dynamicdrive.com
var
message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

<style type="text/css">
#b-navbar {   height:0px;   visibility:hidden;   display:none   }

body {
scrollbar-face-color: #D6D8BC;
scrollbar-highlight-color: #D6D8BC;
scrollbar-3dlight-color: #D6D8BC;
scrollbar-darkshadow-color: #D6D8BC;
scrollbar-shadow-color: #D6D8BC;
scrollbar-arrow-color: #474D2B;
scrollbar-track-color: #D6D8BC;}

a:link, a:visited, a:active {
text-decoration: none;
font-family: Georgia, Times New Roman, serif;
font-size: 7.5pt;
color: #A77001;
font-weight: bold;}

a:hover {
    text-decoration: none;
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
font-weight: bold;
color: #D6D8BC;
border-bottom: 2px dotted #D6D8BC;
background-color: #A77001;
cursor: crosshair;}

textarea,submit,input,option,radio,select {
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
color: #72752D;
font-weight: normal;
padding: 2px;
background-color: #F2F3DA;}

.title {
font-family: Georgia, Times New Roman, serif;
font-size: 14pt;
color: #F2F3DA;
font-weight: bold;
letter-spacing: -1px;
line-height: 12pt;
text-transform: lowercase;
padding-right: 3px;
padding-left: 9px;
padding-bottom: 3px;
background-color: #72752D;
text-align: right;}


h1, h2, h3, h4, h5, h6 {
        font-family: Georgia, Times New Roman, serif;
font-size: 13pt;
color: #D6DAAF;
font-weight: bold;
text-transform: lowercase;
text-align: left;
padding-bottom: 4px;
letter-spacing: -1px;}

blockquote {
font-family: Georgia, Times New Roman, serif;
color: #72752D;
font-size: 7.5pt;
text-align: justify;
margin-left: 30px;
margin-right: 30px;
padding: 4px;
background-color: #D6D8BC;
border: 2px dotted #D6D8BC;}

.content {
font-family: Georgia, Times New Roman, serif;
font-size: 10pt;
color: #F2F3DA;
position: absolute;
left: 330px;
top: 504px;
width: 438px;
        text-align: justify;
        z-index: 2;}

.menu {
font-family: Georgia, Times New Roman, serif;
font-size: 8pt;
color: #524C39;
    position: absolute;
left: 135px;
top: 450px;
width: 180px;
padding: 4px;
text-align: right;
z-index: 1;}

.image {
position: absolute;
left:80px;
top: 0px;}

</style>
</head>

<body bgcolor="#D6D8BC" background="http://i19.photobucket.com/albums/b172/fedora_girl/treebg.gif" leftmargin="50" topmargin="300" marginwidth="500" marginheight="0">

<div class="image">
<img src="http://i19.photobucket.com/albums/b172/fedora_girl/tree.gif" width="837" height="572" border="0" alt="">
</div>

<div class="menu">

<div class=title>Me</div>
Cheryl Choong
<br>
I'm a 2nd year medical student who wants to accomplish big things. DREAM BIG. i'm startin with the environment. Save the earth :)


<br><br>

<div class=title>favorites</div>
Korean dramas- Iljimae, Cruel Love, DaeJangGeum


<br><br>

<div class=title>Talk</div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="170" height="200" src="http://www5.cbox.ws/box/?boxid=402751&amp;boxtag=7938&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="170" height="75" src="http://www5.cbox.ws/box/?boxid=402751&amp;boxtag=7938&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --><a href="http://cbox.ws">(where to get one)</a>
<br><br>
<div class=title>Old</div>
<BloggerPreviousItems>
        <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br>

     </BloggerPreviousItems><br>
<div class=title>Older</div>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br>
</BloggerArchives>
<br>
<div class=title>Leaving</div>
<a href="http://.com">friends'</a><br>
<a href="http://.com">blogs</a><br>
<a href="http://.com">favorite sites</a><br>
<a href="http://.com">whatever</a>
<br><br>

<div class=title>counter</div>
<table width="133" border="0" cellspacing="0" cellpadding="3"><tr><td align="center"><a href="http://www.website-hit-counters.com/website-design.html" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=125547-8688"alt="web design guide" border="0" ></a></td></tr><tr><td align="center"><font style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #330006; text-decoration: none;">Visit the <a href="http://www.website-hit-counters.com/website-design.html" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #555556; text-decoration: none;" title="web design">web design</a> web page.</font></td></tr></table>
<div class=title>Thanks</div>
Designer, Image: <a href="http://blogskins.com/me/fedora_girl">fedora</a><a href="http://rocktheposer.blogspot.com">_girl</a> :)<br>
Lyrics: <a href="http://www.stevencurtischapman.com/">Remembering You (Steven Curtis Chapman)</a><br>
Brush: <a href="http://missm.paperlilies.com">Miss M</a><br>
Font: <a href="http://www.dafont.com">Violation</a><br>
Edit: <a href="http://www.adobe.com">Adobe Photoshop</a><br><br>

</div>

<div class="content">

<Blogger>
<h2><BlogDateHeader>
<$BlogDateHeaderDate$></BlogDateHeader><br><BlogItemTitle>
<BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL><$BlogItemTitle$></a></BlogItemTitle></h2>
<$BlogItemBody$>

<BR><BR><div align="right"><$BlogItemAuthorNickname$> on <$BlogItemDateTime$><br><MainOrArchivePage><BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>

      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links"><small>links to this post</small></a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$></div><br><br>
</Blogger>
</div>

</body>

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.