Help - Search - Members - Calendar
Full Version: How did he do it?
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
sadturtle
the whole entire page is in a box, aligned with the same width of his banner, I would like a layout similar to this.
Is this something only someone with a premium account could do?

his left module is outdated and is missing some factors that are included today

http://www.xanga.com/SubashKuttan


please link me to a code or a layout similar to this, im having problems finding one
YourSuperior
He does have a premium account, because all of the regular xanga codes are not in his source. He basically used tables for everything. If you want to view his source, just go to your browser and click view, and then page source.
Stefanny
I think you can do this with a regular Xanga page too, you just need a code. Since I have something like this on hand, I'll just post it here. However, please do credit me.

(You need a basic layout code for the colors & text.)

You should be able to read through the script & change the nessesary.

CODE
<style type="text/css">
.search, .searchbarborder, .footer, hr, banner{ display: none; }
.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}
.navigation * div {  display: none; float: right; font-weight: none !important}
</style>
<div style="width: 652px; border: 1px solid #COLOR; background-color: #COLOR;">
<div style="border: 1px solid #COLOR;">
<IMG src="BANNER URL HERE">
<p align=right><a href="URL">one.</a> <a href="URL">two.</a>
talcumpowder
The left modules can easily be duplicated by the following script.
CODE
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #000000; width:160px; background-color:f2f2f2; }
table.module th { background-color: #336699;font: bold 11px arial; text-transform: uppercase;color: #FFFFFF; border: none; }
table.module td {color: #000000; text-align: left; border: none; background-image: none; }
</style>

<!-- add this below all the CSS -->

<table border=0 width="660"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://p.xanga.com/USERNAME/profile.jpg"></center><p>

<b>name:</b> uhhhh..<br>
<b>gender:</b> errr<br>
<b>hobbies:</b> blah blah<br>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module">

<!-- Add your subscriptions here -->

<a href="http://www.xanga.com/SOMEONE">someone</a><br>
<a href="http://www.xanga.com/SOMEONE2">someone 2</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module">

<!-- Add your blogrings here -->

<a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a>

</td></tr></table><br>


<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module">

La la la =]

</td></tr></table><br>



</td><td width="500" valign="top" align="left">
That can be changed as you feel nessecary, and it all goes in custom header. If you use the script provided aboved, just put it under everything else.
Oh, and You'll need to put this in webstats:
CODE
</td></tr></table></div>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.