Greyscale

Onderwerp: Greyscale wo nov 25, 2015 3:33 pm

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae tincidunt justo. Vivamus ut metus sed massa sodales sagittis eu at diam. In pellentesque dolor eu sagittis tristique. Pellentesque ut mattis libero. Ut luctus quis odio nec dapibus. Maecenas dignissim lobortis varius. Quisque fringilla sem dapibus justo lacinia sollicitudin.

Morbi vehicula lorem eget sagittis pretium. Ut accumsan magna id leo sollicitudin pulvinar. Proin nisi tortor, suscipit accumsan purus non, ultrices cursus lacus. Proin mollis et sem tincidunt feugiat. Nullam ut lacus dui. Etiam dignissim commodo luctus. Aliquam ultrices diam massa, id viverra nunc euismod nec. Vestibulum semper felis ipsum, eget tempus lectus facilisis nec. Phasellus lobortis sem lorem, quis molestie mauris dictum vitae. In maximus vestibulum nisi, vitae lacinia sem consequat sit amet. Morbi facilisis blandit porta.

Aenean lacinia tellus ut tellus molestie, sed accumsan lorem maximus. Duis ornare ex velit, bibendum sollicitudin dui porttitor eget. Suspendisse at placerat ipsum, nec condimentum turpis. Suspendisse vitae sapien id mi finibus varius. Suspendisse tristique facilisis nibh. Proin sit amet ex volutpat, bibendum ipsum vitae, pulvinar urna. Phasellus molestie imperdiet quam vel pharetra. Nulla ut leo lectus. Aenean sed pellentesque erat, et bibendum elit. Suspendisse sit amet lorem in urna finibus bibendum. Morbi pulvinar diam ut purus sodales elementum. Phasellus luctus pulvinar diam eget vestibulum. In convallis nibh id ipsum efficitur, sed tristique neque finibus. Pellentesque at libero mauris. Phasellus nec imperdiet dolor.

Lorem Ipsum

♦.♦
Regels/Notes
| Je laat de credits er altijd op staan.
| Er komt een scrollbalkje wanneer de tekst lang wordt.
| Natuurlijk mag je de tekst, kleuren en het plaatje aanpassen, maar verder blijf je van de code af. (De plekken waar deze dingen aangepast kunnen worden, zijn in hoofdletters aangegeven in de code hieronder.)
| Ik zou het leuk vinden om te weten wanneer iemand deze sheet gebruikt, maar je hoeft het niet per-se te vermelden.
| Als je een probleem hebt ontdekt dat te maken heeft met deze sheet, meld het dan hier zodat ik kan kijken wat ik er aan kan doen.

Code:: <center><div class="jooepie1"><div style="height:300px;width:500px;border:10px solid RANDKLEUR;"><div class="jooepie3"><div style="height: 300px;width:500px;border:10px solid RANDKLEUR HOVER;margin-top:-10px;margin-left:-10px;"></div></div><div class="jooepie2"><div style="color:TEKSTKLEUR TEKSTVAK;background-color:ACHTERGRONDKLEUR TEKSTVAK;height:200px;width:475px;margin-top:-300px;text-align:justify;padding:2px;overflow:auto;font-size:10px;">TEKST HIER</div></div><span style="font-size:50px;color:TEKSTKLEUR NAAM;font-family:satisfy;position:relative;z-index:50;line-height:50%">NAAM HIER</span></div></div><a href="http://stylesheet.actieforum.com/u3">♦.♦</a></center><style>.jooepie1{width:510px;background: -webkit-linear-gradient(top, BOVENSTE GRADIENTKLEUR, ONDERSTE GRADIENTKLEUR); background: -o-linear-gradient(bottom, #BOVENSTE GRADIENTKLEUR, ONDERSTE GRADIENTKLEUR); background: -moz-linear-gradient(bottom, BOVENSTE GRADIENTKLEUR, ONDERSTE GRADIENTKLEUR); background: linear-gradient(to bottom, BOVENSTE GRADIENTKLEUR, ONDERSTE GRADIENTKLEUR);} .jooepie3{opacity:0;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-mz-transition:0.5s;width:510px;background: -webkit-linear-gradient(top, BOVENSTE GRADIENTKLEUR HOVER, ONDERSTE GRADIENTKLEUR HOVER); background: -o-linear-gradient(bottom, BOVENSTE GRADIENTKLEUR HOVER, ONDERSTE GRADIENTKLEUR HOVER); background: -moz-linear-gradient(bottom, BOVENSTE GRADIENTKLEUR HOVER, ONDERSTE GRADIENTKLEUR HOVER); background: linear-gradient(to bottom, BOVENSTE GRADIENTKLEUR HOVER, ONDERSTE GRADIENTKLEUR HOVER);} .jooepie3:hover{Opacity:1;-webkit-opacity:1;-o-opacity:1;-moz-opacity:1;} .jooepie2{opacity:0.75;}</style><link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>