Pre-made Shop Layouts

How to install any of these layouts:

#1) Copy the code beneath the description that you want your shop to become.

#3) Paste the code in the shop description box. PLEASE DO NOT ALTER THE CODE IN ANY WAY except where it says "*~TYPE YOUR SHOP DESCRIPTION HERE~*" You can add your own words there to personalize your shop.
Note: These backgrounds look best if you choose the "Transparent" option for your shop keeper (this gets rid of any white box around the shopkeeper image).

#4) Click "Update Shop"

#5) Go to your shop front and see how it all looks. You can go back and add any text to the personalized area. If you don't care for the layout, come back here and choose another (then repeat steps 1-5 again).

#6) Smile! You have your very own special shop layout.

*psst!* Click on the layout's name to see a sample picture ^_~

Here's a nifty little thing that's actually been requested: a guild shops quick link box. Just paste the code into your shop description section or where these layouts say "*`TYPE YOUR SHOP DESCRIPTION HERE~*" Change the color of the box's background to match the background of your items for sale to coordinate, or stick with the pale blue original ^_~

TPPG Shop Links

Main Council:
Firebird D
Firebird P
Firebird S
Firebird C

Guild-owned:
Main Shop
Sweets Shop
Coffee Shop
Toy Shop
Party Shop
Wishing Well

<center>
<table cellpadding="30" cellspacing="0" border="0" style="border:2px ridge #336633">
<tr><td align="center" valign="center" bgcolor="aliceblue"><DIV>
<fONT color="black" SIZE="3" FACE="verdana"><b>TPPG Shop Links</B></font>
<hr>
<font size=3 color="black">
<p><b>Main Council:
<br><a href="http://www.neopets.com/browseshop.phtml?owner=nuffyjv">
Firebird D</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=gillesnz">
Firebird P</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=sis1023">
Firebird S</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=cathrinewinnerbloom">Firebird C</a>

<p>Guild-owned:
<br><a href="http://www.neopets.com/browseshop.phtml?owner=_tppg_">
Main Shop</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=_tppg_chocolates">
Sweets Shop</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=_tppg_fun">
Coffee Shop</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=_tppg_plushies">
Toy Shop</a>
<br><a href="http://www.neopets.com/browseshop.phtml?ownerr=_tppg_party">
Party Shop</a>
<br><a href="http://www.neopets.com/browseshop.phtml?owner=tppg_wishes_">
Wishing Well</a>
<br><br>
</FONT></DIV></td>
</tr></table>

Popcorn Pizzazz
Description: food related--popcorn background, black description box with yellow text, yellow background for items on sale

var lycos_ad_category = null;

var lycos_ad_remote_addr = "209.202.244.9";
var lycos_ad_www_server = "www.tripod.lycos.com";
var lycos_ad_track_small = "";
var lycos_ad_track_served = "";
var lycos_search_query = getQuery();
</script>

adMgr.renderHeader();
    adMgr.renderFooter();
}((function() {

var w = 0, h = 0, minimumThreshold = 300;

if (top == self)
{
    return true;
}
if (typeof(window.innerWidth) == 'number' )
{
    w = window.innerWidth;
    h = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
    w = document.documentElement.clientWidth;
    h = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight))
{
    w = document.body.clientWidth;
    h = document.body.clientHeight;
}
return ((w > minimumThreshold) && (h > minimumThreshold));
}())));

window.onload = function()
{
    var f = document.getElementById("FooterAd");
    var b = document.getElementsByTagName("body")[0];
    b.appendChild(f);
    f.style.display = "block";
    document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html';

// DOM Inj Ad
    (function(isTrellix)
    {
        var e = document.createElement('iframe');
        e.style.border = '0';
        e.style.margin = 0;
        e.style.display = 'block';
        e.style.cssFloat = 'right';
        e.style.height = '254px';
        e.style.overflow = 'hidden';
        e.style.padding = 0;
        e.style.width = '300px';

for (var i in preferredNodesList)
            {
                if (nodes[preferredNodesList[i]])
                {
                    if( isTrellix && nodes[preferredNodesList[i]].parentNode.parentNode.parentNode.parentNode )
                    {
                        nodesA.push(nodes[preferredNodesList[i]].parentNode.parentNode.parentNode.parentNode);
                    }
                    else
                    {
                        nodesA.push( nodes[preferredNodesList[i]] );
                    }
                }
            }
            return nodesA;
        }
        
        
        var properNode = null;
        var areaNodes = getCommentNodes( new RegExp( '^area Type="area_(\\w+)"' ) );

for (var i = 0; i < areaNodes.length; i++)
        {
            var a = parseInt(getComputedStyle(areaNodes[i]).width);
            if ((a >= 300) && (a <= 400))
            {
                properNode = areaNodes[i];
                break;
            }
        }

var propertyName = getMetaContent("property") || false;
        if( isTrellix && (properNode) )
        {
            e.src = '/adm/ad/injectAd.iframe.html';
            properNode.insertBefore(e, properNode.firstChild);
        }
        else if( isTrellix && !( properNode ) ) // Slap the ad eventhought there is no alocated slot
        {
            e.src = '/adm/ad/injectAd.iframe.html';
            e.style.cssFloat = 'none';
            var cdiv = document.createElement('div');
            cdiv.style = "width:300px;margin:10px auto;";
            cdiv.appendChild( e );
            b.insertBefore(cdiv, b.lastChild);
        }
        else if( !isBlokedByDomain( location.href ) )
        {
            var injF = document.createElement('iframe');
            injF.style.border = '0';
            injF.style.margin = 0;
            injF.style.display = 'block';
            injF.style.cssFloat = 'none';
            injF.style.height = '254px';
            injF.style.overflow = 'hidden';
            injF.style.padding = 0;
            injF.style.width = '300px';
            injF.src = '/adm/ad/injectAd.iframe.html';

if( b && ( !isTrellix || ( typeof isTrellix == "undefined" ) ) ) // All other tripod props
            {
                var cdiv = document.createElement('div');
                cdiv.style = "width:300px;margin:10px auto;";
                cdiv.appendChild( injF );
                b.insertBefore(cdiv, b.lastChild);
            } 
        }
  }( document.isTrellix ));
}

</script>

<div id="tb_container" style="background:#DFDCCF; border-bottom:1px solid #393939; position:relative; z-index:999999999!important">
<!--form name="search" onSubmit="return searchit()" id='header_search' >
<input type="text" placeholder="Search" size=30 name="search2" value="">
<input type="button" value="Go!" onClick="searchit()">
</form>
<style>
form#header_search {
    width: 916px;
    margin: 0 auto 8px;
    position: relative;
}

form#header_search input {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 8px;
    box-sizing: border-box;
    background: #F4F2E9;
    border: 1px solid #BBB8B8;
    transition: background-color 300ms ease-out,
                color 300ms ease;
}

form#header_search input[type="text"] {
    width: 100%;
}
form#header_search input[type="text"]:focus {
    border-color: #A2D054;
    background-color: #fff;
    box-shadow: 0 0px 12px -4px #A2D054;
}

form#header_search input[type="button"] {
    position: absolute;
    top: 1px;
    right: 1px;
    opacity: 1;
    background: #DFDCCF;
    color: #463734;
    width: 125px;
    cursor: pointer;
    height: 38px;
    border: none;
}
form#header_search input[type="text"]:focus ~ input[type='button']:hover,
form#header_search input[type='button']:hover {
    background-color: #A5CE56;
    color: #fff;
}
form#header_search input[type="text"]:focus ~ input[type='button'] {
    background-color: #52AEDF;
    color: #fff;
}

</style>

var search_term = encodeURIComponent(document.search.search2.value)
var search_url = search_env+search_term;
window.open(search_url);

return false
}
</script-->
<style>
    .adCenterClass{margin:0 auto}
</style>
<div id="tb_ad" class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;">

<div id="ad_container" style="display:block!important; float:left; width:728px ">
<script type="text/javascript">
if (typeof lycos_ad !== "undefined" && "leaderboard" in lycos_ad) {
  document.write(lycos_ad['leaderboard']);
}
</script>
</div>
</div>
</div>
<script type="text/javascript">
if (typeof lycos_ad !== "undefined" && "slider" in lycos_ad) {
  document.write(lycos_ad['slider']);
}
</script> 
<div id="FooterAd" style="background:#DFDCCF; border-top:1px solid #393939; clear:both; display:none; width:100%!important; position:relative; z-index:999999!important; height:90px!important"> 
<div class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;">
<div id="footerAd_container" style="display:block!important; float:left; width:728px">
<iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe>
</div>
</div>
</div>

<center>
<table bgcolor="black" width="80%"><tr><td>
<center>
<font size="2" color="#F4E37B" face="verdana">
*~TYPE YOUR SHOP DESCRIPTION HERE~*
</FONT>
</td></tr></table>
<br>
<table bgcolor="#F4E37B" width="80%"><tr><td>
<center>
<font size="2" color="black" face="verdana">

Great Jumpin' Jellybeans!
Description: food related--jellybean background, black description box with lime green text, lime green background for items on sale

Calming Blue Swirls
Description: abstract blue background, darkblue description box with pale blue text, pale green background for items on sale
**Coordinating User Lookup Available**

Two Scoops of Sherbet
Description: bold orange-red background, red box with orange text, fuschia background for items on sale
**Coordinating User Lookup Available**

Purple Stars
Description: dark purple fractured background, purple description box with lighter purple text, blue background for items on sale
**Coordinating User Lookup Available**

All previous code courtesy of Lemonadeyellowgurl