Help! (blog template)
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 thanks!
pr0gr4mm3r posted this at 17:38 — 17th January 2009.
He has: 1,502 posts
Joined: Sep 2006
Hi, I don't see any attached files.
decibel.places posted this at 18:35 — 17th January 2009.
He has: 1,494 posts
Joined: Jun 2008
The attachment tool here is funky
(and you get the same meaningless error message on d.o. )
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"cherylsky posted this at 04:07 — 18th January 2009.
They have: 2 posts
Joined: Jan 2009
yea i don't know where my attachments went! 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
favorites
Korean dramas- Iljimae, Cruel Love, DaeJangGeum
Talk
(where to get one)
Old
"><$BlogPreviousItemTitle$>
Older
"><$BlogArchiveName$>
Leaving
friends'
blogs
favorite sites
whatever
counter
Visit the web design web page.
Thanks
Designer, Image: fedora_girl
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 posted this at 20:12 — 18th January 2009.
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&boxtag=7938&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&boxtag=7938&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.