Forums > need some coding fixed up!

Full Version: need some coding fixed up!

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

xmementoxxxmorix

Oct 29 2007, 05:28 AM

TYPE OF SERVICE: xanga layout

THEME: i made it REALLY easy. this ->

is exactly what i want and the coding is mostly done ill give it to anyone that does this for me. (the thing i want to change is that box at the bottom of my entries, it shouldnt be there)

heres what it looks like with the wrong coding <-- that is what it currently looks like. (view in internet explorer to see it best firefox messes it up even worse than it is.)

OTHER: i just wanna get my code to work. you can contact me @ njvmartin@msn.com and i'll send the code to you. (PLEASE make sure to make the emails subject something about layouts. thanks.)

digitalfragrance

Oct 29 2007, 07:37 AM

^ Could you post your layout code?

xmementoxxxmorix

Oct 29 2007, 08:45 AM

heres the code.

CODE

<img src="http://i23.tinypic.com/14o52qg.jpg">

<style type="text/css">.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 10px verdana;
line-height:12px;
color: #FFFFFF;
letter-spacing:0px;
text-align:left;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #FFFFFF;
}

i, em {
/* edits italic text in your entry */
font-weight: italic;
color: #FFFFFF;
}

u {
/*edits underlined text in your entry */
text-decoration: underlined;
color: #FFFFFF;
}
body {
scrollbar-arrow-color: #FF0033;
scrollbar-face-color: #000000; 
scrollbar-3dlight-color: #FF0033; 
scrollbar-darkshadow-color: #FF0033; 
scrollbar-highlight-color: #FF0033;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
background-image: url("");
background-position: center;
background-color: #000000;
background-repeat: no;
cursor:default;
}
table.footer TD {
text-align: center;
}

div.blogheader{
width: 400px;
font: normal 12px verdana;
font-size:12px;
font-weight:bold;
padding-top:4px;
line-height:50px;
letter-spacing: 3px;
text-transform:none;
color:#000000;
text-align:left;
background-image: url("");
background-position: right;
border-top: 0px solid #FF0033;
border-bottom: 0px solid #FF0033;
}


a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#FF0033;
font: normal 10px verdana;
line-height:13px;
background-color:#;
cursor:default;

 }

a:visited, a.footernav:visited, {color:#FF0033;
font: normal 10px verdana;
line-height:13px;
background-color:#; 
cursor:default;
}

a:hover {

color:#FFFFFF;
font: normal 10px verdana;
line-height:13px;
cursor:default;
}

input, select, textarea, .textfield, .button {
border: 1px solid #;
font: normal 10px verdana;
font-size: 10;
background-color: #736275;
letter-spacing:0px;
color: #E1DDE1;
}

table.blogbody 
{background: url() no-repeat bottom right;
font: normal 8pt verdana;
color: #FF0033;
line-height: 10pt;
text-align: justify;
padding: 2px;
background-color: none;
border: 0px solid #000000;
width: 400px;}


table.footer {display: none;}
.mainleft {
width: 0px;
padding: 1px;
}

hr {
border: 1px solid #FF0033;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {


width: auto !important;
}

table.blogbody tr td {
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

.Modules {
font: normal 9px verdana;
width: 210px;
color: #000000;
line-height:15px;
letter-spacing:0px;
text-align:left;

text-align:justify;
text-transform: none;
display:block; 
padding:4px;
background-color: none;
border-top: 0px solid #FF0033;
border-bottom: 0px solid #FF0033;
border-right: 0px solid #FF0033;
border-left: 0px solid #FF0033;
}


.Modules2 {
font: normal 9px verdana;
width:210px;
color: #000000;
line-height:15px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block; 
padding:0px;
background-color: #000000;
border: 0px dotted #FF0033;
}

.Header2 {
font: normal 12px verdana;
font-size:12px;
font-weight:bold;
padding-top:4px;
color: #FF0033;
letter-spacing: 1px;
text-transform: none;
line-height: 40px;
{background: url() no-repeat;
height: 40px;
background-color: none;
background-position: bottom center;
text-align: center;
padding-right: 0px;
padding:1;
padding-top:15px;
width: 210px;
text-decoration: uppercase;
border-top: 0px solid #FF0033;
border-bottom: 1px solid #FF003;
border-right: 0px solid #FF0033;
border-left: 0px solid #FF0033;
}

#nav a {
font-weight: bold;
     font: 10px verdana;
letter-spacing: 0.10em;
border-right: 0px solid # FF0033;
border-left: 0px solid # FF0033;
border-top: 0px solid # FF0033;
border-bottom: 1px solid # FF0033;
text-align:center;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
height: 10px;
     width:210px;
text-decoration: none;
color: # FF0033;
background-color: #000000;
text-transform: none;
cursor:default;
}

#nav a:hover { 
color: #FFFFFF;
     font: 10px verdana;
border-right: 0px solid # FF0033;
border-left: 0px solid # FF0033;
border-top: 0px solid # FF0033;
border-bottom: 1px solid # FF0033;
     text-align:center;
     width:210px;
     background-color: #000000;
     text-transform: none;
cursor:default;
)</style>

<div style="position:static; margin-left: 300px; margin-top: -215px; width: 210px; height: 1500px; overflow: visible;">
<div class="modules2">
<div class="header2">: About Me :</div>
<div style="width: 210px; height: 50px; overflow: auto; background-color: none; border: 0px solid # FF0033;overflow-auto;
scrollbar-arrow-color: #FF0033;
scrollbar-face-color: #000000; 
scrollbar-3dlight-color: #FF0033; 
scrollbar-darkshadow-color: #FF0033; 
scrollbar-highlight-color: #FF0033;
scrollbar-shadow-color: #FF0033;
scrollbar-track-color: #000000;"><table border="0" width=190px><tr><td valign="top"><p>




ABOUT ME HERE<br>
ABOUT ME HERE<br>

 

</td></tr></table></td></tr></table></div>
</span></span></span></span></span>
<div class="header2">: Navigation :</div><div id="nav">

 <a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=monk_rat_child">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=monk_rat_child">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=monk_rat_child" target="blank">Add Me</a><br>

 

</div></span></span>

</td></tr></table></td></tr></table></div></div>
</span></span><br></span>
</div></div></div>

<DIV style="position:static; 
overflow: auto;
margin-top: -1775px; 
margin-left: 290px; 
width: 430px; 
height: 400px;
padding: 2px;
BACKGROUND-COLOR: transparant;">

digitalfragrance

Oct 29 2007, 10:07 AM

In the Div Style for your Modules2 Div, add these attributes:

margin-top: ##px; margin-left: ##px;

Those will move your navigation up and down. Now, this might throw the blog off, but if you align the nav first, and then the blog, you should be fine.

xmementoxxxmorix

Oct 29 2007, 12:21 PM

so i added that code & im still having a problem

the nav is moving like it should but as you can see, it disappears more the further it goes up & wont go up where i want it too.

digitalfragrance

Oct 29 2007, 06:56 PM

Try changing the "overflow: visible;" to "overflow: auto;"

xmementoxxxmorix

Oct 30 2007, 07:51 AM

that added this scroll bar at the way bottom that if you scroll all the way over to the right, then go back up you'll see the nav.

heres what it looks like

i cant get it to work right...

digitalfragrance

Oct 30 2007, 12:14 PM

I've figured it out! (at least I'm pretty sure this is it)

Change the "position:static;" to "position:absolute;" In your navigation/about me div layer.

xmementoxxxmorix

Nov 1 2007, 03:27 AM

thanks. that worked =]
& this is gonna sound odd, but the code works in firefox but the nav & about me are nonexistant in IE.

any ideas?

digitalfragrance

Nov 2 2007, 04:00 PM

Huh... IE might hace trouble recognizing the mesh of tables and div tags that are everywhere in that area. It'd be ideal to simplify your coding and see if it works.

xmementoxxxmorix

Nov 3 2007, 08:03 PM

i have NO idea how to do that. ill just deal with it being in firefox i suppose.

twodreamlovers

Dec 29 2007, 11:46 PM

i haven't read the whole code. i think instead of doing margin-left and margin-top, you should stick to left and top.

CODE

left:XXpx;
top:XXpx;

in case this wasn't mentioned. i don't know. maybe this isn't really related but for future reference? because i think margin stuff messes it up in IE or FF, depending on which server you used to make this layout.

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