Design; Vårig med körsbärsblomm

 
 
Användarvillkor:
• Det är tillåtet att:
    - Byta ut bilderna på designen.
    - Göra mindre ändra i färgsättningen så det matchar din stallplan.
    - Ändra i kodningen med fonter, färger, placeringar, rutor mm.
 
• Det är inte tillåtet att:
    - Använda på systersidorna (MDS.com, minstall, tallini ect).
    - Att påstå att det är du själv som gjort designen.
    - Sälja vidare, då dessa designer är gratis.
    - Copyright texten får ej raderas eller täckas över.
 
• Får endast användas på stallet.se.
 
Bildförtydligande:
Blandade bilder som är fotade av mig, Ztallet.blo.gg / Windsong @ Stallet.se & bilder från BK-horses.nl.
 
Tillstånd från BK-Horses: 
 
 
(Klicka på bilden för att få se större format!)



Kodning till designen (Första & andra sidan):
 

<tr><span style="position: absolute; left: 0px; top: 0px">BILDKOD TILL DESIGNEN</span></tr>

<span class="normal"><span style="z-index: 1; left: 5px; position: absolute; top: 146px"><span style="font-family: Myriad Pro;color: #ad3c3c;font-size: 23px;">S T A L L N A M N</span></font></p></span>

<span class="normal"><span style="z-index: 1; left: 30px; position: absolute; top: 170px"><span style="font-family: Myriad Pro;color: #000000;font-size: 10px;">Ä G A R E / I N R I K T N I N G</font></p></span></span>

<span class="normal"><span style="z-index: 1; left: 43px; position: absolute; top: 199px"><span style="font-family: Myriad Pro;color: #f7c9c9;">Här kan du skriva en kort & 

välkomnande text. Ditt besöks-
antal. Länka någon du är vän med.
Eller vad du än känner för.</font></p></span></span>

 

<span class="normal"><span style="z-index: 1; left: 43px; position: absolute; top: 270px"><p style="font-family:Myriad Pro; padding-left: 2px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; height: 110px; width: 266px; border: 0px outset #5d241b; overflow: auto; background-color: transparent; scrollbar-face-color: #F5DEB3; scrollbar-highlight-color: #F5F5DC; scrollbar-shadow-color: #D2B48C; scrollbar-3dlight-color: #CDB38B; scrollbar-arrow-color: #DEB887; scrollbar-track-color: #FFFFF0; scrollbar-darkshadow-color: #CDB38B; color: #ffffff;">HÄR KAN DU SKRIVA TEXT!

Ifall du väljer att skriva mycket text, så blir detta en scroll-ruta!


</font></p></span></span>

 

<span class="normal"><span style="z-index: 1; left: 24px; position: absolute; top: 680px"><p style="font-family:Myriad Pro; padding-left: 2px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; height: 330px; width: 303px; border: 0px outset #5d241b; overflow: auto; background-color: transparent; scrollbar-face-color: #F5DEB3; scrollbar-highlight-color: #F5F5DC; scrollbar-shadow-color: #D2B48C; scrollbar-3dlight-color: #CDB38B; scrollbar-arrow-color: #DEB887; scrollbar-track-color: #FFFFF0; scrollbar-darkshadow-color: #CDB38B; color: #ffffff;">HÄR KAN DU SKRIVA TEXT!

Ifall du väljer att skriva mycket text, så blir detta en scroll-ruta!


</font></p></span></span>

 

<tr><span style="Z-INDEX: 0; LEFT: 0px; POSITION: absolute; TOP: 0px; cursor:url();"></span></span></p><br><br>

<tr><p class="rollmenu" style="position: absolute; z-index: 1; top: 5px; left: 20px;"><span style="letter-spacing: 3px;"><b>MENY</b></span> <span class="menulink">/ <font color="white"><PAGE id="NUMMER TILL LÄNK" name="NAMN PÅ LÄNK"> <PAGE id="NUMMER TILL LÄNK" name="NAMN PÅ LÄNK"></span></span></span></span></p>

