Digital Wing

Designer's Comments

Look carefully for specific instructions

Adding/taking away things from this module can mess up the alignment. To adjust the alignment, scroll all the way to the bottom, and change the {margin-top:} part! decrease or increase the number will make the alignment go up or down!

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer 
{display: none;} 
</style>

scrollbar-arrow-color: #47515B;
scrollbar-track-color: #47515B;
scrollbar-shadow-color: #7C98AE;
scrollbar-face-color: #5D6775;
scrollbar-highlight-color: #7C98AE;
scrollbar-darkshadow-color: #7C98AE;
scrollbar-3dlight-color: #FFFFFF;}

div.blogheader, .caption 
{background-image: url(http://images.cbimg5.com/xanga/23/5530b.gif);
background-repeat: no-repeat;
background-position: bottom ;
font: 10px Terminal;
line-height: 15px;
color: #D2D9E6;
text-transform: uppercase;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
border: 0px solid #D2D9E6;}

.module b, .section b, .blogbody b, .standard b, p b, strong 
{font-weight: normal;
color: #D2D9E6;}

input, select, textarea, iframe.htmleditor, .textfield, .button 
{border: 1px solid #D2D9E6;
font: normal 7pt verdana;
color: D2D9E6;
line-height: 10pt;
background-color: white;}

table.footer TD 
{text-align: center;}

.header 
{background-image: url(http://images.cbimg5.com/xanga/23/5530c.gif);
background-repeat: no-repeat;
background-position: bottom ;
font: 10px Terminal;
line-height: 26px;
color: #D2D9E6;
text-transform: uppercase;
letter-spacing: 2px;
background-color: none;
text-align: left;
border: 0px solid #3E647E;
padding-right: 3px;}
 
.module 
{width:214px;
background-color: none;
border: #D2D9E6 0px solid;}

.section
{font: normal 7pt verdana;
color: #D2D9E6;
line-height: 10pt;
text-align: left;
border: 0px solid #3E647E;
background-color: none;
padding: 5px;}

font,td,p,xmp
{color: #D2D9E6;
font-face: verdana  BRK;
font-weight: normal;
font-size: 8pt;
text-align: justify;}

.blogbody tr td 
{width: 0px; 
padding-left: 0px;}

.blogbody 
{background-color: none;
font: normal 7pt verdana ;
color: #B5C5D3;
line-height: 10pt;
text-align: justify;
border: #D2D9E6 0px solid;
padding: 5px;
width: 350px;}

a:link
{font: normal 7pt verdana ;
color: #D2D9E6;
line-height: 10pt;
text-transform: none;
text-decoration: none;}

a:active
{font: normal 7pt verdana ;
color: #D2D9E6;
line-height: 10pt;
text-transform: none;
text-decoration: none;}

a:visited
{font: normal 7pt verdana ;
color: #D2D9E6;
line-height: 10pt;
text-transform: none;
text-decoration: none;}

a:hover 
{font: normal 7pt verdana ;
color: white;
text-transform: none;
text-decoration: ;
border-bottom: 1px #3E647E;}

@font-face 
{font-family: verdana;
font-style:  normal;
font-weight: normal;
text-transform:justified;
src: url();}

body, td, p, font 
{color: #D2D9E6;
font-family: verdana;
font-size: 7pt;}

table.blogbody tr td 
{width: 0px; 
padding-left: 0px;}

table.blogbody 
{width: 400px;
background-color: none;
font: normal 8pt tahoma;
color: #B5C5D3;
line-height: 10pt;
text-align: left;
padding: 4px;
border: 0px solid #D2D9E6;}

</style>

<div class="module" style="overflow: visible; width: 274px; margin-top: -310px; margin-left:595px;"><align=left>
<div class="header">Profile</div>
<div class="section">
<img src="http://images.cbimg5.com/xanga/23/5530d.gif"align=left">
<br>
<b>Name:</b> your name here<br>
<b>About Me:</b> I like pandas and pepe le pew, the skunk :)
<br><b>Layout:</b> <b>Digital Wing</b>, all effects are (c)xklipse</div><br>

<div class="header">Navigation</div><br>
<div class="section">
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/private/home.aspx">Private</a><br>
<a href="http://www.xanga.com/profile.aspx?user=xkipse">Profile</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=reminisce_ds7">Guestbook</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=YOURXANGAHERE">Subscribe</a><br>
<a href="http://www.xanga.com/private/subs.aspx">Subscriptions</a><br>
<a href="http://www.xanga.com/claf/default.asp">Design</a><br>
<a href="http://www.xanga.com/logout.aspx">Logout</a><br>
<a href="http://www.xanga.com/signin.aspx">Login</a><br>

</div><br>

<div class="header">Subscriptions</div>
<div class="section">
<a href="http://www.xanga.com/friend">Friend</a><br>
<a href="http://www.xanga.com/friend">Friend</a><br>
<a href="http://www.xanga.com/friend">Friend</a><br>
<a href="http://www.xanga.com/friend">Friend</a><br>

<div class="header">Blogring</div>
<div class="section">

<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
</div><br>
</div>
<div class="header">Credits</div>
<div class="section">
<b>Layout</b>: <a href="http://www.xanga.com/XKLIPSE" target="_blank">XKLIPSE</a><br>
<B>Code</b>: <a href="http://www.createblog.com" target="_blank">createblog.com</a><br>
</div>
</div>

</div>

</div>
<script>
document.title = 'Digital Wing'
</script>

Layout Comments

Showing latest 10 of 10 comments

This is the altered code which appeared to align everything and keep it stabilized when the resolution changes. The graphic still seems to be shifted over to one side but hey it works!  <

By GruffDaddy on Nov 1, 2005 1:38 am

I use a resolution of 1280 X 1024 and IE 6.0.2900 XP sp2. So far I've been able to get the alignment right although the whole image appears shifted to the left. When I change resolutions the profile panel stays aligned (text and graphics) but the jour

By GruffDaddy on Oct 31, 2005 11:05 pm

well, actually, I made it on 1024x768. maybe my coding doesn't match with your browser? you have IE?

By xklipse on Oct 31, 2005 4:52 pm

I was able to make the necessary changes but I'm having problems aligning the overflow graphic so it will align with the main body. I found your instructions on your website regarding the alignment problems. I'm sorry I didn't see it sooner. O

By GruffDaddy on Oct 30, 2005 6:38 pm

okay, sorry it took me so long to reply, I just saw your pm. QUOTE <div class="module" style="overflow: visible; width: 274px; margin-top: -310px; margin-left:595px;"><align=left>you should be able to find this somewhere in

By xklipse on Oct 30, 2005 12:15 pm

I'm having the same problem with the alignment issue, So far I've been able to help it a little by changing the left margin in the code at the top as follows:  <br><div align=le

By GruffDaddy on Oct 29, 2005 8:06 pm

I've tried to use this, but the text won't go where it's supposed to. It's always aligned either too far to the right, top, or left. Help?

By Skmash50 on Oct 23, 2005 4:21 pm

its nice but i can't change the profile pic. im trying to change it to a porshe but everytime i sace it doesnt work!!!???help me!

By westcoasttheone on Oct 17, 2005 1:04 am

haha thanks, I made it a looong time ago, i just found it in my photobucket, it's never been used >.o yay, lol- you fix the name script for me, it still said pride when i submit it. cause I forgot to change it <.<

By xklipse on Oct 8, 2005 10:47 pm

I like this layout the most made by you, fantastic job!

By Eryi on Oct 8, 2005 10:43 pm

Layout Details

Designer	xklipse
Submitted on	Oct 8, 2005
Page views	16,942
Favorites	18
Comments	10

Digital Wing

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates