Saddled
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Je bent niet ingelogd. Log in of registreer je

Saddled »  » OOC » Kletszone » Kletstopic

Ga naar pagina : Vorige  1, 2, 3 ... 5, 6, 7 ... 11, 12, 13  Volgende

Vorige onderwerp Volgende onderwerp Ga naar beneden  Bericht [Pagina 6 van 13]

126Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 2:55 am

Dhaeru

Dhaeru
Administrator
Coowl Maureen 8D

127Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 2:59 am

Utah

Utah
Helper
U t a h // 6 years
Soow, gwn ff een simpele sheet :3
N o t e s ;
text // text

128Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 3:06 am

Dhaeru

Dhaeru
Administrator
Haha coowl 8D, weetje dat ik dat paard ook zag toen ik Dhaeru's setje ging zoeken? Ik vond 'm echt gaaf!

129Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 3:14 am

Utah

Utah
Helper
hihi thanks (:

AND NOW IT'S UTAH Reindeer 


gawd, die smileys :'D

130Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 3:18 am

Aurelia

Aurelia
Administrator
Oeh Utah is een mooierd! Ik zou bijna Dhaeru én Utah willen adopteren. :c

https://saddled.actieforum.com

131Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 3:31 am

Utah

Utah
Helper
Bluh ik wil nu al een nieuwe sheet D:

waar halen jullie allemaal toch die codes vandaan? D:

132Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 3:40 am

Aurelia

Aurelia
Administrator
hier* en hier* vandaan. :D

https://saddled.actieforum.com

133Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 4:00 am

Mitch

Mitch
Heey peepz :D
Ik ben helemaal goed gezind vandaag en heb superveel inspiratie ;o

134Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 4:14 am

Utah

Utah
Helper
Heb ik eindelijk een leuke template, doet ie het niet op actieforum D:


Iemand die kan helpen? D:

135Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 4:17 am

Aurelia

Aurelia
Administrator
Sure, plaats de code maar hier en ik zal m'n best doen om 'm te laten werken! :D

https://saddled.actieforum.com

136Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 4:32 am

Utah

Utah
Helper
Code:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">
#slider { text-align: center; width:450px; height:450px;}

label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#slider { margin: 0 auto; }

#slider input {display: none;}
#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }
#slidercr a {color:#206876;}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }

#controller {width:450px; height:450px; overflow:hidden; }
#overflow {width: 100%;overflow: hidden;}
article img {width: 450px; height:450px;}
#slides .inner {width: 500%;line-height: 0;}
#slides article { width: 20%;float: left;}
#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}
#controls label { display: none;width: 50px; height: 50px;opacity: 0.3;}
#active {margin: 27% 0 0;text-align: center;}

#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px;
height: 10px; background: #bbb; }

#active label:hover { background: #ccc; border-color: #0e0e0e!important; }

#controls label:hover { opacity: 0.8; }

#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}

#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }

/* Info Box */

.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;}
.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;}
.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;}
#slides { box-shadow: 1px 1px 4px #666;}
.ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;}

#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }

#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

#controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}

#slide1:checked ~ #slides article:nth-child(1) .firstslide,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }</style>

<div class="controller"><article id=slider>
<input checked type=radio name=slider id=slide1 />
<input type=radio name=slider id=slide2 />
<input type=radio name=slider id=slide3 />
<input type=radio name=slider id=slide4 />
<input type=radio name=slider id=slide5 />

<div id=slides>
<div id=overflow>
<div class=inner>
<article><div class=firstslide><div class="fstxt">first last</div></div>
<img src=500x500 http://i43.tinypic.com/f1miv9.jpg!!! /></article>
 
<article><div class=info>
<div class="ntxt">friends</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div>
<img src=500x500 http://i43.tinypic.com/f1miv9.jpg!!! /></article>
 
<article><div class=info><div class="ntxt">enemies</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div>
<img src=500x500 http://i43.tinypic.com/f1miv9.jpg!!! /></article>
 
<article><div class=info><div class="ntxt">lovers</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!<br><br>

i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else! </div></div>
<img src=500x500 http://i43.tinypic.com/f1miv9.jpg!!! /></article>
 
<article><div class=info><div class="ntxt">relationships</div>
<div class="ctxt" style="text-align:center;">
<b>first last</b> -  relationship<br>
<b>first last</b> -  relationship<br>
<b>first last</b> -  relationship<br>
</div></div>
<img src=500x500 http://i43.tinypic.com/f1miv9.jpg!!! /></article>
 
</div>
</div>
</div>
<div id=controls>
<label for=slide1></label>
<label for=slide2></label>
<label for=slide3></label>
<label for=slide4></label>
<label for=slide5></label>

</div>
</article></div>
<center><div id="slidercr"><a href="http://shine.b1.jcink.com/index.php?showuser=207">▲</a><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">▲</a><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9524">▲</a><a href="http://csscience.com/responsiveslidercss3/">▲</a></div></center>
[/dohtml]
Hij is echt vet raar :'D

137Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 4:51 am

Aurelia

Aurelia
Administrator
Like this?

first last
friends
first letter goes into the bold tags and the rest of your writing goes here!
enemies
first letter goes into the bold tags and the rest of your writing goes here!
lovers

first letter goes into the bold tags and the rest of your writing goes here!

i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else!

relationships
first last -  relationship
first last -  relationship
first last -relationship



