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]

126 Re: Kletstopic op di okt 15, 2013 2:55 am

Dhaeru

avatar
Administrator
Coowl Maureen 8D


Profiel bekijken

127 Re: Kletstopic op di okt 15, 2013 2:59 am

Utah

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

Profiel bekijken

128 Re: Kletstopic op di okt 15, 2013 3:06 am

Dhaeru

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


Profiel bekijken

129 Re: Kletstopic op di okt 15, 2013 3:14 am

Utah

avatar
Helper
hihi thanks (:

AND NOW IT'S UTAH Reindeer 


gawd, die smileys :'D

Profiel bekijken

130 Re: Kletstopic op di okt 15, 2013 3:18 am

Aurelia

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

Profiel bekijken http://saddled.actieforum.com

131 Re: Kletstopic op di okt 15, 2013 3:31 am

Utah

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

waar halen jullie allemaal toch die codes vandaan? D:

Profiel bekijken

132 Re: Kletstopic op di okt 15, 2013 3:40 am

Aurelia

avatar
Administrator
hier* en hier* vandaan. :D

Profiel bekijken http://saddled.actieforum.com

133 Re: Kletstopic op di okt 15, 2013 4:00 am

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

Profiel bekijken

134 Re: Kletstopic op di okt 15, 2013 4:14 am

Utah

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


Iemand die kan helpen? D:

Profiel bekijken

135 Re: Kletstopic op di okt 15, 2013 4:17 am

Aurelia

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

Profiel bekijken http://saddled.actieforum.com

136 Re: Kletstopic op di okt 15, 2013 4:32 am

Utah

avatar
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

Profiel bekijken

137 Re: Kletstopic op di okt 15, 2013 4:51 am

Aurelia

avatar
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>

Profiel bekijken http://saddled.actieforum.com

138 Re: Kletstopic op di okt 15, 2013 5:57 am

helleeu

Profiel bekijken

139 Re: Kletstopic op di okt 15, 2013 5:57 am

Utah

avatar
Helper
Yes! Thank you <33333

Profiel bekijken

140 Re: Kletstopic op di okt 15, 2013 6:00 am

Can somebody help my with my 'setje'?

I kinda suck in that:3

OMG IK MOET JEROME ECHT HEBBEN, nomnomnom

Profiel bekijken

141 Re: Kletstopic op di okt 15, 2013 6:02 am

Aurelia

avatar
Administrator
@maureen no problem!

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

Profiel bekijken http://saddled.actieforum.com

142 Re: Kletstopic op di okt 15, 2013 6:03 am

laten we ze gewoon stelen >:)

Profiel bekijken

143 Re: Kletstopic op di okt 15, 2013 6:09 am

Aurelia

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

Profiel bekijken http://saddled.actieforum.com

144 Re: Kletstopic op di okt 15, 2013 6:10 am

HAHAHA Hah 

Profiel bekijken

145 Re: Kletstopic op di okt 15, 2013 6:15 am

Aurelia

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

Profiel bekijken http://saddled.actieforum.com

146 Re: Kletstopic op di okt 15, 2013 6:17 am

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 

Profiel bekijken

147 Re: Kletstopic op di okt 15, 2013 6:20 am

Aurelia

avatar
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

Profiel bekijken http://saddled.actieforum.com

148 Re: Kletstopic op di okt 15, 2013 6:23 am

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

Profiel bekijken

149 Re: Kletstopic op di okt 15, 2013 6:30 am

Aurelia

avatar
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

Profiel bekijken http://saddled.actieforum.com

150 Re: Kletstopic op di okt 15, 2013 6:39 am

YEAHH:LA: 

Profiel bekijken

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