Constellation Horse

CLICK TO ENLARGE
Is this the layout for you?
Please read Terms of Service

Click in the textbox and it will automatically select all the text

Right click and copy
This layout is pretty nifty. It includes a full page transformation, a scroll textbox which lights up when hovered, a horse constellation image which also lights up when hovered, and some other neat features you'll see.
Enjoy!
**Using on a site that it was not created for may result in unexpected, hideous, or bizarre results. Contact me if there is a site you would like to see this coded for and I'll see what I can do**
{coded for Eqcetera.com}
<!***** outline of page:  
                       1. extra page styling
                       2. beginning of text box
                       3. more page styling
                  & TIPS: don't copy and paste these, type it out, otherwise it won't work. 
               to add a link use this format: 
                                         ‹a href="URL"›text here‹/a›
               to insert line breaks use: ‹br›
               to insert more titles use this format: 
                                          ‹h5›title‹/h5›
                  & do not remove info related to Tiberia's Layouts, thanks and enjoy!  *****!>

<!--------------- 1. EXTRA PAGE STYLING-------------!>
<link href='http://fonts.googleapis.com/css?family=Griffy' rel='stylesheet' type='text/css'><div class="container1">
<a href='/stable.php'>Home</a> <a href='/world.php'>World</a> <a href='/community.php'> Community</a> <a href='/marketplace.php'> Search</a> <a href='/help.php'> Help</a></div>
<img src="http://i20.photobucket.com/albums/b249/plaidsoxs/eq/const5-1.png"onmouseover="this.src='http://i20.photobucket.com/albums/b249/plaidsoxs/eq/const5-3-1.png'"onmouseout="this.src='http://i20.photobucket.com/albums/b249/plaidsoxs/eq/const5-1.png'" /><div class="container1">
<div id="navigation1">
<!-------------extra page styling ends here-----------!>



<!------------ 2. BEGINNING OF TEXT BOX ------------!>

<!-- TYPE TITLE BELOW --!>
<h5>
August 29, 2013</h5>
<!--ENDS HERE--!> 

<!--TYPE TEXT BELOW --!>
Storming through the party like my name was El ninio
When I'm hangin' out drinking in the back of an El Camino
As a kid, I was a skid and no one knew me by name.
I trashed my own house party cause no body came.

I know I'm not the one you thought you knew back in high school
Never going, never showing up when we had to.
attention that we crave don't tell us to behave,
I'm sick of always hearing act your age. 
<br><br>


<!-- ANOTHER TITLE BELOW --!>
<h5>
Let her Go --Passenger</h5>
<!-- ENDS HERE --!>

<!-- TYPE TEXT HERE --!>
Well you only need the light when it's burning low
Only miss the sun when it starts to snow
Only know you love her when you let her go

Only know you've been high when you're feeling low
Only hate the road when you’re missin' home
Only know you love her when you let her go
And you let her go

Staring at the bottom of your glass
Hoping one day you'll make a dream last
But dreams come slow and they go so fast

You see her when you close your eyes
Maybe one day you'll understand why
Everything you touch surely dies
<br><br>

<a href="/stable.php?id=640" class="links">Link</a>
<!----------------- END OF TEXT BOX ---------------!>





<!------------- 3. MORE PAGE DESIGN BELOW. SUGGEST NOT MESSING WITH THIS :P ------------------!>
</div>
</div>
</div>
<div id="nc2b">
<a href="/friend_list.php"  title="Friend List" class="tooltip3">ツ</a><a href="/account.php" title="Edit Account" class="tooltip3">✎</a><a href="/breedingbarns.php"  title="Breeding Barn" class="tooltip3">⚥</a><a href="/logout.php" title="Logout" class="tooltip3">☒</a></div>
<style>
::-webkit-scrollbar {width: 6px; height: 4px; background: #e3e3e3; }
::-webkit-scrollbar-thumb { background-color: #000000;}
a:link {text-align:center;padding-bottom:1px;font-weight:bold;padding:0px;text-transform:uppercase;padding-right:1px;padding-left:4px;-webkit-transition: all 0.4s linear; 
-moz-transition: all 0.4s linear; 
transition: all 0.4s linear; color: #662783; background:rgba(69, 127, 173, 0.6); border-radius: 7px; }
a:visited {text-align:center;padding-bottom:1px;font-weight:bold;padding:0px;text-transform:uppercase;padding-right:1px;padding-left:4px;-webkit-transition: all 0.4s linear; 
-moz-transition: all 0.4s linear; 
transition: all 0.4s linear; color: #662783; background:rgba(69, 127, 173, 0.6); border-radius: 7px; }
a:hover {text-align:center;padding-bottom:3px;padding:2px;font-weight:bold;background-color:#000;-webkit-transition: all 0.4s linear; 
-moz-transition: all 0.4s linear; 
transition: all 0.4s linear;border-radius:7px;padding-right:4px;padding-left:4px; color: rgba(66, 154, 163, 0.9); cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
@font-face { font-family: "loversquarrel-regular"; src: url('http://static.tumblr.com/xgp678o/bgZm6go4x/loversquarrel-regular.ttf'); }
@import url(http://fonts.googleapis.com/css?family=Griffy);
@font-face { font-family: "d-anarchy"; src: url('https://dl.dropboxusercontent.com/u/54798516/digitalanarchy-Regular.ttf'); }
iframe#tumblr_controls {
top: 0% !important;
right:0% !important; 
position: absolute !important;
-webkit-filter: invert(100%) ;}
body {
margin:auto; 
color:#000; 
font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 10px;
background-color:#e3e3e3; 
background-attachment: fixed; 
background-image:url('http://db.tt/qQkN8qYF'); 
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
line-height:12px;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
a {color: #000000;text-decoration: none;}a:hover {color: #aaaaaa;-webkit-transition-duration: .5s;}
.links:link {font-size:11px; color:#ffffff;font-family:century gothic;letter-spacing:1px;text-align:center;padding-bottom:3px;font-weight:bold;padding:2px;text-transform:uppercase;padding-right:3px;padding-left:3px;-webkit-transition: all 0.4s linear; 
-moz-transition: all 0.4s linear; 
transition: all 0.4s linear;}
.links:hover {font-size:11px;color:#000000; text-align:center;padding-bottom:3px;padding:2px;font-weight:bold;background:#ffffff;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; 
transition: all 0.4s linear;border-radius:5px;padding-right:3px;padding-left:3px;}
.middle {
background-color: transparent;
border-left: 2px solid black;
margin-top: 10px;
border-radius: 20px;
background: url('http://i20.photobucket.com/albums/b249/plaidsoxs/eq/transpa3.png') repeat;
}.center {background: transparent; color: #444; font-size: 10px;  }
[role="main"] {
   background-color: rgba(100, 7, 96, 0.4);
    border-bottom: 0px solid #000;
    border-right : 0px solid #000;
    border-left  : 0px solid #000;
    border-radius: 50px;
   width: 650px;
    text-align: center;}
.alternate-heading {   background-color: rgba(100, 7, 96, 0.4); background: none; text-decoration: underline;}
.middle section{
margin-right: 15px;
border: 0;
background-color: transparent;}
aside { background-color: transparent;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius : 0px;
    border-right: 5px solid yellow;
    float: left;
    padding: 10px;
    width: 50px;}
aside section {
    background-color: transparent;
    border-radius: 8px;
    padding: 0.3em;
     width: 50px;}
h5 {font-weight: 600; text-decoration: underline; color: #f78693; font-size: 11px; text-align: left; padding: 6px;}
.masthead {
    background: url('none') no-repeat center;
    background-color: transparent;
    border-right: 0px;
    border-left : 0px;
    height: 0px;
    display: block;
}
nav, .sticky, .sidebar, .footer {display: none;}
header, .middle {
    border-right: 0px solid #FFF9EA;
     border-left: 0px solid #FFF9EA;
}
.title {display: none;}
.wrapper {
    background-color: transparent;
    border-radius: 20px;
     border: 0;
text-align:center;
    padding: 0 1px;
    width:700px;
   margin-top: 60px;}
h1 {
    color: #666;
    text-decoration: none;
    line-height: 17px;
    font-size: 2.0em;
    margin: 0 auto 0 auto;
    padding: 10px;
    letter-spacing: 0px;
    font-family: Prestige Elite Std; 
    border-bottom: 2px dotted #666;
    font-size: 16px; 
    font-size: 20px;
    width: 40%;
    height: auto;
    text-align: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border: 0;
    }
.player-info {
    background-color: #2a194d;
    font-family: tahoma;
    letter-spacing: 1px;
    text-transform: none; 
    font-size: 9px;
    color: #999;
    margin: 0 0 0 150px;
    padding: 5px;
    text-align: right;
    width: 60%;
   border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: inset 0 30px 0px  #2a194d;
    -moz-box-shadow   : inset 0 30px 0px  #2a194d;
    box-shadow        : inset 0 30px 0px  #2a194d;
}
td, tr, th{
background-color: transparent;
text-align: center;
color: #000;
border: 0px;
}
table, .almost {width: 100%; background-color: transparent; }
footer, nav {display: none;}
.container1 {
 position: absolute;
 width:700px;
 height:1px;
       left: auto
right: auto;
       font-family: 'Griffy', cursive;
       font-size: 15px;
 top: 0;
        z-index: 999;
    background: transparent;
 margin-top: 43px;
text-align: center;
}
.container1 a:link, .container1 a:active, .container1 a:visited {color: #6de899;}
.container1 a:hover { color: #d8e86d;}
.container2 { position: relative;}
#navigation1{background:#d3e4d8; background-image: url('http://i20.photobucket.com/albums/b249/plaidsoxs/eq/box-bg.jpg'); opacity: .4; color: #fff; width: 200px; height: 400px; overflow: auto; margin-left: -20px; margin-top: 120px; z-index: 1; border: dotted #000 4px; font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 10px;}
#navigation1:hover {opacity:0.57; transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
#nc2b a:link, #nc2b a:visited, #nc2b a:active  {font-size: 2.2em; font-weight: normal; font-variant: normal; color:#fff;}
#ihover { opacity: .8;}
#nc2b { position:absolute; margin-left: 380px; margin-top: 180px;  width: 200px; height: 52px; background: transparent; display:block; padding: 2px; letter-spacing: 0px; color: #fff;  font-weight: 0; font-variant: normal; z-index: 2;}
</style>
TIBERIA'S LAYOUTS

Constellation Horse

0 shout outs:

Post a Comment

Top 3 This Month

MY METHODS

Translate

Blogger news

Layout News

Poll
