Help - Search - Members - Calendar
Full Version: alignment +more
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
xTINAA
so i`m trying to kind of make a new xanga layout. i took a skin i found & added my own banner. but how do i make it so the dates, entries, & my banner are all aligned? also, i want to add some things on my xanga but i don`t want a module at all to show when publically viewed. is there any way i can add a box or something at the bottom of my xanga and put links and stuff in there? because i want to put my counter in there & also some affiliates buttons..sorry if this doesn`t make sense. but uhm, i`m not sure if you`ll need to see my code, but here it is, anyway:
CODE
<!-- begin code provided by createblog.com -->

<img src="http://img106.exs.cx/img106/5271/aJbanner.jpg" width="506" height="138" border="0" alt="" usemap="#aJbanner_Map">
<map name="aJbanner_Map">
<area shape="rect" alt="log out" coords="472,119,504,129" href="http://www.xanga.com/default.aspx?mode=logout">
<area shape="rect" alt="sign in" coords="476,92,505,103" href="http://www.xanga.com/signin.asp">
<area shape="rect" alt="guestbook" coords="447,61,505,71" href="http://www.xanga.com/guestbook.aspx?user=angelichrissy">
<area shape="rect" alt="subscribe" coords="447,32,506,45" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=angelichrissy">
<area shape="rect" alt="xanga.com" coords="0,119,51,130" href="http://www.xanga.com">
<area shape="rect" alt="read your subscriptions" coords="0,92,52,104" href="http://www.xanga.com/Private/subs.aspx?">
<area shape="rect" alt="look and feel" coords="0,66,52,77" href="http://www.xanga.com/claf/Default.asp">
<area shape="rect" alt="home" coords="0,39,48,51" href="http://www.xanga.com/private/home.aspx">
</map>


<style type="text/css">

/*"Unity in Beige" stylesheet */
/* by sentinelb@xanga.com */
/*http://blogring*/

body {
    background-color: #FFFFFf;
    scrollbar-arrow-color: #ddddd5;
    scrollbar-track-color: #FFFFFF;
    scrollbar-shadow-color: #ddddd5;
    scrollbar-face-color: #ddddd5;
    scrollbar-highlight-color: #ddddd5;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
    font:normal 11px arial;
    line-height:10px;
    color:black;
    letter-spacing:0px;
    text-align:justify;
       text-transform: small caps;
    }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
    text-align: center;
    }

div.blogheader, .caption {
/* edits the dates */
    font-family:arial;
    text-transform:uppercase;
    font-size:11px;
    line-height:10px;
    font-weight:bold;
    color:#000000;
    letter-spacing:0px;
    background-color: #ffffff;
    text-align: right;
    border-bottom: 0px solid #ffffff;
    }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
    color:#000000;
    font:normal 11px arial;line-height:10px;
    text-decoration: uppercase;
    }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
    color:#000000;
    font:normal 11px arial;
    line-height:10px;
    text-decoration: uppercase;
    }

a:hover {
/* edits when user mouseovers the links */
    color:#Ffffff;
    font:normal 11px arial;
    line-height:10px;
    cursor: ne-resize;
    text-decoration: uppercase;
    }

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
    border: 0px solid #ffffff;
    font:normal 11px arial;
    background-color: #FFFFFF;
    letter-spacing:0px;
    }

table.left {
/* this edits the menu module */
    border: 0px solid #ffffff;
    width:160px;
 background-color: #Ffffff;
    }

table.blogbody {
/* this edits the other the place where the  blog is */
    border: 0px solid ffffff;
    background-color: #ffffff;
    width:430px;
    }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
    background-image: url (http://url.com/to/the/site/image.gif);
    background-color: #ddddd5;
    font: bold 11px arial;
    text-transform: uppercase;
    color: #fffff5;
    border: none;
    }
table.left TD {
/* on your menu module, this edits the body part of it */
    background-image: url (http://url.com/to/the/site/image.gif);
    background-color: #FFFFFF;
    border: none;
    }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
    background-color: #ddddd5;
    border: 1px solid #c0c0c0;
    }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
    border: 0px solid #fffffff;
    }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
    width: 600px;
    }
hr {
/* horizontal divider */
    border: 0px solid #ffffff;
    }
table.navigation, table.footer {display: none;}
</style>

<!-- begin code provided by createblog.com -->

<script language="JavaScript">
// Script Created by Mystical for Createblog.com
// http://xiphin.com
<!--
if(location.pathname=='/home.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>") }
if(location.pathname=='/item.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>") }
if(location.pathname=='/profile.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>")
}
else
{
if(location.pathname=='/private/home.aspx')
document.write("<!--Display MODULE-->")
}
//-->
</script>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->


by the way, here is my xanga in case you want to view it to see what i`m talking about: xanga thank you so much for your help =)
heyyfrankie
i made everything aligned for you. but i don't understand what your other questions are. kinda confusing! pinch.gif

CODEBOX: -> right click -> copy/paste


i hope that was what you wanted. because i couldn't really understand! ermm.gif
xTINAA
YAY thank you so much for aligning it!

okay well what i was talking about is like you know for your module you can show like affiliates and have their buttons showing like this: well, i used to have a custom module with all that stuff & it made my xanga lag really bad. i don`t want a module to show on my xanga, but i would still like to display the buttons and i was wondering if there was any way to do this. like to have a box or module type thing at the way bottom of the xanga where i could put all the buttons and junk at. hope that makes more sense!
C.Lime.Jello.
All you would have to do is place your affiliates and stuff in webstats....
It will still make your xanga lag, but since it's in Webstats, it'll load second and the other stuff will be loaded first. I think.
In any case, to display things at the bottom, put them in webstats.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.