I really need help with my layout!, Layout Help Options

[EndlessSite]

Hi, I really need help with my new xanga skin! I know a bit of HTML but I'm not an expert. I downloaded this awesome layout from this site but it only came with a little bit of code. ((Like the scrollbar color, link visited...etc..)) I need some help! Thanks a lot!

[monkeygerl]

Hi, I really need help with my new xanga skin! I know a bit of HTML but I'm not an expert. I downloaded this awesome layout from this site but it only came with a little bit of code. ((Like the scrollbar color, link visited...etc..)) I need some help! Thanks a lot!

uhh.. so what was that u needed help with?

[avalon*]

yes, please provide your xanga link, the code, or something so we can help you =)

[shortvi3tlaydee]

you could always message the person who made the layout =] or provide the picture for us so we can code it

[EndlessSite]

Sorry about that...I don't know what I was thinking when I was typing that post...It must have slipped my mind.

The layout I am talking about can be found Here, It's the first one. (It's black and navy, titled 'Look only at me'.)

Thanks once again!

[avalon*]

could you post all of the codes they gave you? and can those be used for xangas?

[EndlessSite]

Of course! Yes, they should anyway.

Here they are:

<!-- begin code provided by createblog.com --><br />body, td, tr {<br />scrollbar-DarkShadow-Color:#000000;<br />scrollbar-Track-Color:#000000;<br />scrollbar-Face-Color:#000000;<br />scrollbar-Shadow-Color: #000000;<br />scrollbar-3dLight-Color:#000000;<br />scrollbar-Highlight-Color:#000000;<br />scrollbar-Arrow-Color:#2B9ED2;<br />font-family: Tahoma;<br />font-size: 11px;<br />line-height: 11 pt;<br />color: #2B9ED2;<br />}<br /><br />A:link {color: #2B9ED2; text-decoration:none}<br />A:visited {color: #2B9ED2; text-decoration:none}<br />A:active {color: #2B9ED2; text-decoration:none}<br />A:hover{ color: #000000; text-decoration:line-through}<br /><br /><!-- end code provided by createblog.com -->

And that was it...I guess she was like 'figure the rest out yourself.' lol And then she gave you the pic for the layout,button, and avatar to upload on your own server.

Thanks!

[avalon*]

okay, all you have are the codes for the scrollbars and for the hover links., you know that. what else would you like on your xanga? do you need to know how to actually get the layout onto the xanga?

[EndlessSite]

Yeah, I know. That's all that came with it. And whatever came after that I had no clue because the code wasn't complete. And yes, I am trying to get the layout onto my xanga.

Thanks!

[hi-C]

Yeah, I know. That's all that came with it. And whatever came after that I had no clue because the code wasn't complete. And yes, I am trying to get the layout onto my xanga.

Thanks!

Topic closed. If you need anymore help, feel free to PM us

[avalon*]

topic re-opened
she was just clarifying, now i'm posting something to help her

okay, first paste this code into your custom header. you'll need to do everything in this order

<!-- begin code provided by createblog.com --><br /><div style="margin-left:#px; margin-top:#px;"><br /><img src="PUT THE IMG URL HERE"></div><br /><!-- end code provided by createblog.com -->

if you don't have an image url, you'll need to upload your image. try www.imageshack.us. see where the number signs are? insert numbers in place of those. this code moves your main image around. say if you want your main image to align with the top left corner, you would play around with the numbers until it goes where you want it to. margin just means how far away it is from the top of your browser window or from the left of the screen.

next comes a pretty confusing part so stay with me.

<!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left:#px; margin-top: #px; width: #px; height: #px; background: transparent;"><br /><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /><td colspan=2><br /><p class="nav"><b>navigation</b></p><br /><tr><br /><td><br /><A href="http://www.xanga.com/signin.asp">signin</A><br /><br /><A href="http://www.xanga.com/USERNAME">me</A><br /><br /><A <br />href="http://www.xanga.com/profile.asp?user=USERNAME">profile</A><br /><br /><A <br />href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add <br /><br />me</A><br /><br /><A <br />href="http://www.xanga.com/guestbook.asp?<br /><br />user=USERNAME">guestbook</A><br><A <br /><br />href="http://www.xanga.com/private/home.aspx">you</A><br /><br /><a href="http://www.xanga.com/CLAF/default.asp">edit</A><br /><br /><A href="http://www.xanga.com/private/subscriptions.aspx">friends</A><br /><br /><A href="http://www.xanga.com/logout.asp">goodbye</A><br /><p><br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /></td><br /></tr><br /></table><br /></div><br /><!-- end code provided by createblog.com -->

at the beginning, you see another one of those "div" codes. these are to move things around and place them where you want them to go. this code will be for moving your info bar/module around. again, replace the # symbols with numbers for margin left and top like you did for the first code. then it says width and height. well this will be the width and height of your module. overflow means if you want a scrollbar or not. if you say "overflow: auto" it will give you a scrollbar. if you say "overflow: none", your module will not have a scrollbar. if you say overflow: none, you will need to put 100%px as your height instead of any other number.
to get the "custom" modules or whatever, i used tables. i put TITLE and INFO in for you so that you can see where everything goes. just edit those as you wish. i left the xanga links in there as well. edit those to your liking also.

then comes another div code [they're very important in xanga skinning ]

<!-- begin code provided by createblog.com --><br /><br /><div style="position:absolute; margin-left:#px; margin-top: #px; <br />width: #px; height: #px;background: transparent; overflow: none"><br /><br /><style type='text/css'>.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, <br />td.mainleft, <br />table.left TH, table.left <br />TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere <br />{display: none;} <br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;}<br />body {<br />background-color: #000000;<br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF; <br />cursor: crosshair;<br />}<br /><br />//blogringdocument.write<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font: 12px arial;<br />line-height:12px;<br />color: #FFFFFF;<br />letter-spacing:0px;<br />text-align:justify;<br />border: none;<br />background-color: transparent;<br />filter: alpha(opacity=100)<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: Arial;<br />text-transform: none;<br />font-size:12px;<br />line-height:10px;<br />font-weight:bold;<br />color:#E3D7CA;<br />letter-spacing:1px;<br />background-color: transparent;<br />text-align: center;<br />border-bottom: none;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#E3D7CA;<br />font:12px arial;<br />line-height:13px;<br />text-decoration: none;<br />}<br /><br />//blogring.document.write<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#E3D7CA; <br />font:12px arial;<br />line-height:13px;<br />text-decoration: none;<br />}<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#E3D7CA;<br />font:12px arial;<br />line-height:13px;<br />text-decoration: none;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: none;<br />font:12px arial;<br />background-color: transparent;<br />letter-spacing:0px;<br />}<br /><br />table.left { <br />/* this edits the menu module */<br />border: none;<br />width:#px;<br />background-color: transparent;<br />}<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color: transparent;<br />filter: alpha(opacity=100)<br />width:#px;<br />}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url('');<br />background-color: transparent;<br />font: bold 12px arial;<br />text-transform: none;<br />color: #E3D7CA;<br />border: none;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url('');<br />background-color: transparent;<br />border: none;<br />}<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: transparent; <br />border: none;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #c0c0c0;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: #px;<br />}<br /></div><br /></style><br /><br /><!-- end code provided by createblog.com -->

okay there's another div code. this one is for moving your blog around. use the same technique as before and remember the part about the overflow. now jump down to where it has all those 6 digit numbers..just enter in your own color codes and fonts and font sizes and whatnot. those should be pretty self-explanatory. just replace my color codes. you'll also need to find a background color and enter that color code in.
now if you look closely, there are 2 places where it talks about the width of the blog and one place about the width of the module in the stylesheet. just enter those in according to what you had in your div codes.

that should be it..i know this was really long and really confusing, so if you have any more questions don't hesitate to ask

[EndlessSite]

Thank you, thank you, so much! I really appreciate your help. I know you didn't have to do it but you took the time to do so. Thank you, Bless you!

[sherryvu]

Thank you, thank you, so much! I really appreciate your help. I know you didn't have to do it but you took the time to do so. Thank you, Bless you!

member helped. if you need me to reopen this topic for any reason, just PM me
[ topic closed ]