PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Bilder rütteln
Beitrag
<blockquote data-quote="cebito" data-source="post: 868487" data-attributes="member: 173078"><p><strong>AW: Bilder rütteln</strong></p><p></p><p>z.B. so:</p><p></p><p>[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p><p><html lang="de"></p><p><head></p><p><!--Serif WebPlus 10 HTML Export--></p><p><!--Unterstützt HTML 4.01--></p><p><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></p><p><meta name="Generator" content="Serif WebPlus 10.1.3.039"></p><p><title>Team</title></p><p><style type="text/css"></p><p><!--</p><p>body {margin: 0px; padding: 0px;}</p><p>.Standard-P</p><p> {</p><p> margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400; </p><p> }</p><p>.Standard-P0</p><p> {</p><p> margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; </p><p> }</p><p>.Standard-C</p><p> {</p><p> font-family:"Comic Sans MS", cursive; font-size:11.0px; </p><p> line-height:1.36em; color:#ffffff; </p><p> }</p><p>.Standard-C0</p><p> {</p><p> font-family:"Life BT", serif; font-size:13.0px; line-height:1.23em; </p><p> color:#ffffff; </p><p> }</p><p>.Standard-C1</p><p> {</p><p> font-family:"Comic Sans MS", cursive; font-size:16.0px; </p><p> line-height:1.44em; color:#ffffff; </p><p> }</p><p>--></p><p></style></p><p><script type="text/javascript"><!--</p><p>var blankSrc = "_wp_scripts/blank.gif";</p><p>--></script></p><p><style></p><p>.bild1image{</p><p>position:relative</p><p>}</p><p></style></p><p><script language="JavaScript1.2"></p><p></p><p>/*</p><p>bild1 image script (onMouseover)- </p><p>© Dynamic Drive (www.dynamicdrive.com)</p><p>For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com</p><p>*/</p><p></p><p>//configure bild1 degree (where larger # equals greater bild1)</p><p>var rector=10</p><p></p><p>///////DONE EDITTING///////////</p><p>var stopit=0 </p><p>var a=1</p><p></p><p>function init(){</p><p>stopit=0</p><p>bild1=document.images[10]</p><p>bild1.style.left=0</p><p>bild1.style.top=0</p><p>bild2=document.images[11]</p><p>bild2.style.left=0</p><p>bild2.style.top=0</p><p>bild3=document.images[12]</p><p>bild3.style.left=0</p><p>bild3.style.top=0</p><p>setTimeout("stoprattle()",3000)</p><p>}</p><p></p><p>function rattleimage(){</p><p>if ((!document.all&&!document.getElementById)||stopit==1)</p><p>return</p><p>if (a==1){</p><p>bild1.style.top=parseInt(bild1.style.top)+rector</p><p>bild2.style.top=parseInt(bild2.style.top)+rector</p><p>bild3.style.top=parseInt(bild3.style.top)+rector</p><p>}</p><p>else if (a==2){</p><p>bild1.style.left=parseInt(bild1.style.left)+rector</p><p>bild2.style.left=parseInt(bild2.style.left)+rector</p><p>bild3.style.left=parseInt(bild3.style.left)+rector</p><p>}</p><p>else if (a==3){</p><p>bild1.style.top=parseInt(bild1.style.top)-rector</p><p>bild2.style.top=parseInt(bild2.style.top)-rector</p><p>bild3.style.top=parseInt(bild3.style.top)-rector</p><p>}</p><p>else{</p><p>bild1.style.left=parseInt(bild1.style.left)-rector</p><p>bild2.style.left=parseInt(bild2.style.left)-rector</p><p>bild3.style.left=parseInt(bild3.style.left)-rector</p><p>}</p><p>if (a<4)</p><p>a++</p><p>else </p><p>a=1</p><p>setTimeout("rattleimage()",50)</p><p>}</p><p></p><p>function stoprattle(){</p><p>stopit=1</p><p>bild1=document.images[10]</p><p>bild1.style.left=0</p><p>bild1.style.top=0</p><p>bild2=document.images[11]</p><p>bild2.style.left=0</p><p>bild2.style.top=0</p><p>bild3=document.images[12]</p><p>bild3.style.left=0</p><p>bild3.style.top=0</p><p>}</p><p></p><p></script></p><p></p><p><script src="_wp_scripts/jspngfix.js" type="text/javascript"></script></p><p></head></p><p></p><p><body link="#ffffff" vlink="#ffffff" alink="#ffffff" text="#000000" style="background: #000000; height:660px;" onLoad="init(); rattleimage();"></p><p><center><div style="position:relative;width:1000px;"></p><p><div style="position:absolute; left:0px; top:175px; width:1000px; height:29px;"></p><p> <img src="_wp_generated/wp6330e970.png" width="1000" height="29" border="0" id="qs_6" name="qs_6" title="" alt="wp6330e970.png" onload="OnLoadPngFix()"></div></p><p><div style="position:absolute; left:0px; top:592px; width:1000px; height:58px;"></p><p> <img src="_wp_generated/wpe66a6099.png" width="1000" height="58" border="0" id="qs_5" name="qs_5" title="" alt="wpe66a6099.png" onload="OnLoadPngFix()"></div></p><p><div style="position:absolute; left:236px; top:242px; width:488px; height:320px;"></p><p> <img src="_wp_generated/wp91da1edb.png" width="488" height="320" border="0" id="art_16" name="art_16" title="" alt="wp91da1edb.png" onload="OnLoadPngFix()"></div></p><p><div style="position:absolute; left:755px; top:243px; width:224px; height:320px;"></p><p> <img src="_wp_generated/wp6e4b568e.png" width="224" height="320" border="0" id="qs_9" name="qs_9" title="" alt="wp6e4b568e.png" onload="OnLoadPngFix()"></div></p><p></p><p><div style="position:absolute; left:15px; top:241px; width:205px; height:317px;"></p><p> <img src="_wp_generated/wpf6fc40a3.png" width="205" height="317" border="0" id="qs_10" name="qs_10" title="" alt="wpf6fc40a3.png" onload="OnLoadPngFix()"></div></p><p><div style="position:absolute; left:382px; top:619px; width:194px; height:30px;"></p><p> <div class="Standard-P"></p><p> <span class="Standard-C">Copyright by Ray Production Crew<br></span></p><p> <span class="Standard-C">Design by Ray Production</span></div></p><p></div></p><p><div style="position:absolute; left:845px; top:0px; width:155px; height:155px;"></p><p> <img src="_wp_generated/wp4b1d4823.gif" width="155" height="155" border="0" id="pic_2" name="pic_2" title="" alt="wp4b1d4823.gif"></div></p><p><div style="position:absolute; left:80px; top:41px; width:584px; height:94px;"></p><p></p><p> <img src="_wp_generated/wp75fe62de.png" width="584" height="94" border="0" id="three_1" name="three_1" title="" alt="wp75fe62de.png" onload="OnLoadPngFix()"></div></p><p><div id="txt_1" style="position:absolute; left:25px; top:250px; width:183px; height:294px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;"></p><p><P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">DjRay </span></P></p><p><P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">I Love You Techno Mix 2008</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">Mc Cram</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">Klartext</span></P></p><p></p><p><P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">Dj Strike</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">I Love You Techno Mix 2008</span></P></p><p><P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P></p><p></div></p><p><div style="position:absolute; left:42px; top:178px; width:59px; height:23px;"></p><p> <div class="Standard-P0"></p><p> <span class="Standard-C1"><a href="index.html" style="text-decoration:none;">Home</a></span></div></p><p></div></p><p></p><p><div style="position:absolute; left:112px; top:178px; width:58px; height:23px;"></p><p> <div class="Standard-P0"></p><p> <span class="Standard-C1"><a href="team.html" style="text-decoration:none;">Team</a></span></div></p><p></div></p><p><div style="position:absolute; left:179px; top:177px; width:63px; height:23px;"></p><p> <div class="Standard-P0"></p><p> <span class="Standard-C1"><a href="music.html" style="text-decoration:none;">Music</a></span></div></p><p></div></p><p><div style="position:absolute; left:247px; top:178px; width:96px; height:23px;"></p><p> <div class="Standard-P0"></p><p></p><p> <span class="Standard-C1">Guestbook</span></div></p><p></div></p><p><div style="position:absolute; left:342px; top:178px; width:58px; height:23px;"></p><p> <div class="Standard-P0"></p><p> <span class="Standard-C1"><a href="links.html" style="text-decoration:none;">Links</a></span></div></p><p></div></p><p><div style="position:absolute; left:882px; top:633px; width:46px; height:17px;"></p><p> <img src="_wp_generated/wpead4581f.png" width="46" height="17" border="0" id="art_9" name="art_9" title="" alt="wpead4581f.png" onload="OnLoadPngFix()"></div></p><p><div style="position:absolute; left:927px; top:633px; width:68px; height:17px;"></p><p> <img src="_wp_generated/wp870f3264.png" width="68" height="17" border="0" id="art_11" name="art_11" title="" alt="wp870f3264.png" onload="OnLoadPngFix()"></div></p><p></p><p><div style="position:absolute; left:281px; top:115px; width:236px; height:35px;"></p><p> <img src="_wp_generated/wpfe7b0f11.png" width="236" height="35" border="0" id="three_4" name="three_4" title="" alt="wpfe7b0f11.png" onload="OnLoadPngFix()"></div></p><p><div style="position:absolute; left:946px; top:178px; width:65px; height:23px;"></p><p> <div class="Standard-P0"></p><p> <span class="Standard-C1"><a href="http://forum.ray-production.de/" style="text-decoration:none;">Forum</a></span></div></p><p></div></p><p><div style="position:absolute; left:578px; top:321px; width:120px; height:180px;"></p><p> <img src="_wp_generated/wpcdc76420_0f.jpg" class="bild1image" width="120" height="180" border="0" id="pic_3" name="pic_3" title="" alt="wpcdc76420_0f.jpg"></div></p><p><div style="position:absolute; left:419px; top:322px; width:120px; height:179px;"></p><p> <img src="_wp_generated/wpb9a5c2b9_0f.jpg" class="bild1image" width="120" height="179" border="0" id="pic_4" name="pic_4" title="" alt="wpb9a5c2b9_0f.jpg"></div></p><p><div style="position:absolute; left:257px; top:323px; width:120px; height:179px;"></p><p></p><p> <img src="_wp_generated/wpd330bd7a_0f.jpg" class="bild1image" width="120" height="179" border="0" id="pic_9" name="pic_9" title="" alt="wpd330bd7a_0f.jpg"></div></p><p></div></center></p><p></body></p><p></html></p><p>[/HTML]</p></blockquote><p></p>
[QUOTE="cebito, post: 868487, member: 173078"] [b]AW: Bilder rütteln[/b] z.B. so: [HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="de"> <head> <!--Serif WebPlus 10 HTML Export--> <!--Unterstützt HTML 4.01--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Generator" content="Serif WebPlus 10.1.3.039"> <title>Team</title> <style type="text/css"> <!-- body {margin: 0px; padding: 0px;} .Standard-P { margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400; } .Standard-P0 { margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; } .Standard-C { font-family:"Comic Sans MS", cursive; font-size:11.0px; line-height:1.36em; color:#ffffff; } .Standard-C0 { font-family:"Life BT", serif; font-size:13.0px; line-height:1.23em; color:#ffffff; } .Standard-C1 { font-family:"Comic Sans MS", cursive; font-size:16.0px; line-height:1.44em; color:#ffffff; } --> </style> <script type="text/javascript"><!-- var blankSrc = "_wp_scripts/blank.gif"; --></script> <style> .bild1image{ position:relative } </style> <script language="JavaScript1.2"> /* bild1 image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure bild1 degree (where larger # equals greater bild1) var rector=10 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(){ stopit=0 bild1=document.images[10] bild1.style.left=0 bild1.style.top=0 bild2=document.images[11] bild2.style.left=0 bild2.style.top=0 bild3=document.images[12] bild3.style.left=0 bild3.style.top=0 setTimeout("stoprattle()",3000) } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ bild1.style.top=parseInt(bild1.style.top)+rector bild2.style.top=parseInt(bild2.style.top)+rector bild3.style.top=parseInt(bild3.style.top)+rector } else if (a==2){ bild1.style.left=parseInt(bild1.style.left)+rector bild2.style.left=parseInt(bild2.style.left)+rector bild3.style.left=parseInt(bild3.style.left)+rector } else if (a==3){ bild1.style.top=parseInt(bild1.style.top)-rector bild2.style.top=parseInt(bild2.style.top)-rector bild3.style.top=parseInt(bild3.style.top)-rector } else{ bild1.style.left=parseInt(bild1.style.left)-rector bild2.style.left=parseInt(bild2.style.left)-rector bild3.style.left=parseInt(bild3.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(){ stopit=1 bild1=document.images[10] bild1.style.left=0 bild1.style.top=0 bild2=document.images[11] bild2.style.left=0 bild2.style.top=0 bild3=document.images[12] bild3.style.left=0 bild3.style.top=0 } </script> <script src="_wp_scripts/jspngfix.js" type="text/javascript"></script> </head> <body link="#ffffff" vlink="#ffffff" alink="#ffffff" text="#000000" style="background: #000000; height:660px;" onLoad="init(); rattleimage();"> <center><div style="position:relative;width:1000px;"> <div style="position:absolute; left:0px; top:175px; width:1000px; height:29px;"> <img src="_wp_generated/wp6330e970.png" width="1000" height="29" border="0" id="qs_6" name="qs_6" title="" alt="wp6330e970.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:0px; top:592px; width:1000px; height:58px;"> <img src="_wp_generated/wpe66a6099.png" width="1000" height="58" border="0" id="qs_5" name="qs_5" title="" alt="wpe66a6099.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:236px; top:242px; width:488px; height:320px;"> <img src="_wp_generated/wp91da1edb.png" width="488" height="320" border="0" id="art_16" name="art_16" title="" alt="wp91da1edb.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:755px; top:243px; width:224px; height:320px;"> <img src="_wp_generated/wp6e4b568e.png" width="224" height="320" border="0" id="qs_9" name="qs_9" title="" alt="wp6e4b568e.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:15px; top:241px; width:205px; height:317px;"> <img src="_wp_generated/wpf6fc40a3.png" width="205" height="317" border="0" id="qs_10" name="qs_10" title="" alt="wpf6fc40a3.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:382px; top:619px; width:194px; height:30px;"> <div class="Standard-P"> <span class="Standard-C">Copyright by Ray Production Crew<br></span> <span class="Standard-C">Design by Ray Production</span></div> </div> <div style="position:absolute; left:845px; top:0px; width:155px; height:155px;"> <img src="_wp_generated/wp4b1d4823.gif" width="155" height="155" border="0" id="pic_2" name="pic_2" title="" alt="wp4b1d4823.gif"></div> <div style="position:absolute; left:80px; top:41px; width:584px; height:94px;"> <img src="_wp_generated/wp75fe62de.png" width="584" height="94" border="0" id="three_1" name="three_1" title="" alt="wp75fe62de.png" onload="OnLoadPngFix()"></div> <div id="txt_1" style="position:absolute; left:25px; top:250px; width:183px; height:294px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;"> <P class="Standard-P0"><span class="Standard-C0"> </span></P> <P class="Standard-P0"><span class="Standard-C0"> </span></P> <P class="Standard-P0"><span class="Standard-C0">DjRay </span></P> <P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P> <P class="Standard-P0"><span class="Standard-C0">I Love You Techno Mix 2008</span></P> <P class="Standard-P0"><span class="Standard-C0"> </span></P> <P class="Standard-P0"><span class="Standard-C0">Mc Cram</span></P> <P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P> <P class="Standard-P0"><span class="Standard-C0">Klartext</span></P> <P class="Standard-P0"><span class="Standard-C0"> </span></P> <P class="Standard-P0"><span class="Standard-C0"> </span></P> <P class="Standard-P0"><span class="Standard-C0">Dj Strike</span></P> <P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P> <P class="Standard-P0"><span class="Standard-C0">I Love You Techno Mix 2008</span></P> <P class="Standard-P0"><span class="Standard-C0"> </span></P> </div> <div style="position:absolute; left:42px; top:178px; width:59px; height:23px;"> <div class="Standard-P0"> <span class="Standard-C1"><a href="index.html" style="text-decoration:none;">Home</a></span></div> </div> <div style="position:absolute; left:112px; top:178px; width:58px; height:23px;"> <div class="Standard-P0"> <span class="Standard-C1"><a href="team.html" style="text-decoration:none;">Team</a></span></div> </div> <div style="position:absolute; left:179px; top:177px; width:63px; height:23px;"> <div class="Standard-P0"> <span class="Standard-C1"><a href="music.html" style="text-decoration:none;">Music</a></span></div> </div> <div style="position:absolute; left:247px; top:178px; width:96px; height:23px;"> <div class="Standard-P0"> <span class="Standard-C1">Guestbook</span></div> </div> <div style="position:absolute; left:342px; top:178px; width:58px; height:23px;"> <div class="Standard-P0"> <span class="Standard-C1"><a href="links.html" style="text-decoration:none;">Links</a></span></div> </div> <div style="position:absolute; left:882px; top:633px; width:46px; height:17px;"> <img src="_wp_generated/wpead4581f.png" width="46" height="17" border="0" id="art_9" name="art_9" title="" alt="wpead4581f.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:927px; top:633px; width:68px; height:17px;"> <img src="_wp_generated/wp870f3264.png" width="68" height="17" border="0" id="art_11" name="art_11" title="" alt="wp870f3264.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:281px; top:115px; width:236px; height:35px;"> <img src="_wp_generated/wpfe7b0f11.png" width="236" height="35" border="0" id="three_4" name="three_4" title="" alt="wpfe7b0f11.png" onload="OnLoadPngFix()"></div> <div style="position:absolute; left:946px; top:178px; width:65px; height:23px;"> <div class="Standard-P0"> <span class="Standard-C1"><a href="http://forum.ray-production.de/" style="text-decoration:none;">Forum</a></span></div> </div> <div style="position:absolute; left:578px; top:321px; width:120px; height:180px;"> <img src="_wp_generated/wpcdc76420_0f.jpg" class="bild1image" width="120" height="180" border="0" id="pic_3" name="pic_3" title="" alt="wpcdc76420_0f.jpg"></div> <div style="position:absolute; left:419px; top:322px; width:120px; height:179px;"> <img src="_wp_generated/wpb9a5c2b9_0f.jpg" class="bild1image" width="120" height="179" border="0" id="pic_4" name="pic_4" title="" alt="wpb9a5c2b9_0f.jpg"></div> <div style="position:absolute; left:257px; top:323px; width:120px; height:179px;"> <img src="_wp_generated/wpd330bd7a_0f.jpg" class="bild1image" width="120" height="179" border="0" id="pic_9" name="pic_9" title="" alt="wpd330bd7a_0f.jpg"></div> </div></center> </body> </html> [/HTML] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Bilder rütteln
Oben