Forum - Bilder aus "Datei anhängen" mit einem Klick öffnen & schließen! - Für alle Templates! - Teil 1-4

<style>
.clickImgModal {display:inline;}
.clickImgModal div {display:inline;z-index:1000;}
.clickImgModal a {padding-top:0px !important;padding-bottom:0px !important;}
.clickImgModal img {margin:0px;object-fit: scale-down;vertical-align: baseline !important;border:1px solid #555555 !important;border-radius:9px;}
.clickImgModal img:hover {opacity: 0.7;}
 
.clickcloseImg {float:right;margin: 20px 30px 0 0; color: #f1f1f1; font-size: 40px; font-weight: bold;}
.clickcloseImg:hover {color: #ff8000; text-decoration: none; ccursor: pointer;}
 
.clickModal  {position: fixed;left: 0;top:0;width: 100%; height: 100%;overflow:hidden;background-color: #000000;cursor:pointer;z-index:999999;}
.clickModal img {object-fit: scale-down; max-height: 85%; max-width: 90%; width:auto !important;height:hidden !important; width:100%;cursor:pointer;border-radius:9px;opacity: 1.0 !important; position:absolute; top: -100%;bottom: -105%;left: -100%;right: -100%;margin: auto;border:1px solid #555555 !important;border-radius:9px;} 
</style>
 

<!-- Bild 1 --><div class="clickImgModal">
<div class="clickImgModal">
<div class="clickModal" style="display:none;"><span class="clickcloseImg">×</span>
<img src="https://files.homepagemodules.de/b104774/a_249_7f2d395e.jpg" style="max-width: 90%; max-height: 85%">
</div>
<img src="https://files.homepagemodules.de/b104774/a_249_7f2d395e.jpg"  style="max-width: 100px; max-height: 100px">
</div>
 

<!-- Bild 2 -->
<div class="clickImgModal">
<div class="clickModal" style="display:none;"><span class="clickcloseImg">×</span>
<img src="https://files.homepagemodules.de/b104774/a_249_7f2d395e.jpg" style="max-width: 90%; max-height: 85%">
<div class="clickcloseImg">×</div>
</div>
<img src="https://files.homepagemodules.de/b104774/a_249_7f2d395e.jpg"  style="max-width: 100px; max-height: 100px">
</div>
 

<script>
$('.clickImgModal img').attr('title','Vollbild anzeigen');
$('.clickImgModal div img, .clickImgModal div').attr('title','Mit einem Klick - Vollbild schließen');
$('.clickImgModal').click(function(){
$('div',this).fadeIn(100).click(function(){
$('.clickModal').hide(500);
$('.boxheader,.options,#obere_leiste,#donationbox_table,.scoll_page').css('visibility','visible');
$('body').css('overflow','auto');
return false;
});
$('.boxheader,.options,#obere_leiste,#donationbox_table,.scoll_page').css('visibility','hidden');
$('body').css('overflow','hidden');
return false;
});
</script>
 

<style>
.clickImgModal {display:inline;}
.clickImgModal div {display:inline;z-index:1000;}
.clickImgModal a {padding-top:0px !important;padding-bottom:0px !important;}
.clickImgModal img {margin:0px;object-fit: scale-down;vertical-align: baseline !important;border:1px solid #555555 !important;border-radius:9px;}
.clickImgModal img:hover {opacity: 0.7;}
 
.clickcloseImg {float:right;margin: 20px 30px 0 0; color: #f1f1f1; font-size: 40px; font-weight: bold;}
.clickcloseImg:hover {color: #ff8000; text-decoration: none;}
 
.clickModal  {position: fixed;z-index: 999999  !important;left: 0;top:0;width: 100%; height: 100%;overflow:hidden;background-color: #000000;cursor:pointer;}
.clickModal img {object-fit: scale-down; max-height: 85%; max-width: 90%; width:auto !important;height:hidden !important; width:100%;cursor:pointer;border-radius:9px;opacity: 1.0 !important; position:absolute; top: -100%;bottom: -105%;left: -100%;right: -100%;margin: auto;border:1px solid #555555 !important;border-radius:9px;} 
</style>
 

<script>
$('.clickImgModal a').attr('title','Vollbild anzeigen');
$('.clickModal img, .clickModal,.clickcloseImg').attr('title','Mit einem Klick - Vollbild schließen');
$('.clickImgModal').click(function(){
$('.clickModal',this).toggle();
$('body').toggleClass('overflow-hidden');
return false;
});
</script>
 

<style>
.clicktext {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%;font-size:85%;color:#383838;background:#cccccc;bbackground:#070470;border-radius:3px;clear:both;font-weight:bold;padding:2px 5px;}
.clicktextmo {max-width:50%;margin:10px 50px;padding:10px;border-radius:9px;background:#cccccc;bbackground:#070470;font-size:120%;color:#383838;padding:2px 5px;}
.clickin {display:inline-block !important;}
</style>
 

<style>
.clickimg {display:inline;}
.clickimg div {display:inline;z-index:1000;}
.clickimg a {padding-top:0px !important;padding-bottom:0px !important;}
.clickimg div img {opacity: 1.0 !important;}
.clickimg img {margin:0px;object-fit: scale-down;vertical-align: baseline !important;border:1px solid #555555 !important;border-radius:9px;}
.clickimg img:hover {opacity: 0.7;}
.clickmo {position:absolute;}
 
.clickImgModal {display:inline;}
.clickImgModal div {display:inline;z-index:1000;}
.clickImgModal a {padding-top:0px !important;padding-bottom:0px !important;}
.clickImgModal img {margin:0px;object-fit: scale-down;vertical-align: baseline !important;border:1px solid #555555 !important;border-radius:9px;}
.clickImgModal img:hover {opacity: 0.7;}
 
.clickcloseImg {float:right;margin-right: 30px; color: #f1f1f1; font-size: 40px; font-weight: bold;}
.clickcloseImg:hover {color: #ff8000; text-decoration: none; ccursor: pointer;}
 
.clickModal  {position: fixed;z-index: 999999  !important;left: 0;top:0;width: 100%; height: 100%;overflow:hidden;background-color: #000000;cursor:pointer;}
.clickModal img {object-fit: scale-down; max-height: 85%; max-width: 90%; width:auto !important;height:hidden !important; width:100%;cursor:pointer;border-radius:9px;opacity: 1.0 !important; position:absolute; top: -100%;bottom: -105%;left: -100%;right: -100%;margin: auto;border:1px solid #555555 !important;border-radius:9px;} 
 
.clicktext {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:95%;font-size:85%;background-color:#eeeeee;border-radius:3px;clear:both;font-weight:bold;padding:2px 5px;}
.clicktextmo {max-width:50%;margin:10px 50px;padding:10px;border-radius:9px;background:#eeeeee;font-size:120%;}
.clickin {display:inline-block !important;}
</style>
 

<script>
$('.clickimg a').attr('title','Bild vergrößern');
$('.clickmo a').attr('title','Bild verkleinern');
$('.clickimg').click(function(){
$('.clickmo',this).toggle();
return false;
});
 
$('.clickImgModal a').attr('title','Vollbild anzeigen');
$('.clickModal img, .clickModal,.clickcloseImg').attr('title','Mit einem Klick - Vollbild schließen');
$('.clickImgModal').click(function(){
$('.clickModal',this).toggle();
$('body').toggleClass('overflow-hidden');
return false;
});
 
$('.card-body p:first').each(function(){$(this).replaceWith( "<span>" + $(this).html()  + "</span>" );});
</script>
 

[b]1. Vergrößern mit Text - Textfluss Normal (100px / 400px)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text  [mouseclick=Bild vergrößern - Beispieltext 1][[File:gallery_icon.jpg|none|100px]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]2. Vergrößern mit Text - Textfluss Left (200px / 400px)[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text  [mouseclick=Bild vergrößern - Beispieltext 2][[File:gallery_icon.jpg|left|200px]][hover][[File:gallery_icon.jpg|left|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]3. Vergrößern mit Text - Textfluss Right (200px / 400px)[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text  [mouseclick=Bild vergrößern - Beispieltext 3][[File:gallery_icon.jpg|right|200px]][hover][[File:gallery_icon.jpg|right|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]4. Modal mit Text - Textfluss Normal (100px / fullsize)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg=Bild Modal - Beispieltext 4][[File:pin.png|none|100px|100px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text  [clear]
 

[b]5. Modal mit Text - Textfluss Left (200px / fullsize)[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg=Bild Modal - Beispieltext 5][[File:pin.png|left|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]6. Modal mit Text - Textfluss Right (200px / fullsize)l[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg=Bild Modal - Beispieltext 6][[File:pin.png|right|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]7. Vergrößern  ohne Text - Textfluss Normal (100px / 400px)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick][[File:gallery_icon.jpg|none|100px|100px]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]8. Vergrößern  ohne Text - Textfluss Left (200px / 400px)[/b]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick][[File:gallery_icon.jpg|left|200px|200px]][hover][[File:gallery_icon.jpg|left|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]9. Vergrößern  ohne Text - Textfluss Right (200px / 400px)[/b]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick][[File:gallery_icon.jpg|right|200px|]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]10. Modal  ohne Text - Textfluss Normal (100px / fullsize)[/b]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg][[File:pin.png|none|100px|100px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]11. Modal ohne Text - Textfluss Left (200px / fullsize)[/b]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg][[File:pin.png|left|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]12. Modal  ohne Text - Textfluss Right (200px / fullsize)[/b]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg][[File:pin.png|right|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]13. Vergrößern  mit Text - Textfluss Normal - Doppelt   (100px / 400px)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick=Bild vergrößern - Beispieltext 7][[File:gallery_icon.jpg|none|100px|100px]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] [mouseclick=Bild vergrößern - Beispieltext 7][[File:gallery_icon.jpg|none|100px|100px]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]14. Vergrößern  mit Text - Textfluss Left - Doppelt  (200px / 400px)[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick=Bild vergrößern - Beispieltext 8][[File:gallery_icon.jpg|left|200px]][hover][[File:gallery_icon.jpg|left|400px|400px]][/mouseclick] [mouseclick=Bild vergrößern - Beispieltext 8][[File:gallery_icon.jpg|left|200px]][hover][[File:gallery_icon.jpg|left|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]15. Vergrößern  mit Text - Textfluss Right- Doppelt   (200px / 400px)[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick=Bild vergrößern - Beispieltext 9][[File:gallery_icon.jpg|right|200px]][hover][[File:gallery_icon.jpg|right|400px|400px]][/mouseclick] [mouseclick=Bild vergrößern - Beispieltext 10][[File:gallery_icon.jpg|right|200px]][hover][[File:gallery_icon.jpg|right|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]16. Modal  mit Text - Textfluss Normal - Doppelt (100px / fullsize)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text [clickImg=Bild Modal - Beispieltext 11][[File:pin.png|none|100px|100px]][/clickImg] [clickImg=Bild Modal - Beispieltext 12][[File:pin.png|none|100px|100px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]17. Modal  mit Text - Left - Textfluss Doppelt (200px / fullsize)[/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text   [clickImg=Bild Modal - Beispieltext 13][[File:pin.png|left|200px]][/clickImg] [clickImg=Bild Modal - Beispieltext 14][[File:pin.png|left|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]18. Modal  mit Text - Textfluss Right - Doppelt  (200px / fullsize) [/b]
[i]Bilder mit Bildbeschreibung können nicht mit Textfluss "links" oder "rechts" dargestellt werden![/i]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg=Bild Modal - Beispieltext 15][[File:pin.png|right|200px]][/clickImg] [clickImg=Bild Modal - Beispieltext 16][[File:pin.png|right|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]19. Vergrößern  ohne Text - Textfluss Normal - Doppelt  (100px / 400px)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick][[File:gallery_icon.jpg|none|100px|100px]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] [mouseclick][[File:gallery_icon.jpg|none|100px|100px]][hover][[File:gallery_icon.jpg|none|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]20. Vergrößern  ohne Text - Textfluss Left - Doppelt  (200px / 400px)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick][[File:gallery_icon.jpg|left|200px]][hover][[File:gallery_icon.jpg|left|400px|400px]][/mouseclick]  [mouseclick][[File:gallery_icon.jpg|left|200px]][hover][[File:gallery_icon.jpg|left|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]21. Vergrößern  ohne Text - Textfluss Right - Doppelt  (200px / 400px)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [mouseclick][[File:gallery_icon.jpg|right|200px]][hover][[File:gallery_icon.jpg|right|400px|400px]][/mouseclick]  [mouseclick][[File:gallery_icon.jpg|right|200px]][hover][[File:gallery_icon.jpg|right|400px|400px]][/mouseclick] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]22. Modal  ohne Text - Textfluss Normal - Doppelt  (100px / fullsize)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg][[File:pin.png|none|100px|100px]][/clickImg] [clickImg][[File:pin.png|none|100px|100px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]23. Modal  ohne Text - Textfluss Left - Doppelt  (200px / fullsize)[/b]
 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg][[File:pin.png|left|200px]][/clickImg]  [clickImg][[File:pin.png|left|200px]][/clickImg] Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[b]24. Modal  ohne Text - Textfluss Right - Doppelt (200px / fullsize)[/b]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text  [clickImg][[File:pin.png|right|200px]][/clickImg]  [clickImg][[File:pin.png|right|200px]][/clickImg]Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text [clear]
 

[hr3]
 

[b]25. Bilder aus [rot]Datei einfügen[/rot] ohne Foren-Code[/b]
[i]Doppelklick öffnet das Bild im Großformat in einen neuen Tab![/i]
[[File:pin.png|none|200px]] [[File:pin.png|none|200px]] [[File:pin.png|none|200px]] [clear]