Log In · Register

 
 
Closed TopicStart new topic
Xanga Script, I really love this layout
cracker
post Feb 25 2006, 01:23 AM
Post #1


Newbie
*

Group: Member
Posts: 7
Joined: Feb 2006
Member No: 381,404



Can anybody tell me wts the script of this xanga?
http://www.xanga.com/somuchcloserr
I mean i want to hv a script which can help me to make a layout like dat
I know its quite bad to steal someone's layout sad.gif but
I really love dat! cry.gif
plz give me some replies
 
cracker
post Feb 25 2006, 01:28 AM
Post #2


Newbie
*

Group: Member
Posts: 7
Joined: Feb 2006
Member No: 381,404



Can anybody tell me wts the script of this xanga?
http://www.xanga.com/somuchcloserr
I mean i want to hv a script which can help me to make a layout like dat
I know its quite bad to steal someone's layout sad.gif but
I really love dat! cry.gif
plz give me some replies
 
talcumpowder
post Feb 25 2006, 02:49 AM
Post #3


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010



This goes in webstats. It's for the dates&the modules.
CODE
<script type="text/javascript">
//
// ©2004 EasterEgg
//
// For use at Xanga only.
//
// While the date in your blogheader has a fixed format
// (e.g. "Tuesday, March 16, 2004") you may want to use
// another date format, accustomed to *your* preferences.
// This script enables you to apply pretty much any date
// format to your blogheader you like.
//
// Here's how it works:
// The script collects all blogheaders and applies to them
// a format you define by changing the value of the variable
// "dateFormatStr" in the code below. Currently that value is
// set to 'ddd, mm/dd/yy', which will result in a date that
// looks like this: 'Tue, 03/16/04'. If you want to use slashes
// instead of divisions as date separators, go right ahead; you
// can even add HTML to the date format string if you like!:-)
//
// =================
// listing of available constants (using the date
// "Tuesday, March 16, 2004" as an example):
//
// dd = 16
// ddd = Tue
// dddd = Tuesday
//
// mm = 03
// mmm = Mar
// mmmm = March
//
// yy = 04
// yyyy = 2004
//
// =================
//
// You can use any combination of the above constants. Examples:
//
// 'mm/dd/yyyy' will result in '03/16/2004'
// 'mmm dd, yy' will result in 'Mar 16, 04'
// 'mm-dd-yy (dddd)' will result in '03-16-04 (Tuesday)'
// '{ ddd, mmm dd, yyyy }', will result in '{ Tue, Mar 16, 2004 }'
//
// Get the general idea?;-)
//
// Copy this entire code and paste it in the webstats box of your
// Look and Feel page.
//
// You're free to use this script as long as this comment remains
// intact. Future modifications allowed if due credit is given.
//

function formatEntryDate()
{
    // ***** adjust the dateFormatStr below as you see fit
    // ===================================================
    dateFormatStr = '<img src="http://img102.imageshack.us/img102/4706/bg3no.jpg">mmmm ddth | yyyy';
    // ===================================================
    

    function getMonthNr(sMonth)
    {
        months = new Array(
            "Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
        for (var n = 0; n < months.length; ++n)
        {
            if (months[n] == sMonth)
            {
                if ( n + 1 < 10)
                    return '0' + (n + 1).toString()
                else
                    return (n + 1).toString();
            }
        }
    }

    allDivs = document.getElementsByTagName('div');
    for (var i = 0; i < allDivs.length; ++i)
    {
        if (allDivs[i].className == 'blogheader')
        {
            newDateFormat = dateFormatStr;
            
            // day
            entryDate = allDivs[i].innerHTML;
            dayLong = entryDate.substr(0, entryDate.indexOf(','));  // dddd
            dayShort = dayLong.substr(0, 3);                        // ddd  
            tempStr = entryDate.substr(dayLong.length + 1);
            dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2);    // dd
            newDateFormat = newDateFormat.replace('dddd', dayLong);
            newDateFormat = newDateFormat.replace('ddd', dayShort);
            newDateFormat = newDateFormat.replace('dd', dayNr);

            // month
            monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3);// mmmm
            monthShort = monthLong.substr(0, 3);                    // mmm
            monthNr = getMonthNr(monthShort);                       // mm
            newDateFormat = newDateFormat.replace('mmmm', monthLong);
            newDateFormat = newDateFormat.replace('mmm', monthShort);
            newDateFormat = newDateFormat.replace('mm', monthNr);

            // year
            yearLong = tempStr.substr(tempStr.indexOf(',') + 2);    // yyyy
            yearShort = yearLong.substr(2);                         // yy
            newDateFormat = newDateFormat.replace('yyyy', yearLong);
            newDateFormat = newDateFormat.replace('yy', yearShort);

            allDivs[i].innerHTML = newDateFormat;
        }
    }
}
formatEntryDate();
</script>
<script type="text/javascript">
//
// ============================
//   "Minimize your modules"
//   version 2.0, July, 2005
// ============================
//
// ©2005 EasterEgg
//
// - 1.0 May 2005, intitial release.
// - 2.0 July 2005, bug fix plus option to display the top module by default.
//
// Thanks goes to BrandonReese at Xanga for making a suggestion to improve the code.
//
// For use at Xanga only. This won't have any effect if you're using a Xanga skin.
// This script is freeware, and is provided 'as is', without guarantees of any kind.
// It has been tested on the Mac and Windows platform (IE, FireFox and Netscape,
// doesn't work in Opera though).
//
// None of the comments in this script may be removed. I'd appreciate if you would
// let me know if you want to make this script available to others on your own site.
//
// This script "minimizes" your left side modules, and turns the headers into links.
// Upon clicking one of those links, the module will either be displayed or, when it
// is displayed already, will be hidden again.
//
// If you change the value of displayTopModule to 1, the top module will be displayed
// by default. Set it's value to 0 if you don't want this.
//

