Log In · Register

 
 
Closed TopicStart new topic
How did he do it?
sadturtle
post Jan 3 2007, 08:57 PM
Post #1


hXc
***

Group: Member
Posts: 63
Joined: Dec 2005
Member No: 338,531



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
post Jan 3 2007, 09:05 PM
Post #2


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



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
post Jan 4 2007, 07:18 PM
Post #3


chinky
******

Group: Official Designer
Posts: 2,566
Joined: Jul 2006
Member No: 434,437



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
post Jan 4 2007, 09:47 PM
Post #4


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010



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>
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: