Abiona

Atquati-themed Showroom

Select the box, press Ctrl + A then Copy & Paste into your details.
Text is changed at the bottom.

Click for full-view

SHOWROOM CODE :

body, html {background:url(http://i1167.photobucket.com/albums/q624/3mmique01/Gfx/Atquati2.png) #ffffff;

background-position:top-left;

background-repeat:repeat;

font-family: Courier New;

}

table, td {

background: #ffffff ;

font-family: calibri;

color:#608fc9;

font-size:12px;

}

#header,

#footer_bg,

#breadcrumbs,

#alerts,

#sidebar1,

#sidebar2,

#footer,

#petImage,

#petSelect,

#sidebar,

#main-navbar,

#FB-root,

div.head,

div.ad-bottom,

#main-navbar,

#sidebar,

#alertbar,

#navigation {

display: none;

}

div.Planet{

background:transparent;

position:absolute;

top:-250px;

left:-170px;

z-index:-1;

}

div.Welcome{

background:transparent;

position:absolute;

top:-135px;

left:297px;

z-index:-3;

}

h1{

font-family: Courier New;

font-size:225%;

padding-top:20px;

}

h2{

font-family: Courier New;

font-size:150%;

text-align:center;

}

div.navBG{

background:#c8e9e6;

position:absolute;

height:25px;

top:-75px;

left:150px;

width:492px;

border:7px solid #528f8a;

border-radius: 5px;

z-index:-2

}

#explore{

padding-top:5px;

position:absolute;

top:-69px;

left:205px;

width: 80px;

height: 25px;

color:FF00FF;

background:transparent;

overflow:hidden;

border: 1px solid #528f8a;

transition: all 0.6s ease-out;

-moz-transition: all 0.6s ease-out;

-webkit-transition: all 0.6s ease-out;

-o-transition: all 0.6s ease-out;

z-index:5;

}

#explore:hover{

padding-top:5px;

position:absolute;

top:-69px;

left:205px;

width: 80px;

height: 105px;

border: 1px #528f8a solid;

background:#ffffff;

z-index:5;

}

#games{

padding-top:5px;

position:absolute;

top:-69px;

left:320px;

width: 78px;

height: 25px;

color:FF00FF;

background:transparent;

overflow:hidden;

border: 1px solid #528f8a;

transition: all 0.6s ease-out;

-moz-transition: all 0.6s ease-out;

-webkit-transition: all 0.6s ease-out;

-o-transition: all 0.6s ease-out;

z-index:5;

}

#games:hover{

padding-top:5px;

position:absolute;

top:-69px;

left:320px;

width: 78px;

height: 105px;

border: 1px #528f8a solid;

background:#ffffff;

z-index:5;

}

#shops{

padding-top:5px;

position:absolute;

top:-69px;

left:433px;

width: 70px;

height: 25px;

color:FF00FF;

background:transparent;

overflow:hidden;

border: 1px solid #528f8a;

transition: all 0.6s ease-out;

-moz-transition: all 0.6s ease-out;

-webkit-transition: all 0.6s ease-out;

-o-transition: all 0.6s ease-out;

z-index:5;

}

#shops:hover{

padding-top:5px;

position:absolute;

top:-69px;

left:433px;

width: 70px;

height: 105px;

border: 1px #528f8a solid;

background:#ffffff;

z-index:5;

}

#Info{

padding-top:5px;

position:absolute;

top:-69px;

left:538px;

width: 110px;

height: 25px;

color:FF00FF;

background:transparent;

overflow:hidden;

border: 1px solid #528f8a;

transition: all 0.6s ease-out;

-moz-transition: all 0.6s ease-out;

-webkit-transition: all 0.6s ease-out;

-o-transition: all 0.6s ease-out;

z-index:5;

}

#Info:hover{

padding-top:5px;

position:absolute;

top:-69px;

left:538px;

width: 110px;

height: 105px;

border: 1px #528f8a solid;

background:#ffffff;

z-index:5;

}

div.wraper{

background: transparent;

}

#content {

position:absolute;

left:325px;

top: 360px;

border:7px solid #528f8a;

border-radius: 5px;

background:#ffffff;

}

::-webkit-scrollbar{

width:12px;

border-radius: 5px;

}

::-webkit-scrollbar-button{

height:0px;

background:#c8e9e6;

}

::-webkit-scrollbar-track{

background:#c8e9e6;

border-radius: 5px;

}

::-webkit-scrollbar-thumb{

background:#528f8a;

border-radius: 5px;

}

#body {

color:#3a629b;

background:#ffffff;

}

a, a:visited {

font-family: Courier New;

color:#528f8a;

text-transform:uppercase;

transition: all 1.0s ease-out;

-moz-transition: all 1.0s ease-out;

-webkit-transition: all 1.0s ease-out;

-o-transition: all 1.0s ease-out;

}

a:active, a:hover {

font-family: Courier New;

color:#000000;

text-decoration:underline;

}

div.txt{

padding:7px;

background:#dff4f2;

height:100px;

width:590px;

overflow:auto;

border:1px dashed #528f8a;

border-radius: 5px;

text-align:center;

}

div.txtlrg{

padding:7px;

background:#dff4f2;

height:250px;

width:590px;

overflow:auto;

border:1px dashed #528f8a;

border-radius: 5px;

text-align:center;

}

</style>

<a href=http://www.rescreatu.com/gallery/>Main</a> - <a href=http://www.rescreatu.com/gallery/galleries/>View All</a> - <a href=http://www.rescreatu.com/gallery/editstock/>Edit Stock</a> - <a href=http://www.rescreatu.com/gallery/stock/>Stock Pets</a> - <a href=http://www.rescreatu.com/gallery/upgrade/>Upgrade</a><br>

Coding by : <a href=http://www.rescreatu.com/profile.php?username=3mmique target=blank>3mmique</a>, best viewed in Google Chrome.</font><br><br>

</div>

</div>

<div id=explore><b><a href=http://www.rescreatu.com/explore.php>Explore</a><br><a href=http://www.rescreatu.com/relcore/>Relcore</a><br><a href=http://www.rescreatu.com/scria/>Scria</a><br><a href=http://www.rescreatu.com/atquati/>Atquati</a><br><a href=http://www.rescreatu.com/atquati/> Uldavi </a></b></div>

<div id=games><b><a href=http://www.rescreatu.com/games/>games</a><br><a href=http://www.rescreatu.com/games/?cat=1>quest</a><br><a href=http://www.rescreatu.com/games/?cat=2>Luck</a><br><a href=http://www.rescreatu.com/games/?cat=4>Skill</a><br><a href=http://www.rescreatu.com/games/?cat=6>Knowledge</a><br><a href=http://www.rescreatu.com/games/flash/>Flash</a></b></div>

<div id=shops><b><a href=http://www.rescreatu.com/shops/>shops</a><br><a href=http://www.rescreatu.com/usershops/>merchant</a><br><a href=http://www.rescreatu.com/itemgallery/>gallery</a><br><a href=http://www.rescreatu.com/ranchershop/>rancher</a><br><a href=http://www.rescreatu.com/gallery/>showroom</a><br><a href=http://www.rescreatu.com/market/eggs/>eggs</a></b></div>

<div id=Info><b><a href=http://www.rescreatu.com/faq.php>Information</a><br><a href=http://www.rescreatu.com/petinfo/>Species</a><br><a href=http://www.rescreatu.com/petcolors/>Colours</a><br><a href=http://www.rescreatu.com/petlog/>Log</a><br><a href=http://www.rescreatu.com/petsearch/>Search</a><br><a href=http://www.rescreatu.com/itemdb/>Database</a></b></div>

</div>

<h2>Optional Header, Change or Remove</h2>

Text goes here text goes here text goes here<br>

</div>

<br>

- - -

To add a Header :

To add a Text Area (for info etc)

To add a LARGE Text Area (for info etc)

---------------------------

[ Click here to Return ]