How did he do it? |
![]() ![]() |
How did he do it? |
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 |
|
|
|
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.
|
|
|
|
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> |
|
|
|
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> 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./* 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"> Oh, and You'll need to put this in webstats: CODE </td></tr></table></div>
|
|
|
|
![]() ![]() |