Anzahl der Beiträge : 1033 Anmeldedatum : 01.08.13 Alter : 22 Ort : Überall
Thema: Divs Mi Jun 24, 2015 7:12 pm
Es wird wieder Divs geben! Ich hab mir mal die Freiheit genommen und rumgecodet xD
Taubenstern:
Taubenstern: Hier steht dann der Text
Halt die Maus aufs Bild um den Text zu sehen
Code:
<center><div style="background-image:url('http://fs5.directupload.net/images/151010/bg6q3lee.jpg');background-position:center;background-repeat:no-repeat;" id="frost-bild"><div class="frost-bildtext"><b>Taubenstern:</b> Hier steht dann der Text</div></div>Halt die Maus aufs Bild um den Text zu sehen ;)</center> <style text="ccs/html">#frost-bild {padding:5px;width:480px;height:290px;} .frost-bildtext {background:#E0E0E0;text-align:justify;border-radius:10px;margin:85px 50px 85px 50px;padding:5px;width:360px;height:120px;overflow:auto;opacity:0.0;transition-timing-function:ease;transition-delay:0.3s;transition-duration:0.3s;transition-property:all;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;text-align:left;} .frost-bildtext:hover {opacity: 0.8;}</style>
Efeustern:
Efeustern: Hier steht dann der Text
Halt die Maus aufs Bild um den Text zu sehen
Code:
<center><div style="background-image:url('http://fs5.directupload.net/images/151010/pmzvjd2n.jpg');background-position:center;background-repeat:no-repeat;" id="frost-bild"><div class="frost-bildtext"><b>Efeustern:</b> Hier steht dann der Text</div></div>Halt die Maus aufs Bild um den Text zu sehen ;)</center> <style text="ccs/html">#frost-bild {padding:5px;width:480px;height:290px;} .frost-bildtext {background:#E0E0E0;text-align:justify;border-radius:10px;margin:85px 50px 85px 50px;padding:5px;width:360px;height:120px;overflow:auto;opacity:0.0;transition-timing-function:ease;transition-delay:0.3s;transition-duration:0.3s;transition-property:all;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;text-align:left;} .frost-bildtext:hover {opacity: 0.8;}</style>
Ich hoffe das Bild ist okay, ich habe kein besseres gefunden :/
Habichtfrost:
Habichtfrost: Hier steht dann der Text
Halt die Maus aufs Bild um den Text zu sehen
Code:
<center><div style="background-image:url('http://fs5.directupload.net/images/151010/e3lyzg6v.jpg');background-position:center;background-repeat:no-repeat;" id="frost-bild"><div class="frost-bildtext"><b>Habichtfrost:</b> Hier steht dann der Text</div></div>Halt die Maus aufs Bild um den Text zu sehen ;)</center> <style text="ccs/html">#frost-bild {padding:5pxwidth:480px;height:290px;} .frost-bildtext {background:#E0E0E0;text-align:justify;border-radius:10px;margin:85px 50px 85px 50px;padding:5px;width:360px;height:120px;overflow:auto;opacity:0.0;transition-timing-function:ease;transition-delay:0.3s;transition-duration:0.3s;transition-property:all;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;text-align:left;} .frost-bildtext:hover {opacity: 0.8;}</style>
Tigerherz:
Tigerherz Hier steht dann der Text
Halt die Maus aufs Bild um den Text zu sehen
Code:
<center><div style="background-image:url('http://fs5.directupload.net/images/151010/nufqefjo.jpg');background-position:center;background-repeat:no-repeat;" id="frost-bild"><div class="frost-bildtext"><b>Tigerherz</b> Hier steht dann der Text</div></div>Halt die Maus aufs Bild um den Text zu sehen ;)</center> <style text="ccs/html">#frost-bild {padding:5pxwidth:480px;height:290px;} .frost-bildtext {background:#E0E0E0;text-align:justify;border-radius:10px;margin:85px 50px 85px 50px;padding:5px;width:360px;height:120px;overflow:auto;opacity:0.0;transition-timing-function:ease;transition-delay:0.3s;transition-duration:0.3s;transition-property:all;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;text-align:left;} .frost-bildtext:hover {opacity: 0.8;}</style>
Sonnenstern:
Sonnenstern: Hier steht dann der Text
Halt die Maus aufs Bild um den Text zu sehen
Code:
<center><div style="background-image:url('http://fs5.directupload.net/images/151010/sa3lgz5y.jpg');background-position:center;background-repeat:no-repeat;" id="frost-bild"><div class="frost-bildtext"><b>Sonnenstern:</b> Hier steht dann der Text</div></div>Halt die Maus aufs Bild um den Text zu sehen ;)</center> <style text="ccs/html">#frost-bild {padding:5px;width:480px;height:290px;} .frost-bildtext {background:#E0E0E0;text-align:justify;border-radius:10px;margin:85px 50px 85px 50px;padding:5px;width:360px;height:120px;overflow:auto;opacity:0.0;transition-timing-function:ease;transition-delay:0.3s;transition-duration:0.3s;transition-property:all;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;text-align:left;} .frost-bildtext:hover {opacity: 0.8;}</style>