<style type="text/css"> .rollmenu {overflow: hidden; width: 48px; height: 16px; padding: 0px 0px 0px 20px; background-color:rgba(166, 213, 207, 0); font-family: Myriad Pro; color: #000000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);!important; font-size: 12px; letter-spacing: 0px; font-weight: none; text-transform: uppercase; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; o-transition: all 2s ease-in-out;} .rollmenu:hover {width:300px;} .menulink a:link, a:visited {font-family: Myriad Pro; font-size: 10px; padding-left: 10px; font-color:#bdac88; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)!important; font-weight: normal; text-transform: normal; letter-spacing: 1px; font-style: Condensed; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; o-transition: all .5s ease-in-out;} .menulink a:hover, a:active {text-decoration: none; letter-spacing: 2px; color: #d8c8a6!important;} </style>

 

<STYLE TYPE="text/css"> a:link, a:visited {transition:all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; o-transition: all .5s ease-in-out; font-weight: normal; color: #000000!important; font-family: tahoma; font-size: 10px; font-style: normal; text-decoration: none; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15); letter-spacing: 0px; line-height: 11px;} a:hover, a:active {text-decoration: none; font-weight: bold; letter-spacing: 0px; font-family: tahoma; font-size: 10px; color:#7e616b!important; background-color: rgba(255, 255, 255, 0);}</STYLE>

<style type="text/css"> ::-webkit-scrollbar {width: 9px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05); border-radius: 0px; background: #transparant;} .normal a:link {font-family: Myriad Pro; font-size: 10px; font-weight: normal; color: #ffffff!important;} .normal a:visited {font-family: Myriad Pro; text-decoration: normal; font-weight: normal; color: #ffffff!important;} .normal a:hover {font-size: 10px; font-family: Myriad Pro; text-decoration: none; font-weight: normal; background: transparent; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out all 0.5s; color: #de8b8b!important;}</style

<style type="text/css"> ::-webkit-scrollbar {width: 8px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2); border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .1); border-radius: 0px; background: rgba(190, 68, 68, .5);} </style>

 

Kodning till designen (Register sidan / Gråa rutan):

<tr><span style="position: absolute; left: 0px; top: 0px">BILDKOD HÄR</span></tr>

<span class="normal"><span style="z-index: 1; left: 100px; position: absolute; top: 50px"><span style="font-family: Myriad Pro;color: #f7c9c9;font-size: 23px;"><center>S T A L L N A M N</span></span>
<span style="font-family: Myriad Pro;color: #000000;font-size: 10px;">Ä G A R E / I N R I K T N I N G</center></font></p></span></span></center></span>

<span class="normal"><span style="z-index: 1; left: 30px; position: absolute; top: 110px"><span style="font-family: Myriad Pro;color: #f7c9c9;">Här kan du skriva någon kort text om ditt register. Exempelvis vad
du inriktar dig mot. Hur många djur du sålt. Hur mycket du tjänat ihop.
Tänk bara på att detta inte är en scroll-ruta och att du behöver byta
rad, så texten inte hamnar utanför rutan.

<span style="font-size: 14px;"><i>Betydelser</i></span>
<span style="font-family: Verdana;color: #0000cc;font-weight: bold;">(</span><span style="font-family: Verdana;color: #ffff00;font-weight: bold;">1</span><span style="font-family: Verdana;color: #0000cc;font-weight: bold;">)</span> / <span style="font-family: Verdana;color: #c20909;font-weight: bold;">(</span><span style="font-family: Verdana;color: #ffff00;font-weight: bold;">2</span><span style="font-family: Verdana;color: #c20909;font-weight: bold;">)</span> / <span style="font-family: Verdana;color: #0da126;font-weight: bold;">(</span><span style="font-family: Verdana;color: #ffff00;font-weight: bold;">3</span><span style="font-family: Verdana;color: #0da126;font-weight: bold;">)</span> - Vinster i utställningen</font></p></span></span>

<span class="normal"><span style="z-index: 1; left: 25px; position: absolute; top: 250px"><p style="font-family:Myriad Pro; padding-left: 2px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; height: 150px; width: 300px; border: 0px outset #5d241b; overflow: auto; background-color: transparent; scrollbar-face-color: #F5DEB3; scrollbar-highlight-color: #F5F5DC; scrollbar-shadow-color: #D2B48C; scrollbar-3dlight-color: #CDB38B; scrollbar-arrow-color: #DEB887; scrollbar-track-color: #FFFFF0; scrollbar-darkshadow-color: #CDB38B; color: #ffffff;"><span style="font-family: Myriad Pro;color: #f7c9c9;font-size: 23px;">H Ä S T A R</span>
Sålda: 0 ST ~ Inkasserat: 0 SP ~ Vinster: 0 ST

Inga hästar skapade ännu...
(Denna ruta blir en scroll-ruta!)

</font></p></span></span>

<span class="normal"><span style="z-index: 1; left: 25px; position: absolute; top: 440px"><p style="font-family:Myriad Pro; padding-left: 2px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; height: 150px; width: 300px; border: 0px outset #5d241b; overflow: auto; background-color: transparent; scrollbar-face-color: #F5DEB3; scrollbar-highlight-color: #F5F5DC; scrollbar-shadow-color: #D2B48C; scrollbar-3dlight-color: #CDB38B; scrollbar-arrow-color: #DEB887; scrollbar-track-color: #FFFFF0; scrollbar-darkshadow-color: #CDB38B; color: #ffffff;"><span style="font-family: Myriad Pro;color: #f7c9c9;font-size: 23px;">H U N D A R</span>
Sålda: 0 ST ~ Inkasserat: 0 SP ~ Vinster: 0 ST

