rain rain rain

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>
<style type='text/css'>
.blogbody td { width:0px; padding-left:0px; }
</style>

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #C6C6C6;
font:normal 8pt comic sans ms;
background-color: ffffff;
font-color: #C6C6C6;}

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

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
display: none;
background-image: url();
background-color:none;
color: #ffffff;
font: bold 8pt comic sans ms;
text-transform: none;
text-align:center;
border: #000000 0px solid;}
 
table.left { 
/* this edits the menu module */
display: none;
width:3px;
color:000000;
background-color:ffffff;
border: none;}

font,td,p,xmp
{color:#62B1F4;
font-face: comic sans ms;
font-weight:normal;
font-size:8pt;
text-align:justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 0px;}

table.blogbody {
background-color:transparent;
font-family: arial;
BORDER: none;
width:355px;
line-height: 17px;
padding-bottom:100 px}

a:link {font-size:8pt; font-weight:none; font-family: comic sans ms; color:#00D500; text-decoration;none}
a:active {font-size:8pt; font-weight:none; font-family: comic sans ms; color:#00D500; text-decoration:outline;}
a:visited {font-size:8pt; font-weight:none; font-family: comic sans ms; color:#00D500; text-decoration:none;}
a:hover {font-size:8pt; font-weight:none; font-family: comic sans ms; color: #00D500; text-decoration:none;}
a:hover {.alpha {
width: inherit; height: 1; Filter: Alpha(Opacity=10, FinishOpacity=30, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size: 8pt; font-family: comic sans ms;}}
</style>

Layout Code

Copy and paste to Website Stats

Help

// Smiley Changer

function replaceTextSmileys()
{
// ***add textual emoticons to the array below
var textSmileys = new Array(

":01:",
":02:",
":03:",
":04:",
":05:",
":06:",
":07:",
":08:",
":09:",
":10:",
":11:",
":12:",
":13:",
":14:",
":15:",
":16:",
":17:",
":18:",
":smile:",
":oh:",
":frown:",
":bigsmile:",
":tongue:",
":wink:",
":grr:",
":blushing:",
":question:",
":shades:",
":eh:",
":emo:",
":down:",
":overeasy:",
":grin:",
":blank:",
":bliss:",
":heh:",
":bouncy:",
":ghost:",
":flashy:",
":green:",
":cover:",
":sick:",
":demonic:",
":yawn:",
":brows:",
":dirty:",
":red:",
":rainbow:",
":giddy:",
":blue:",
":cooking:",
":perv:",
":shaky:",
":ah:",
":winker:",
":spin:");

// *** add the url's from the corresponding images below
var realSmileys = new Array(
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/angry.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/biggrin.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/blush.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/confused.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/cool.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/crazy.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/cry.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/doze.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/hehe.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/laugh.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/plain.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/rolleyes.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/sad.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/satisfied.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/shocked.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/smile.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/tongue.gif",
"http://members.lycos.co.uk/boysbr3akhearts/Rainbow/wink.gif",
"http://img65.exs.cx/img65/4861/smile.gif",
"http://img22.exs.cx/img22/7882/shocked.gif",
"http://img22.exs.cx/img22/7949/sad1.gif",
"http://img22.exs.cx/img22/889/biggrin6.gif",
"http://img22.exs.cx/img22/3129/tongue2.gif",
"http://img68.exs.cx/img68/4096/wink.gif",
"http://img68.exs.cx/img68/1719/angry.gif",
"http://img22.exs.cx/img22/343/blush.gif",
"http://img22.exs.cx/img22/5757/confused3.gif",
"http://img22.exs.cx/img22/1525/cool5.gif",
"http://img22.exs.cx/img22/4344/crazy2.gif",
"http://img22.exs.cx/img22/7752/cry5.gif",
"http://img22.exs.cx/img22/3078/doze.gif",
"http://img65.exs.cx/img65/9046/hehe.gif",
"http://img22.exs.cx/img22/1276/laugh.gif",
"http://img22.exs.cx/img22/5366/plain.gif",
"http://img22.exs.cx/img22/4865/rolleyes2.gif",
"http://img65.exs.cx/img65/1875/satisfied1.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/silly.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/surprised.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/high.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/jealous.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/geeky.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/sick.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/devious.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/tired.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/determined.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/stressed.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/annoyed.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/artistic.gif",

"http://stat.livejournal.com/img/mood/growf/smileys/bouncy.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/worried.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/enraged.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/flirty.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/giggly.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/hot.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/wink.gif",
"http://stat.livejournal.com/img/mood/growf/smileys/hyper.gif");
// *** number of smileys that will be displayed per row
var maxNumberOfSmileysPerRow =14;

// *** button size in pixels
var buttonSize = 25;

// preloading images
var preloadedImages = new Array(realSmileys.length);
for (i = 0; i < preloadedImages.length; ++i)
{
preloadedImages[i] = new Image();
preloadedImages[i].src = realSmileys[i];
}

var allTableData = document.getElementsByTagName('td');
var indx;
var smiley;
var replacement;

for (var i = 0; i < allTableData.length; ++i )
{ 
for ( var n = 0; n < textSmileys.length; ++n )
{
if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
(allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
{
indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
if (indx != -1)
{ 
while (indx != -1)
{ 
replacement = '';
indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
smiley = '<img src=\"' + realSmileys[n] + '">'
replacement = allTableData[i].innerHTML.replace(textSmileys[n],smiley);
allTableData[i].innerHTML = replacement; 
} 
}
}

}
}

if (document.URL.indexOf('weblogs') != -1)
{
var smileyCollection = new Array(realSmileys.length);
var smileyBar = '';

if (document.getElementById('htmleditor'))
{
for (i = 0; i < smileyCollection.length; ++i)
{ 
smileyCollection[i] = '<button type="button" value="" ' +
'style="width:' + buttonSize + 'px; height:' + 
buttonSize + 'px;" onclick="javascript:insertHTML(\' ' + 
textSmileys[i] + '\'); return false;">' +

'<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
'"></button>';
}

} 
else
{
for (i = 0; i < smileyCollection.length; ++i)
{ 
smileyCollection[i] = '<button type="button" value="" ' +
'style="width:' + buttonSize + 'px; height:' + 
buttonSize + 'px;" onclick="javascript:typeSmiley(\' ' + 
textSmileys[i] + '\'); return false;">' +
'<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
'"></button>';
} 
}

for (i = 0; i < smileyCollection.length; ++i)
{ 
if (i != 0)
if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1) 
smileyBar = smileyBar + '<BR>';
smileyBar = smileyBar + smileyCollection[i];
}

// add SmileyBar
infoLink = '<a href="http://www.alicewoodrome.com/smileyscript.html"' +
'target=blank><font style="font-size: xx-small; font-weight: normal;">' +
'Smiley Script</font><a/><br><br>';
smileyBarHtml = '<br><b><font color="#000000">Add Emoticons</b><br><font style="font-size: xx-small">' + 
'<font color="#000000">Simply add emoticons to your comments by clicking them!</font><br><font color="#000000">Get smilies like these at <a href=http://xanga.com/boysbr3akhearts target=new>xanga.com/boysbr3akhearts</a>!!! <br><br>' + 
smileyBar + '<br><br>';

if (navigator.userAgent.indexOf('Mac') == -1)
{
if (document.getElementById('htmleditor'))
var obj1 = document.getElementById('htmleditor').parentNode;
else
{
if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')
var obj1 = document.getElementsByTagName('textarea')[0].parentNode;
else
{
var allTextAreas = document.getElementsByTagName('textarea');
for (i = 0; i < allTextAreas.length; ++i)
{
if (allTextAreas[i].getAttribute('name') == 'bdescr')
{
var obj1 = allTextAreas[i].parentNode;
break;
}
}
}
}
var obj2 = document.createElement('span');
obj2.setAttribute('ID','idSmileyBar');
obj2.innerHTML = smileyBarHtml;
obj1.insertBefore(obj2,obj1.firstChild);
}
else
{
// alternative solution for the Mac
for (var i = 0; i < allTableData.length; ++i )
{
if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
(allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
{ 
if (allTableData[i].innerHTML.toUpperCase().indexOf('(OPTIONAL)') != -1)
{
var temp = allTableData[i].innerHTML;
allTableData[i].innerHTML = temp + '<br>' + smileyBarHtml;
break; 
}
}
}
}
}

}
if (document.URL.indexOf('weblogs') != -1)
replaceTextSmileys();
</script>

Layout Comments

Showing latest 3 of 3 comments

very nice :] cute

By HANDgrenade on Nov 3, 2007 10:01 pm

cute and simple!

By Angel_Cece on May 8, 2005 3:08 pm

I like it. I'd use it.

By kxt ze blonde on May 8, 2005 3:06 pm

Layout Details

Designer	x_o
Submitted on	Apr 29, 2005
Page views	21,044
Favorites	43
Comments	3

rain rain rain

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates