Help  

josericardo

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 Black-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() #141414; font-family: calibri; } #content { position:absolute; left:250px; top: 220px; background:url() #000000; border:10px solid #ffffff;} 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:#7b7b7b; 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: #3e3e3e; text-align: center; } a, a:visited { text-transform:uppercase; font-family: calibri; color:#3e3e3e; 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:#9c9c9c; font-size:100%; text-decoration:none; font-weight: bold; } ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-button{ height:0px; background:#3e3e3e; } ::-webkit-scrollbar-track{ background:#3e3e3e; } ::-webkit-scrollbar-thumb{ background:#000000; } div.bannerhold{ background:#000000; border:10px solid #000000; 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:#3e3e3e; 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 #3e3e3e; height:183px; color:#ffffff; background:#4c4c4c; 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://orig05.deviantart.net/f01c/f/2015/164/5/a/theme_black_welcome_by_happehfish-d8x4ywj.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/3/achromatic/baby.png width=80><img src=http://images.rescreatu.com/pets/23/achromatic/middle.png width=79><img src=http://images.rescreatu.com/pets/54/achromatic/adult.png width=92><img src=http://images.rescreatu.com/pets/14/achromatic/middle.png width=82><img src=http://images.rescreatu.com/pets/53/achromatic/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.

Basic White-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() #e1e1e1; 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:#ffffff; } #content table, #content #body, #content td {border:transparent; } table, td { background:transparent; color:#b9b9b9; 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: #cacaca; text-align: center; } a, a:visited { text-transform:uppercase; font-family: calibri; color:#cacaca; 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:#9c9c9c; font-size:100%; text-decoration:none; font-weight: bold; } ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-button{ height:0px; background:#cacaca; } ::-webkit-scrollbar-track{ background:#cacaca; } ::-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:#cacaca; 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 #cacaca; height:183px; color:#000000; background:#e4e4e4; 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://orig01.deviantart.net/3ccb/f/2015/164/a/1/theme_white_welcome_by_happehfish-d8x4uji.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/27/achromatic/baby.png width=80><img src=http://images.rescreatu.com/pets/13/achromatic/middle.png width=82><img src=http://images.rescreatu.com/pets/45/achromatic/adult.png width=92><img src=http://images.rescreatu.com/pets/49/achromatic/middle.png width=82><img src=http://images.rescreatu.com/pets/40/achromatic/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 ]