displayTopModule = 1;

allTables = document.getElementsByTagName('table');
leftSideModules = new Array();
for (i=0; i<allTables.length; ++i)
{
    if (allTables[i].className == 'left')
    {
        allTables[i].id = 'leftsidemod' + leftSideModules.length;
        leftSideModules.push(allTables[i]);
    }
  
}
function toggleDisplayOrHide(anElement,idNr)
{
    extraRow = document.getElementById(idNr).getElementsByTagName('TR')[2];
    if (anElement.style.display == 'none')
    {
        anElement.style.display = ''
        if (extraRow)
            document.getElementById(idNr).getElementsByTagName('TR')[2].style.display = '';            
    }
    else
    {
        anElement.style.display = 'none';
        if (extraRow)
            document.getElementById(idNr).getElementsByTagName('TR')[2].style.display = 'none';
    }
}
headerLinkColor = '';
topStyleSheet = document.getElementsByTagName('style')[0];
if (document.URL.indexOf('weblogs'))
    topStyleSheet = document.getElementsByTagName('style')[1];
if (topStyleSheet)
{
    searchStr = 'table.left TH { color: ';
    searchStrPos = topStyleSheet.innerHTML.indexOf(searchStr);
    if (searchStrPos)
    {
        searchStrPos = searchStrPos + searchStr.length;
        headerLinkColor = topStyleSheet.innerHTML.substring(searchStrPos, searchStrPos + 7);
    }
}
for (n = 0; n<leftSideModules.length; ++n)
{
    if (navigator.userAgent.indexOf('Opera') == -1)
    {
        temp1 = leftSideModules[n].getElementsByTagName('TH')[0].innerHTML;
        temp2 = '<a href=\"#\" onclick=\"java script:toggleDisplayOrHide(document.getElementById(' +
                '\'' + leftSideModules[n].id + '\').getElementsByTagName(\'TR\')[1],\'' +
                leftSideModules[n].id + '\'); return false;\" style=\"text-decoration: none; color: ' +
        headerLinkColor + ';\">' + temp1 + '</a>';
        leftSideModules[n].getElementsByTagName('TH')[0].innerHTML = temp2;
        if ((n == 0) && (displayTopModule == 1))
            leftSideModules[n].getElementsByTagName('TR')[1].style.display = ''
        else
            leftSideModules[n].getElementsByTagName('TR')[1].style.display = 'none';
        if (leftSideModules[n].getElementsByTagName('TR')[2])
            leftSideModules[n].getElementsByTagName('TR')[2].style.display = 'none';
    }
}
</script>
<script language="Javascript">
// original by sean http://www.xanga.com/seanmeister
var tds = document.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++){
if (tds[i].width == "200"){
tds[i].parentNode.appendChild(tds[i].cloneNode(true));
tds[i].parentNode.removeChild(tds[i]);
break;
}}
</script>
The rest isn't anything special, it's just CSS. wink.gif What I gave you allows for the modules to be on the right, for them to collapse and for the dates to be modified. For the rest, get a stylesheet!

-> Topics Merged.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: