Help  

Schteve

BASIC COLOUR PROFILES

Both of these profiles feature a basic colour-based layout with a side-scrolling welcome banner.
The background colour is a solid colour and can be changed if you wish.

Basic Green-themed Profile

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



Click for full-view

PROFILE CODE :
<style type="text/css"> body, html {background:url() #275f1e; font-family: calibri; } #content { position:absolute; left:250px; top: 220px; background:url() #ffffff; border:10px solid #000000;} h3{text-transform:uppercase; letter-spacing:4px; size:10px; } h4{text-transform:uppercase; letter-spacing:4px; size:10px; text-align:left; padding-bottom:7px; color:#000000; } #content table, #content #body, #content td {border:transparent; } table, td { background:transparent; color:#3b8d2e; text-transform:uppercase; letter-spacing:1px; font-size:10px; border:none; } #header, #sidebar1, #sidebar2, #footer, #petImage, #petSelect, #main-navbar, #FB-root, #footer_bg, #breadcrumbs, #sidebar, #alerts, div.box div.head, div.foot, div.ad-bottom { display: none; } div.wraper { background: transparent; } #content #body, #content table { background:none; border:none; } #body { color:#999999; } .table { font-family: calibri; border:none} .head, .subheader { background:transparent; border:none; font-family: Cambria; text-transform:uppercase; letter-spacing:6px; font-size:14px; color: #275f1e; text-align: center; } a, a:visited { text-transform:uppercase; font-family: calibri; color:#275f1e; font-size:100%; font-weight: bold; letter-spacing:2px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; } a:active, a:hover { font-family: calibri; color:#16480e; font-size:100%; text-decoration:none; font-weight: bold; } ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-button{ height:0px; background:#275f1e; } ::-webkit-scrollbar-track{ background:#275f1e; } ::-webkit-scrollbar-thumb{ background:#ffffff; } div.bannerhold{ background:#ffffff; border:10px solid #ffffff; position:absolute; top:-198px; left:-10px; width:650px; overflow:hidden; } .pic { border: none; float: left; height: 153px; width: 650px; overflow: hidden; } .welcome { margin-left: 0px; -webkit-transition: margin 3s ease; -moz-transition: margin 3s ease; -o-transition: margin 3s ease; -ms-transition: margin 3s ease; transition: margin 3s ease; } .welcome:hover { margin-left: -408px; } div.txt{ padding-left:7px; padding-right:7px; background:#275f1e; height:15px; width:578px; overflow:hidden; border:1px solid transparent; text-align:left; transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; } div.txt:hover{ border:1px solid #275f1e; height:183px; color:#ffffff; background:#7abb47; overflow:auto; } div.txtholder{ background:transparent; height:195px; width:600px; overflow:hidden; border:none; size:7px; } </style> <!-- All coding by 3mmique, give credit where it is due. If you need help Rmail me. --> <center> <div class=bannerhold> <div class=welcome> <img src= http://fc05.deviantart.net/fs71/f/2014/212/6/c/theme_green_welcome_by_happehfish-d7t6a8a.jpg alt=pic></div> </div><br> <div class=txtholder> <div class=txt> <h4>information</h4> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> </div> <br> <img src=http://images.rescreatu.com/pets/44/lime/baby width=75><img src=http://images.rescreatu.com/pets/47/lime/middle width=75><img src=http://images.rescreatu.com/pets/15/lime/adult width=90><img src=http://images.rescreatu.com/pets/24/lime/middle width=80><img src=http://images.rescreatu.com/pets/26/lime/baby width=85> <br><br> <font size=1.5><a href=http://www.rescreatu.com/hatchery/>HATCHERY</a> • <a href=http://www.rescreatu.com/inventory/>INVENTORY</a> • <a href=http://www.rescreatu.com/explore.php>EXPLORE</a> • <a href=http://www.rescreatu.com/shops/>SHOPS</a> • <a href=http://www.rescreatu.com/forum/>FORUMS</a></font> </div> You can also put some text here if need be, but I would recommend sticking to the text box.

Basic Blue-themed Profile

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



Click for full-view

PROFILE CODE :
<style type="text/css"> body, html {background:url() #379fdc; font-family: calibri; } #content { position:absolute; left:250px; top: 220px; background:url() #ffffff; border:10px solid #000000;} h3{text-transform:uppercase; letter-spacing:4px; size:10px; } h4{text-transform:uppercase; letter-spacing:4px; size:10px; text-align:left; padding-bottom:7px; color:#000000; } #content table, #content #body, #content td {border:transparent; } table, td { background:transparent; color:#71c0ed; text-transform:uppercase; letter-spacing:1px; font-size:10px; border:none; } #header, #sidebar1, #sidebar2, #footer, #petImage, #petSelect, #main-navbar, #FB-root, #footer_bg, #breadcrumbs, #sidebar, #alerts, div.box div.head, div.foot, div.ad-bottom { display: none; } div.wraper { background: transparent; } #content #body, #content table { background:none; border:none; } #body { color:#999999; } .table { font-family: calibri; border:none} .head, .subheader { background:transparent; border:none; font-family: Cambria; text-transform:uppercase; letter-spacing:6px; font-size:14px; color: #379fdc; text-align: center; } a, a:visited { text-transform:uppercase; font-family: calibri; color:#379fdc; font-size:100%; font-weight: bold; letter-spacing:2px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; } a:active, a:hover { font-family: calibri; color:#003384; font-size:100%; text-decoration:none; font-weight: bold; } ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-button{ height:0px; background:#379fdc; } ::-webkit-scrollbar-track{ background:#379fdc; } ::-webkit-scrollbar-thumb{ background:#ffffff; } div.bannerhold{ background:#ffffff; border:10px solid #ffffff; position:absolute; top:-198px; left:-10px; width:650px; overflow:hidden; } .pic { border: none; float: left; height: 153px; width: 650px; overflow: hidden; } .welcome { margin-left: 0px; -webkit-transition: margin 3s ease; -moz-transition: margin 3s ease; -o-transition: margin 3s ease; -ms-transition: margin 3s ease; transition: margin 3s ease; } .welcome:hover { margin-left: -408px; } div.txt{ padding-left:7px; padding-right:7px; background:#379fdc; height:15px; width:578px; overflow:hidden; border:1px solid transparent; text-align:left; transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; } div.txt:hover{ border:1px solid #379fdc; height:183px; color:#ffffff; background:#92d2f7; overflow:auto; } div.txtholder{ background:transparent; height:195px; width:600px; overflow:hidden; border:none; size:7px; } </style> <!-- All coding by 3mmique, give credit where it is due. If you need help Rmail me. --> <center> <div class=bannerhold> <div class=welcome> <img src= http://fc06.deviantart.net/fs71/f/2014/212/9/1/theme_blue_welcome_by_happehfish-d7t2y92.jpg alt=pic></div> </div><br> <div class=txtholder> <div class=txt> <h4>information</h4> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> This here is the hover box, write your text here ! This here is the hover box, write your text here !<br> </div> <br> <img src=http://images.rescreatu.com/pets/8/azure/baby width=75><img src=http://images.rescreatu.com/pets/31/azure/middle width=75><img src=http://images.rescreatu.com/pets/10/azure/adult width=90><img src=http://images.rescreatu.com/pets/32/azure/middle width=80><img src=http://images.rescreatu.com/pets/39/azure/baby width=80> <br><br> <font size=1.5><a href=http://www.rescreatu.com/hatchery/>HATCHERY</a> • <a href=http://www.rescreatu.com/inventory/>INVENTORY</a> • <a href=http://www.rescreatu.com/explore.php>EXPLORE</a> • <a href=http://www.rescreatu.com/shops/>SHOPS</a> • <a href=http://www.rescreatu.com/forum/>FORUMS</a></font> </div> You can also put some text here if need be, but I would recommend sticking to the text box.

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

[ Click here to Return ]