Forums > boxed layout

Help - Search - Members - Calendar

Full Version: boxed layout

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

maryissa

Feb 10 2006, 09:48 PM

Whats the code 4 having a boxed layout?
like this one....
http://www.xanga.com/hajitest4

YourSuperior

Feb 10 2006, 09:57 PM

QUOTE(maryissa @ Feb 10 2006, 9:48 PM)

Whats the code 4 having a boxed layout?
like this one....
http://www.xanga.com/hajitest4

<!-- begin code provided by createblog.com --><br /><img src="IMAG URL HERE"><br /><style type="text/css"><br />#rblEprops, .footer {display: none}<br /><br />/* LAYOUT NAME HERE*/<br /><br />body {<br />background-color:#FFFFFF;<br />scrollbar-arrow-color:#30678C;<br />scrollbar-track-color:#FFFFFF; <br />scrollbar-shadow-color:#FFFFFF; <br />scrollbar-face-color:#FFFFFF;<br />scrollbar-highlight-color:#FFFFFF; <br />scrollbar-darkshadow-color:#FFFFFF;<br />scrollbar-3dlight-color:#FFFFFF;}  <br /><br /><br />U {<br />/* edits underlined text */<br />font:8pt; <br />color: #FFFFFF; <br />letter-spacing: 0px; <br />font-weight: bold; <br />border-bottom: 3px solid #000000; <br />background: #FF3434;}<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, P {<br />/* edits main text */<br />font: normal 8pt terminal; <br />color: #000000; <br />text-align: justify;}<br /><br />B, STRONG {<br />/* edits bolded text */<br />font: arial; <br />color: #000000; <br />text-transform: uppercase;}<br /><br />i, EM {<br />/* edits italicized text */<br />font-family: georgia; <br />font-size: 8pt; <br />color: #FFFFFF; <br />letter-spacing:none; <br />background: #9FC9EB; <br />font-weight: bold;}<br /><br />s {<br />/* edits strikeouts */<br />text-decoration:strikeout;<br />font-weight: bold;<br />font: 8pt;<br />color: #30D5FF;<br />text-transform: none;<br />letter-spacing: 0px;<br />line-height:11px;}<br /><br /><br />table.footer TD {<br />/* leave this alone unless you know what to do*/<br />text-align: center;}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font:20px georgia;<br />width:410px;<br />text-transform:lowercase;<br />line-height:25px;<br />font-weight:bold;<br />color:#FFFFFF;<br />letter-spacing:0px;<br />background-color: #30678C;<br />text-align: right;<br />border-top: solid 1px #000000;<br />border-left: solid 1px #000000;<br />border-right: solid 1px #000000;}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#000000;<br />text-decoration: none;}<br /><br />a:visited, a.footernav:visited,  {<br />/* edits visited links */<br />color:#30D5FF; <br />text-decoration: none;}<br /><br />a:hover {<br />/* edits mouseovers on links */<br />color:#FF3434;<br />border: solid 1px #000000;<br />cursor: crosshair;<br />text-decoration: none;}<br /><br />input, select, textarea, .textfield, .button {<br />/* edits buttons, dropdowns, textareas, etc. */<br />border: 1px solid #000000;<br />font:normal 11px terminal;<br />background-color: #30678C;<br />letter-spacing:0px;<br />color: #FFFFFF;}<br /><br />table.left { <br />/* edits the menu module */<br />border: 1px solid #000000;<br />width:200px;<br />background-color: #ffffff;}<br /><br />table.blogbody {<br />/* edits the blog area */<br />border: 1px solid #000000;<br />background-color: #ffffff;<br />width:410px;}<br /><br />table.left th {<br />/* edits the titles of your menu module */<br />font:normal 15px arial;<br />background-image: url(http://i2.photobucket.com/albums/y20/ooplemyfruit/flowerscopy.gif);<br />background-color: #ffffff;<br />text-transform: capitalize;<br />color:#000000;<br />border-bottom: solid 1px #000000;}<br /><br />table.left TD {<br />/* edits the body of your module*/<br />background-color: #FFFFFF;<br />border: none;}<br /><br />table.search TD, table.announcements, table.search {<br />/* edits the search bar if you have one*/<br />background-color: #ffffff; <br />border: 1px solid #000000;}<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 #000000;}<br /><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 500px;}<br /><br />hr {<br />/* edits horizontal divider */<br />border: 1px solid #000000;}<br /><br /></style><br /><br /><!-- end code provided by createblog.com -->

^Just edit the stylesheet to your liking and insert your image url where I typed IMAGE URL HERE.

Kenado

Feb 11 2006, 07:54 AM

^That's not a boxed layout.
http://www.createblog.com/forums/index.php...pic=69&hl=boxed

talcumpowder

Feb 11 2006, 11:14 AM

If you'd like it more like the example provided...

CODE

[ http://www.xanga.com/rhythmsicle ]

YourSuperior

Feb 11 2006, 11:30 AM

QUOTE(Kenado @ Feb 11 2006, 7:54 AM)

^That's not a boxed layout.
http://www.createblog.com/forums/index.php...pic=69&hl=boxed

I think she got confused with the name, because the codes I posted are from the xanga example that she gave.

talcumpowder

Feb 11 2006, 11:53 AM

Yeah, but that one uses an image as the repeating background down the page.

It's easier just to define a div to go around.
Don't put a border on your images, by-the-by.

maryissa

Feb 20 2006, 05:25 PM

y doesnt the border go around the banner also?

Kenado

Feb 20 2006, 05:30 PM

Make sure the div goes before the image, because if it's after then you're telling the div to box everything EXCEPT the image.

maryissa

Feb 20 2006, 06:50 PM

ok. thank you. this can be closed now.

Kenado

Feb 20 2006, 06:58 PM

You're welcome.
Topic Closed.

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