Inga hundar skapade ännu...
(Denna ruta blir en scroll-ruta!)

</font></p></span></span>

<span class="normal"><span style="z-index: 1; left: 25px; position: absolute; top: 630px"><p style="font-family:Myriad Pro; padding-left: 2px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; height: 150px; width: 300px; border: 0px outset #5d241b; overflow: auto; background-color: transparent; scrollbar-face-color: #F5DEB3; scrollbar-highlight-color: #F5F5DC; scrollbar-shadow-color: #D2B48C; scrollbar-3dlight-color: #CDB38B; scrollbar-arrow-color: #DEB887; scrollbar-track-color: #FFFFF0; scrollbar-darkshadow-color: #CDB38B; color: #ffffff;"><span style="font-family: Myriad Pro;color: #f7c9c9;font-size: 23px;">K A T T E R</span>
Sålda: 0 ST ~ Inkasserat: 0 SP ~ Vinster: 0 ST

Inga katter skapade ännu...
(Denna ruta blir en scroll-ruta!)

</font></p></span></span>

<span class="normal"><span style="z-index: 1; left: 25px; position: absolute; top: 820px"><p style="font-family:Myriad Pro; padding-left: 2px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; height: 150px; width: 300px; border: 0px outset #5d241b; overflow: auto; background-color: transparent; scrollbar-face-color: #F5DEB3; scrollbar-highlight-color: #F5F5DC; scrollbar-shadow-color: #D2B48C; scrollbar-3dlight-color: #CDB38B; scrollbar-arrow-color: #DEB887; scrollbar-track-color: #FFFFF0; scrollbar-darkshadow-color: #CDB38B; color: #ffffff;"><span style="font-family: Myriad Pro;color: #f7c9c9;font-size: 23px;">K A N I N E R</span>
Sålda: 0 ST ~ Inkasserat: 0 SP ~ Vinster: 0 ST

Inga katter skapade ännu...
(Denna ruta blir en scroll-ruta!)

</font></p></span></span>


<tr><span style="Z-INDEX: 0; LEFT: 0px; POSITION: absolute; TOP: 0px; cursor:url();"></span></span></p><br><br>
<tr><p class="rollmenu" style="position: absolute; z-index: 1; top: 5px; left: 20px;"><span style="letter-spacing: 3px;"><b>MENY</b></span> <span class="menulink">/ <font color="white"><PAGE id="NUMMER TILL LÄNK" name="NAMN PÅ LÄNK"> <PAGE id="NUMMER TILL LÄNK" name="NAMN PÅ LÄNK"></span></span></span></span></p>

<style type="text/css"> .rollmenu {overflow: hidden; width: 48px; height: 16px; padding: 0px 0px 0px 20px; background-color:rgba(166, 213, 207, 0); font-family: Myriad Pro; color: #000000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);!important; font-size: 12px; letter-spacing: 0px; font-weight: none; text-transform: uppercase; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; o-transition: all 2s ease-in-out;} .rollmenu:hover {width:300px;} .menulink a:link, a:visited {font-family: Myriad Pro; font-size: 10px; padding-left: 10px; font-color:#bdac88; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)!important; font-weight: normal; text-transform: normal; letter-spacing: 1px; font-style: Condensed; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; o-transition: all .5s ease-in-out;} .menulink a:hover, a:active {text-decoration: none; letter-spacing: 2px; color: #d8c8a6!important;} </style>

<STYLE TYPE="text/css"> a:link, a:visited {transition:all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; o-transition: all .5s ease-in-out; font-weight: normal; color: #000000!important; font-family: tahoma; font-size: 10px; font-style: normal; text-decoration: none; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15); letter-spacing: 0px; line-height: 11px;} a:hover, a:active {text-decoration: none; font-weight: bold; letter-spacing: 0px; font-family: tahoma; font-size: 10px; color:#7e616b!important; background-color: rgba(255, 255, 255, 0);}</STYLE>
<style type="text/css"> ::-webkit-scrollbar {width: 9px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05); border-radius: 0px; background: #transparant;} .normal a:link {font-family: Myriad Pro; font-size: 10px; font-weight: normal; color: #ffffff!important;} .normal a:visited {font-family: Myriad Pro; text-decoration: normal; font-weight: normal; color: #ffffff!important;} .normal a:hover {font-size: 10px; font-family: Myriad Pro; text-decoration: none; font-weight: normal; background: transparent; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out all 0.5s; color: #de8b8b!important;}</style

<style type="text/css"> ::-webkit-scrollbar {width: 8px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2); border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .1); border-radius: 0px; background: rgba(190, 68, 68, .5);} </style>

Kommentera här: