Forums > Xanga Skin problem

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

kskcandy

Sep 24 2005, 01:28 AM

I am a beginer.
I just tried to make a Xanga skin for my Xanga.
And I made this picture below.

And the code like this.

<!-- begin code provided by createblog.com --><br /><html><br /><head><br /><title>kskcandy's Xanga</title><br /><meta http-equiv="Content-Type" content="text/html; charset=big5"><br /><br /><script language="javascript"><br /><!--   <br />if (navigator.appName.indexOf("Internet Explorer") != -1)   <br />document.onmousedown = noSourceExplorer;   <br />function noSourceExplorer(){if (event.button == 2 | event.button == 3)   <br />{   <br />alert("Love ah Ron 4ever*");}}   <br />//-->    <br /></script><br /><br /></head><br /><body bgcolor="#FFFFFF" leftmargin="200" topmargin="50" marginwidth="0" marginheight="0"><br /><!-- ImageReady Slices (xangaskin2.psd) --><br /><img src="http://home.graffiti.net/ksk17:graffiti.net/xangaskin2.jpg" width="576" height="432" border="0" alt="" usemap="#xangaskin2_Map"><br /><map name="xangaskin2_Map"><br /><area shape="rect" alt="Log Out" coords="509,8,562,21" href="http://www.xanga.com/logout.aspx"><br /><area shape="rect" alt="Guest Book" coords="430,8,499,21" href="http://www.xanga.com/guestbook.aspx?user=kskcandy"><br /><area shape="rect" alt="Subscibe" coords="362,8,418,21" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=kskcandy"><br /><area shape="rect" alt="Subscription" coords="276,8,351,21" href="http://www.xanga.com/Private/subs.aspx"><br /><area shape="rect" alt="Look & Feel" coords="187,8,267,21" href="http://www.xanga.com/CLAF/default.asp"><br /><area shape="rect" alt="Home" coords="142,8,175,20" href="http://www.xanga.com/private/home.aspx"><br /><area shape="rect" alt="Xanga.com" coords="67,8,130,21" href="http://www.xanga.com/"><br /><area shape="rect" alt="Sign In" coords="11,8,53,22" href="http://www.xanga.com/signin.aspx"><br /></map><br /><!-- End ImageReady Slices --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 254px; height: 333px; margin-top:-359px; margin-left: 297px;"> <br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Ron Ng - By kskcandy */<br />body <br />{background-color: #FFFFFF;<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #000000;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-face-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url(http://home.graffiti.net/ksk17:graffiti.net/border.jpg);<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Evanescent;<br />text-transform:none;<br />font-size:10px;<br />line-height:1px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:none;<br />text-align:center;<br />border:2px solid #FFFFFF;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: FFFFFF;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 2px solid #FFFFFF;<br />font:normal 10px Evanescent;<br />background-color: none;<br />font-color:#FFFFFF;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #FFFFFF;<br />font: bold 8pt Evanescent;<br />text-transform: none;<br />text-align:center;<br />border: #FFFFFF 2px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:FFFFFF;<br />background-color:none;<br />BORDER: #FFFFFF 2px solid;}<br /><br />font,td,p,xmp<br />{color:#FFFFFF;<br />font-face: Evanescent;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: Evanescent;<br />BORDER: #FFFFFF 2px solid;<br />width:244px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: 2pt; <br />font-family: Evanescent;<br />font-weight:normal; <br />color:#FFFFFF; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: Evanescent; <br />color:#FFFFFF; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#FFFFFF; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Monica;<br />color:#FFFFFF;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:8pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /></body><br /></html><br /><!-- end code provided by createblog.com -->

I dunno how to put the blog on the picture.
And when I wanna put these all in my Xanga, it doesn't work.
It just changed the color and the left border disappear and the picture was put at the bottom of the Xanga.

I dunno what to do.
And I dunno if there is anything wrong with my codes.
Can sb help? Plz

gelionie

Sep 24 2005, 03:31 AM

It is because your coding IS NOT for Xanga.
You code differently on Xanga than on normal websites.

Maybe you should read these tutorials first:

QUOTE

Q: How do I make a Xanga skin?
A: Try reading one of these tutorials.
xanga: Skinning Tutorial. Basics on skin making by kryogenix
How to make a xanga skin by NatiMarie
How To Make A Xanga Skin by sweetxsimplicity

kskcandy

Sep 28 2005, 09:58 AM

Thx a lot,,,
I read the tutorials again and I found out that I missed out sth that is really important!
And now I have corrected it, so my Xanga works right now~

hi-C

Sep 28 2005, 11:25 AM

QUOTE(kskcandy @ Sep 28 2005, 10:58 AM)

Thx a lot,,,
I read the tutorials again and I found out that I missed out sth that is really important!
And now I have corrected it, so my Xanga works right now~

I'll close this then. Congrats on figuring out your xanga.

Topic closed

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.