Help  

BasicProfiles2

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 Pink-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 :
<!-- All coding belongs to 3mmique, do not copy without permission --> <style type="text/css"> body, html {background:url() #eeb5de; 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:#b75e98; 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: #eeb5de; text-align: center; } a, a:visited { text-transform:uppercase; font-family: calibri; color:#eeb5de; 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:#6b316e; font-size:100%; text-decoration:none; font-weight: bold; } ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-button{ height:0px; background:#eeb5de; } ::-webkit-scrollbar-track{ background:#eeb5de; } ::-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:#eeb5de; 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 #eeb5de; height:183px; color:#ffffff; background:#bf94cc; overflow:auto; } div.txtholder{ background:transparent; height:195px; width:600px; overflow:hidden; border:none; size:7px; } </style> <!-- All coding belongs to 3mmique, do not copy without permission --> <center><div class=bannerhold> <div class=welcome> <img src=http://fc05.deviantart.net/fs71/f/2014/336/3/5/theme_pink_welcome_by_happehfish-d88g1o7.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/50/magenta/baby width=80><img src=http://images.rescreatu.com/pets/29/magenta/middle width=85><img src=http://images.rescreatu.com/pets/36/magenta/adult width=90><img src=http://images.rescreatu.com/pets/6/magenta/middle width=85><img src=http://images.rescreatu.com/pets/1/magenta/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 Yellow-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 :
<!-- All coding belongs to 3mmique, do not copy without permission --> <style type="text/css"> body, html {background:url() #fcd66f; 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:#d28744; 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: #fcd66f; text-align: center; } a, a:visited { text-transform:uppercase; font-family: calibri; color:#fcd66f; 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:#ffb018; font-size:100%; text-decoration:none; font-weight: bold; } ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-button{ height:0px; background:#fcd66f; } ::-webkit-scrollbar-track{ background:#fcd66f; } ::-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:#fcd66f; 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 #fcd66f; height:183px; color:#ffffff; background:#e4ae59; overflow:auto; } div.txtholder{ background:transparent; height:195px; width:600px; overflow:hidden; border:none; size:7px; } </style> <!-- All coding belongs to 3mmique, do not copy without permission --> <center><div class=bannerhold> <div class=welcome> <img src=http://fc02.deviantart.net/fs71/f/2015/019/e/3/theme_yellow_welcome_by_happehfish-d8eiwij.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/lemon/baby width=80><img src=http://images.rescreatu.com/pets/7/blonde/middle width=82><img src=http://images.rescreatu.com/pets/52/lemon/adult width=92><img src=http://images.rescreatu.com/pets/9/lemon/middle width=82><img src=http://images.rescreatu.com/pets/2/blonde/baby.png width=83> <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 ]