Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Walter75" data-source="post: 1784997" data-attributes="member: 387183">AW: Lightbox geht nichtyep, verschiedene framework......etc.Hier die Version, ähnlich wie @sokie vorgeschlagen hat im jQuery framework zu bleiben, adaptiert und getestet.Quelle: oder siehe [HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;content-language&quot; content=&quot;de&quot; /&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /&gt;&lt;meta name=&quot;generator&quot; content=&quot;PhpED Version 6.0 (Build 6026)&quot; /&gt;&lt;title&gt;Dominik Siebelhoff - Portfolio&lt;/title&gt;&lt;meta name=&quot;description&quot; content=&quot;Auf dieser Seite finden Sie alle Arbeiten von dem Webdesiger Dominik Siebelhoff.&quot; /&gt;&lt;meta name=&quot;keywords&quot; content=&quot;Dominik Siebelhoff, Webdesign, Webentwicklung, Entwicklung,&quot; /&gt;&lt;meta name=&quot;author&quot; content=&quot;Dominik Siebelhoff&quot; /&gt;&lt;meta http-equiv=&quot;reply-to&quot; content=&quot;info@dominik-siebehoff.de&quot; /&gt;&lt;link rel=&quot;shortcut icon&quot;&nbsp; href=&quot;file:///C|/Users/Jens/Desktop/img/favicon.ico&quot; /&gt;&lt;meta name=&quot;creation-date&quot; content=&quot;06/08/2011&quot; /&gt;&lt;meta name=&quot;robots&quot; content=&quot;index, follow&quot; /&gt;&lt;meta name=&quot;revisit-after&quot; content=&quot;7 days&quot; /&gt;&lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;style.css&quot; /&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://apis.google.com/js/plusone.js&quot;&gt;{lang: &#039;de&#039;}&lt;/script&gt;&lt;!-- ALT&nbsp; gelöscht &lt;script type=&quot;text/javascript&quot; src=&quot;http://inet-maker.de/slide/jquery-1.2.1.pack.js&quot;&gt;&lt;/script&gt;--&gt;&lt;!--Neue Version--&gt;&lt;script src=&quot;http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js&quot;&gt;&lt;/script&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://static.flowplayer.org/tools/css/standalone.css&quot;/&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://static.flowplayer.org/tools/css/overlay-basic.css&quot;/&gt;&lt;!--Ende Neue Version--&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://inet-maker.de/slide/jMyCarousel.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; $(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.jMyCarousel&quot;).jMyCarousel({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; visible: &#039;4&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; eltByElt: true,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; evtStart: &#039;mousedown&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; evtStop: &#039;mouseup&#039;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &lt;/script&gt;&lt;!--Neue Version--&gt;&lt;style&gt;#triggers { text-align:center; }#triggers img {&nbsp; &nbsp; cursor:pointer;&nbsp; &nbsp; margin:0 5px;&nbsp; &nbsp; background-color:#fff;&nbsp; &nbsp; border:1px solid #ccc;&nbsp; &nbsp; padding:2px;&nbsp; &nbsp; -moz-border-radius:4px;&nbsp; &nbsp; -webkit-border-radius:4px;}/* styling for elements inside overlay */&nbsp; &nbsp; .details {&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; top:15px;&nbsp; &nbsp; right:15px;&nbsp; &nbsp; font-size:11px;&nbsp; &nbsp; color:#fff;&nbsp; &nbsp; width:150px;}.details h3 {&nbsp; &nbsp; color:#aba;&nbsp; &nbsp; font-size:15px;&nbsp; &nbsp; margin:0 0 -10px 0;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;!-- Tooltip --&gt;&lt;div id=&quot;eins&quot; class=&quot;tooltip&quot;&gt;Such Maschinen Optimierung&lt;/div&gt;&lt;div id=&quot;zwei&quot; class=&quot;tooltip&quot;&gt;Content Managment System&lt;/div&gt;&lt;div id=&quot;drei&quot; class=&quot;tooltip&quot;&gt;Datenbank Sprache&lt;/div&gt;&lt;div id=&quot;vier&quot; class=&quot;tooltip&quot;&gt;Programmiersprache (Foren etc.)&lt;/div&gt;&lt;div id=&quot;funf&quot; class=&quot;tooltip&quot;&gt;Content Managment System (Blog)&lt;/div&gt;&lt;div id=&quot;sechs&quot; class=&quot;tooltip&quot;&gt;Ladezeit von Webseiten optimieren&lt;/div&gt;&lt;div id=&quot;sieben&quot; class=&quot;tooltip&quot;&gt;Hinzuf&amp;uuml;gem von Texten, Bildern ...&lt;/div&gt;&lt;div id=&quot;acht&quot; class=&quot;tooltip&quot;&gt;dynamische Webseiten&lt;/div&gt;&lt;div id=&quot;neun&quot; class=&quot;tooltip&quot;&gt;Gestaltung der Webseite&lt;/div&gt;&lt;div id=&quot;zehn&quot; class=&quot;tooltip&quot;&gt;Folge mir auf Facebook&lt;/div&gt;&lt;div id=&quot;elf&quot; class=&quot;tooltip&quot;&gt;Folge mir auf Twitter&lt;/div&gt;&lt;div id=&quot;zwelf&quot; class=&quot;tooltip&quot;&gt;RSS-Feed abonnieren&lt;/div&gt;&lt;!-- --&gt;&lt;div id=&quot;wrapper&quot;&gt;&nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &lt;h1 class=&quot;inline&quot;&gt;Inet-Maker&lt;/h1&gt;&nbsp; &nbsp; &lt;img src=&quot;http://inet-maker.de/img/logo.png&quot; class=&quot;inline&quot; title=&quot;Logo&quot; alt=&quot;Logo&quot; /&gt;&nbsp; &nbsp; &lt;h1 class=&quot;inline&quot;&gt;Portfolio&lt;/h1&gt;&nbsp; &nbsp; &lt;div id=&quot;sozial&quot; class=&quot;inline&quot;&gt; &lt;a href=&quot;http://www.facebook.com/pages/Inet-Makerde/141525412574497&quot; onmouseover=&quot;showWMTT(&#039;zehn&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;&lt;img src=&quot;http://inet-maker.de/img/fb.png&quot; alt=&quot;Facebook&quot; class=&quot;inline&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;http://twitter.com/#!/InetMaker&quot;&gt;&lt;img src=&quot;http://inet-maker.de/img/twitter.png&quot; class=&quot;inline&quot; onmouseover=&quot;showWMTT(&#039;elf&#039;)&quot; alt=&quot;Twitter&quot; onmouseout=&quot;hideWMTT()&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;file:///C|/Users/Jens/Desktop/feed.xml&quot;&gt;&lt;img src=&quot;file:///C|/Users/Jens/Desktop/img/rss.png&quot; class=&quot;inline&quot; onmouseover=&quot;showWMTT(&#039;zwelf&#039;)&quot; onmouseout=&quot;hideWMTT()&quot; alt=&quot;RSS-Feed&quot; /&gt;&lt;/a&gt; &lt;/div&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &lt;ul id=&quot;nav&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;li class=&quot;start&quot;&gt;&lt;a href=&quot;#port_h2&quot; title=&quot;Portfolio&quot;&gt;Portfolio&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#ueber_mich&quot; title=&quot;&amp;Uuml;ber mich&quot;&gt;&amp;Uuml;ber mich&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#skills&quot; title=&quot;Kenntnisse&quot;&gt;Kenntnisse&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li class=&quot;end&quot;&gt;&lt;a href=&quot;#footer&quot; title=&quot;Kontakt&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;h2 id=&quot;port_h2&quot;&gt;|| Portfolio&lt;/h2&gt;&nbsp; &lt;div id=&quot;portfolio_slide&quot;&gt;&nbsp; &nbsp; &lt;noscript&gt;&nbsp; &nbsp; &lt;p class=&quot;error&quot;&gt;Um bestimme Inhalte dieser Seite sehen zu können, muss Javascript aktiviert sein.&lt;/p&gt;&nbsp; &nbsp; &lt;/noscript&gt;&nbsp; &nbsp; &lt;div class=&quot;jMyCarousel&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;ul id=&quot;triggers&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt; &lt;img src=&quot;http://inet-maker.de/slide/img/praktikum_infomax.jpg&quot; width=&quot;200&quot; height=&quot;150&quot; rel=&quot;#mies1&quot;/&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img src=&quot;slide/img/praktikum_gerstmayer.jpg&quot; width=&quot;200&quot; height=&quot;150&quot; alt=&quot;Praktikumsbest&amp;auml;tigung bei Agentur Gerstmayer&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img src=&quot;slide/img/siebelhoff_portal.jpg&quot; width=&quot;200&quot; height=&quot;150&quot; alt=&quot;Autohaus Siebelhoff Portal&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img src=&quot;slide/img/necke-film.jpg&quot; width=&quot;200&quot; height=&quot;150&quot; alt=&quot;Necke-Film&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div class=&quot;simple_overlay&quot; id=&quot;mies1&quot;&gt; &lt;img src=&quot;http://inet-maker.de/slide/img/praktikum_infomax.jpg&quot; /&gt; &lt;/div&gt;&nbsp; &lt;div id=&quot;ueber_mich&quot;&gt;&nbsp; &nbsp; &lt;h2&gt;|| &amp;Uuml;ber mich&lt;/h2&gt;&nbsp; &nbsp; &lt;img src=&quot;img/dominik-siebelhoff.jpg&quot; alt=&quot;Dominik Siebelhoff&quot; class=&quot;left&quot; title=&quot;Dominik Siebelhoff&quot; /&gt;&nbsp; &nbsp; &lt;p class=&quot;right&quot;&gt; &lt;span class=&quot;ue_h3&quot;&gt;Allgemein über mich&lt;/span&gt; Meine Hobbys sind Windsurfen, Schlagzeug &nbsp; &nbsp; &nbsp; spielen sowie natürlich gestalten und &nbsp; &nbsp; &nbsp; programmieren.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Zurzeit besuche ich die Leonhard-Wagner-&nbsp; &nbsp; &nbsp; Realschule und werde diese voraussichtlich&nbsp; &nbsp; &nbsp; in 2 Jahren mit der Mittleren-Reife verlassen.&nbsp; &nbsp; &nbsp; Danach werde ich entweder auf die Fos gehen&nbsp; &nbsp; &nbsp; oder eine Ausbildung als Webdesigner beginnen.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Ihr&nbsp; &nbsp; &nbsp; Dominik Siebelhoff &lt;/p&gt;&nbsp; &nbsp; &lt;p class=&quot;p&quot;&gt;&lt;span class=&quot;strong&quot;&gt; Ich hei&amp;szlig;e Dominik Siebelhoff, &nbsp; &nbsp; &nbsp; komme aus Bayern und entwickle bzw. gestalte &nbsp; &nbsp; &nbsp; aus Leidenschaft Webseite.&lt;/span&gt; &lt;span class=&quot;ue_h3&quot;&gt;Wie kam es zum Webdesign?&lt;/span&gt; Als ich 2007 eine kleine Anleitung zu Html las,&nbsp; &nbsp; &nbsp; war ich sofort sehr begeistert davon und erkannte &nbsp; &nbsp; &nbsp; gleich das, dass das richtige für mich ist. Danach&nbsp; &nbsp; &nbsp; fing ich an mir Bücher zu Html und CSS zu kaufen.&nbsp; &nbsp; &nbsp; Als ich diese beiden Sprachen nach ca. 1-2 Jahren&nbsp; &nbsp; &nbsp; perfekt beherrschte fing ich an PHP und Javascript&nbsp; &nbsp; &nbsp; zu lernen.&lt;/p&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div id=&quot;skills&quot; class=&quot;clear&quot;&gt;&nbsp; &nbsp; &lt;h2&gt;|| Kenntnisse&lt;/h2&gt;&nbsp; &nbsp; &lt;div class=&quot;right&quot;&gt; &lt;img src=&quot;img/maennchen.jpg&quot; title=&quot;Kenntnisse&quot; alt=&quot;M&amp;auml;nnchen&quot; /&gt; &lt;/div&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &lt;li class=&quot;black&quot;&gt;(X)HTML &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;sieben&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li class=&quot;black&quot;&gt;Javascript &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;acht&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li class=&quot;black&quot;&gt;SEO &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;eins&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;ul id=&quot;gray&quot; class=&quot;clearleft&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;CSS &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;neun&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;Contao &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;zwei&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;MySql &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;drei&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;ul class=&quot;clearleft&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;PHP &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;vier&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;Wordpress &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;funf&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;WPO &lt;a href=&quot;#&quot; onmouseover=&quot;showWMTT(&#039;sechs&#039;)&quot; onmouseout=&quot;hideWMTT()&quot;&gt;[?]&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;left&quot; class=&quot;left&quot;&gt; &lt;img src=&quot;file:///C|/Users/Jens/Desktop/img/contact.png&quot; class=&quot;left&quot; alt=&quot;Kontakt&quot; title=&quot;Kontakt&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;h2&gt;Kontakt&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &lt;p id=&quot;kontakt&quot;&gt;Wenn sie möchten dürfen Sie gerne über das&nbsp; &nbsp; &nbsp; &nbsp; Formular rechts Kontakt mit mir aufnehmen. &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; Für Angebote zur Erstellung von Webseiten&nbsp; &nbsp; &nbsp; &nbsp; kontaktieren Sie mich auch bitte über das&nbsp; &nbsp; &nbsp; &nbsp; Formular rechts.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;http://connect.facebook.net/en_US/all.js#appId=207965089241005&amp;amp;xfbml=1&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &lt;fb:like href=&quot;http://www.facebook.com/pages/Inet-Makerde/141525412574497&quot; send=&quot;true&quot; layout=&quot;button_count&quot; width=&quot;150&quot; show_faces=&quot;true&quot; font=&quot;arial&quot;&gt;&lt;/fb:like&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- standard --&gt;&nbsp; &nbsp; &nbsp; &lt;g:plusone&gt;&lt;/g:plusone&gt;&nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://twitter.com/InetMaker&quot; class=&quot;twitter-follow-button&quot; data-lang=&quot;de&quot;&gt;Follow @InetMaker&lt;/a&gt; &nbsp; &nbsp; &nbsp; &lt;script src=&quot;http://platform.twitter.com/widgets.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;http://www.inet-maker.de&quot; title=&quot;Inet-Maker.de&quot;&gt;Inet-Maker.de&lt;/a&gt; - &lt;a href=&quot;http://www.dominik-siebelhoff.de&quot; title=&quot;Dominik-Siebelhoff.de&quot;&gt;Dominik-Siebelhoff.de&lt;/a&gt; - &lt;a href=&quot;http://www.webentwicklung-augsburg.de&quot;&gt;Webentwicklung-Augsburg.de&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;form action=&quot;file:///C|/Users/Jens/Desktop/index.php#footer&quot; method=&quot;post&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;label for=&quot;Name&quot;&gt;Name:&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;Name&quot; name=&quot;Name&quot; value=&quot;&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;label for=&quot;Betreff&quot;&gt;Betreff:&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;Betreff&quot; name=&quot;Betreff&quot; value=&quot;&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;label for=&quot;Email&quot;&gt;Email:&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;Email&quot; name=&quot;Email&quot; value=&quot;&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;label for=&quot;Nachricht&quot;&gt;Nachricht:&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;textarea id=&quot;Nachricht&quot; name=&quot;Nachricht&quot;&gt;&lt;/textarea&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &lt;input type=&quot;submit&quot; name=&quot;senden&quot; value=&quot;Senden&quot; id=&quot;send&quot; /&gt;&nbsp; &nbsp; &lt;/form&gt;&nbsp; &lt;/div&gt;&lt;/div&gt;&lt;!--Neue--&gt; &lt;script&gt;// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready$(document).ready(function() {$(&quot;img[rel]&quot;).overlay();});&lt;/script&gt; &lt;!--End Neu--&gt;&lt;/body&gt;&lt;/html&gt;[/HTML] Wichtig auch der Script-Schnipsel am Ende!!Optisch anpassen kannst Du es ja selber.</blockquote>

[QUOTE="Walter75, post: 1784997, member: 387183"] [b]AW: Lightbox geht nicht[/b] yep, verschiedene framework......etc. Hier die Version, ähnlich wie [B]@soki[/B]e vorgeschlagen hat im jQuery framework zu bleiben, adaptiert und getestet. Quelle: oder siehe [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-language" content="de" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="generator" content="PhpED Version 6.0 (Build 6026)" /> <title>Dominik Siebelhoff - Portfolio</title> <meta name="description" content="Auf dieser Seite finden Sie alle Arbeiten von dem Webdesiger Dominik Siebelhoff." /> <meta name="keywords" content="Dominik Siebelhoff, Webdesign, Webentwicklung, Entwicklung," /> <meta name="author" content="Dominik Siebelhoff" /> <meta http-equiv="reply-to" content="info@dominik-siebehoff.de" /> <link rel="shortcut icon" href="file:///C|/Users/Jens/Desktop/img/favicon.ico" /> <meta name="creation-date" content="06/08/2011" /> <meta name="robots" content="index, follow" /> <meta name="revisit-after" content="7 days" /> <link type="text/css" rel="stylesheet" href="style.css" /> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'de'} </script>   <script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script> <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/> <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-basic.css"/>  <script type="text/javascript" src="http://inet-maker.de/slide/jMyCarousel.js"></script> <script type="text/javascript"> $(function() { $(".jMyCarousel").jMyCarousel({ visible: '4', eltByElt: true, evtStart: 'mousedown', evtStop: 'mouseup' }); }); </script>  <style> #triggers { text-align:center; } #triggers img { cursor:pointer; margin:0 5px; background-color:#fff; border:1px solid #ccc; padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* styling for elements inside overlay */ .details { position:absolute; top:15px; right:15px; font-size:11px; color:#fff; width:150px; } .details h3 { color:#aba; font-size:15px; margin:0 0 -10px 0; } </style> </head> <body>  <div id="eins" class="tooltip">Such Maschinen Optimierung</div> <div id="zwei" class="tooltip">Content Managment System</div> <div id="drei" class="tooltip">Datenbank Sprache</div> <div id="vier" class="tooltip">Programmiersprache (Foren etc.)</div> <div id="funf" class="tooltip">Content Managment System (Blog)</div> <div id="sechs" class="tooltip">Ladezeit von Webseiten optimieren</div> <div id="sieben" class="tooltip">Hinzufügem von Texten, Bildern ...</div> <div id="acht" class="tooltip">dynamische Webseiten</div> <div id="neun" class="tooltip">Gestaltung der Webseite</div> <div id="zehn" class="tooltip">Folge mir auf Facebook</div> <div id="elf" class="tooltip">Folge mir auf Twitter</div> <div id="zwelf" class="tooltip">RSS-Feed abonnieren</div>  <div id="wrapper"> <div id="header"> <h1 class="inline">Inet-Maker</h1> <img src="http://inet-maker.de/img/logo.png" class="inline" title="Logo" alt="Logo" /> <h1 class="inline">Portfolio</h1> <div id="sozial" class="inline"> <a href="http://www.facebook.com/pages/Inet-Makerde/141525412574497" onmouseover="showWMTT('zehn')" onmouseout="hideWMTT()"><img src="http://inet-maker.de/img/fb.png" alt="Facebook" class="inline" /></a> <a href="http://twitter.com/#!/InetMaker"><img src="http://inet-maker.de/img/twitter.png" class="inline" onmouseover="showWMTT('elf')" alt="Twitter" onmouseout="hideWMTT()" /></a> <a href="file:///C|/Users/Jens/Desktop/feed.xml"><img src="file:///C|/Users/Jens/Desktop/img/rss.png" class="inline" onmouseover="showWMTT('zwelf')" onmouseout="hideWMTT()" alt="RSS-Feed" /></a> </div> </div> <div id="navigation"> <ul id="nav"> <li class="start"><a href="#port_h2" title="Portfolio">Portfolio</a></li> <li><a href="#ueber_mich" title="Über mich">Über mich</a></li> <li><a href="#skills" title="Kenntnisse">Kenntnisse</a></li> <li class="end"><a href="#footer" title="Kontakt">Kontakt</a></li> </ul> </div> <h2 id="port_h2">|| Portfolio</h2> <div id="portfolio_slide"> <noscript> Um bestimme Inhalte dieser Seite sehen zu können, muss Javascript aktiviert sein. </noscript> <div class="jMyCarousel"> <ul id="triggers"> <li> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" width="200" height="150" rel="#mies1"/></li> <li><img src="slide/img/praktikum_gerstmayer.jpg" width="200" height="150" alt="Praktikumsbestätigung bei Agentur Gerstmayer" /></li> <li><img src="slide/img/siebelhoff_portal.jpg" width="200" height="150" alt="Autohaus Siebelhoff Portal" /></li> <li><img src="slide/img/necke-film.jpg" width="200" height="150" alt="Necke-Film" /></li> </ul> </div> </div> <div class="simple_overlay" id="mies1"> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" /> </div> <div id="ueber_mich"> <h2>|| Über mich</h2> <img src="img/dominik-siebelhoff.jpg" alt="Dominik Siebelhoff" class="left" title="Dominik Siebelhoff" /> Allgemein über mich Meine Hobbys sind Windsurfen, Schlagzeug spielen sowie natürlich gestalten und programmieren. Zurzeit besuche ich die Leonhard-Wagner- Realschule und werde diese voraussichtlich in 2 Jahren mit der Mittleren-Reife verlassen. Danach werde ich entweder auf die Fos gehen oder eine Ausbildung als Webdesigner beginnen. Ihr Dominik Siebelhoff Ich heiße Dominik Siebelhoff, komme aus Bayern und entwickle bzw. gestalte aus Leidenschaft Webseite. Wie kam es zum Webdesign? Als ich 2007 eine kleine Anleitung zu Html las, war ich sofort sehr begeistert davon und erkannte gleich das, dass das richtige für mich ist. Danach fing ich an mir Bücher zu Html und CSS zu kaufen. Als ich diese beiden Sprachen nach ca. 1-2 Jahren perfekt beherrschte fing ich an PHP und Javascript zu lernen. </div> <div id="skills" class="clear"> <h2>|| Kenntnisse</h2> <div class="right"> <img src="img/maennchen.jpg" title="Kenntnisse" alt="Männchen" /> </div> <ul> <li class="black">(X)HTML <a href="#" onmouseover="showWMTT('sieben')" onmouseout="hideWMTT()">[?]</a></li> <li class="black">Javascript <a href="#" onmouseover="showWMTT('acht')" onmouseout="hideWMTT()">[?]</a></li> <li class="black">SEO <a href="#" onmouseover="showWMTT('eins')" onmouseout="hideWMTT()">[?]</a></li> </ul> <ul id="gray" class="clearleft"> <li>CSS <a href="#" onmouseover="showWMTT('neun')" onmouseout="hideWMTT()">[?]</a></li> <li>Contao <a href="#" onmouseover="showWMTT('zwei')" onmouseout="hideWMTT()">[?]</a></li> <li>MySql <a href="#" onmouseover="showWMTT('drei')" onmouseout="hideWMTT()">[?]</a></li> </ul> <ul class="clearleft"> <li>PHP <a href="#" onmouseover="showWMTT('vier')" onmouseout="hideWMTT()">[?]</a></li> <li>Wordpress <a href="#" onmouseover="showWMTT('funf')" onmouseout="hideWMTT()">[?]</a></li> <li>WPO <a href="#" onmouseover="showWMTT('sechs')" onmouseout="hideWMTT()">[?]</a></li> </ul> </div> <div id="footer"> <div id="left" class="left"> <img src="file:///C|/Users/Jens/Desktop/img/contact.png" class="left" alt="Kontakt" title="Kontakt" /> <h2>Kontakt</h2> Wenn sie möchten dürfen Sie gerne über das Formular rechts Kontakt mit mir aufnehmen. Für Angebote zur Erstellung von Webseiten kontaktieren Sie mich auch bitte über das Formular rechts. <div id="fb-root"></div> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#appId=207965089241005&xfbml=1"></script> <fb:like href="http://www.facebook.com/pages/Inet-Makerde/141525412574497" send="true" layout="button_count" width="150" show_faces="true" font="arial"></fb:like>  <g:plusone></g:plusone> <a href="http://twitter.com/InetMaker" class="twitter-follow-button" data-lang="de">Follow @InetMaker</a> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <a href="http://www.inet-maker.de" title="Inet-Maker.de">Inet-Maker.de</a> - <a href="http://www.dominik-siebelhoff.de" title="Dominik-Siebelhoff.de">Dominik-Siebelhoff.de</a> - <a href="http://www.webentwicklung-augsburg.de">Webentwicklung-Augsburg.de</a> </div> <form action="file:///C|/Users/Jens/Desktop/index.php#footer" method="post"> <label for="Name">Name:</label> <input type="text" id="Name" name="Name" value="" /> <label for="Betreff">Betreff:</label> <input type="text" id="Betreff" name="Betreff" value="" /> <label for="Email">Email:</label> <input type="text" id="Email" name="Email" value="" /> <label for="Nachricht">Nachricht:</label> <textarea id="Nachricht" name="Nachricht"></textarea> <input type="submit" name="senden" value="Senden" id="send" /> </form> </div> </div>  <script> // What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready $(document).ready(function() { $("img[rel]").overlay(); }); </script>  </body> </html>[/HTML] Wichtig auch der Script-Schnipsel am Ende!! Optisch anpassen kannst Du es ja selber. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?