Code:
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">#slider { text-align: center; width:450px; height:450px;}label, #active, img { -moz-user-select:none;-webkit-user-select:none; }.catch { display: block; height: 0; overflow: hidden; }#slider { margin: 0 auto; }#slider input {display: none;}#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }#slidercr a {color:#206876;}#slide1:checked ~ #slides .inner { margin-left:0; }#slide2:checked ~ #slides .inner { margin-left:-100%; }#slide3:checked ~ #slides .inner { margin-left:-200%; }#slide4:checked ~ #slides .inner { margin-left:-300%; }#slide5:checked ~ #slides .inner { margin-left:-400%; }#controller {width:450px; height:450px; overflow:hidden; }#overflow {width: 100%;overflow: hidden;}article img {width: 450px; height:450px;}#slides .inner {width: 500%;line-height: 0;}#slides article { width: 20%;float: left;}#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}#controls label { display: none;width: 50px; height: 50px;opacity: 0.3;}#active {margin: 27% 0 0;text-align: center;}#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px;height: 10px; background: #bbb; }#active label:hover { background: #ccc; border-color: #0e0e0e!important; }#controls label:hover { opacity: 0.8; }#slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(1) {background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}#slide1:checked ~ #controls label:nth-child(5),#slide2:checked ~ #controls label:nth-child(1),#slide3:checked ~ #controls label:nth-child(2),#slide4:checked ~ #controls label:nth-child(3),#slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }#slide1:checked ~ #active label:nth-child(1),#slide2:checked ~ #active label:nth-child(2),#slide3:checked ~ #active label:nth-child(3),#slide4:checked ~ #active label:nth-child(4),#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }/* Info Box */.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;}.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;}.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;}#slides { box-shadow: 1px 1px 4px #666;}.ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;}#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}#controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}#slide1:checked ~ #slides article:nth-child(1) .firstslide,#slide2:checked ~ #slides article:nth-child(2) .info,#slide3:checked ~ #slides article:nth-child(3) .info,#slide4:checked ~ #slides article:nth-child(4) .info,#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;}.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }</style><div class="controller"><article id=slider><input checked type=radio name=slider id=slide1 /><input type=radio name=slider id=slide2 /><input type=radio name=slider id=slide3 /><input type=radio name=slider id=slide4 /><input type=radio name=slider id=slide5 /><div id=slides><div id=overflow><div class=inner><article><div class=firstslide><div class="fstxt">first last</div></div><img src=http://data2.whicdn.com/images/81923374/large.jpg /></article><article><div class=info><div class="ntxt">friends</div><div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div><img src=http://data2.whicdn.com/images/81923374/large.jpg /></article><article><div class=info><div class="ntxt">enemies</div><div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div><img src=http://data2.whicdn.com/images/81923374/large.jpg /></article><article><div class=info><div class="ntxt">lovers</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!<br><br>i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else! </div></div>
<img src=http://data2.whicdn.com/images/81923374/large.jpg /></article><article><div class=info><div class="ntxt">relationships</div><div class="ctxt" style="text-align:center;"><b>first last</b> -  relationship<br><b>first last</b> -  relationship<br><b>first last</b> -relationship<br></div></div><img src=http://data2.whicdn.com/images/81923374/large.jpg /></article></div></div>
</div> <div id=controls><label for=slide1></label><label for=slide2></label><label for=slide3></label><label for=slide4></label><label for=slide5></label></div></article></div><center><div id="slidercr"><a href="http://shine.b1.jcink.com/index.php?showuser=207">▲</a><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">▲</a><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9524">▲</a><a href="http://csscience.com/responsiveslidercss3/">▲</a></div></center>

https://saddled.actieforum.com

138Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 5:57 am

Allison

Allison
helleeu

139Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 5:57 am

Utah

Utah
Helper
Yes! Thank you <33333

140Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:00 am

Allison

Allison
Can somebody help my with my 'setje'?

I kinda suck in that:3

OMG IK MOET JEROME ECHT HEBBEN, nomnomnom

141Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:02 am

Aurelia

Aurelia
Administrator
@maureen no problem!

@zoë ik ben zelf ook niet goed in setjes, zoals je als ziet haha. IK WIL MITCH HEBBEN.

https://saddled.actieforum.com

142Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:03 am

Allison

Allison
laten we ze gewoon stelen >:)

143Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:09 am

Aurelia

Aurelia
Administrator
Goed idee! Mwhauaha. nee, dit wordt flirt werk

https://saddled.actieforum.com

144Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:10 am

Allison

Allison
HAHAHA Hah 

145Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:15 am

Aurelia

Aurelia
Administrator
Oh, Zoë, heb jij toevallig Teen Wolf gekeken? Hah Want de naam van je karakter...

https://saddled.actieforum.com

146Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:17 am

Allison

Allison
gekeken? Ik heb het geleefd mwhuhaha, Ik heb in 2 weken alle drie de seizoenen gekeken, en nu moet ik wachtten tot januari Mad sheep 

147Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:20 am

Aurelia

Aurelia
Administrator
I feel your pain, ik kijk het al vanaf het begin.. stiekem moet je crystal als fc doen en dan maak ik scott aan. of dylan. ja dylan. ik hou van dylan, <3

https://saddled.actieforum.com

148Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:23 am

Allison

Allison
OMG jaa, doe Dylan! Dylan moet! Hij is echt één van de knapste jongens van de wereld!!

149Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:30 am

Aurelia

Aurelia
Administrator
JAAAA, maar ik wou hem sws al maken dus dat komt goed, hihi. Ik wou eerst Max gebruiken voordat charrie, maar nu Mitch er is gebruik ik Dylan wel. :D

https://saddled.actieforum.com

150Kletstopic - Pagina 6 Empty Re: Kletstopic di okt 15, 2013 6:39 am

Allison

Allison
YEAHH:LA: 

Gesponsorde inhoud


Vorige onderwerp Volgende onderwerp Terug naar boven  Bericht [Pagina 6 van 13]

Ga naar pagina : Vorige  1, 2, 3 ... 5, 6, 7 ... 11, 12, 13  Volgende

Saddled »  » OOC » Kletszone » Kletstopic

Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum