Szablon:Clear/opis: Różnice pomiędzy wersjami

Z WikiGórnik
Skocz do: nawigacja, szukaj
(dodano)
 
m (Przykłady: użycie istniejących plików)
 
Linia 17: Linia 17:
 
=== Bez szablonu ===
 
=== Bez szablonu ===
 
<pre>
 
<pre>
[[Plik:Mokra Jama.jpg|200px|left]]
+
[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Dwoiśniak.jpg|200px|right]]
+
[[Plik:Red_card.gif|20px|right]]
 
[[Lorem ipsum]] dolor sit amet...
 
[[Lorem ipsum]] dolor sit amet...
 
</pre>
 
</pre>
[[Plik:Mokra Jama.jpg|200px|left]] [[Plik:Dwoiśniak.jpg|200px|right]] {{Lorem ipsum}}
+
[[Plik:Yellow_card.gif|20px|left]] [[Plik:Red_card.gif|20px|right]] {{Lorem ipsum}}
  
 
{{clear0}}
 
{{clear0}}
 
=== Z szablonem {{s|clear}} ===
 
=== Z szablonem {{s|clear}} ===
 
<pre>
 
<pre>
[[Plik:Mokra Jama.jpg|200px|left]]
+
[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Dwoiśniak.jpg|200px|right]]
+
[[Plik:Red_card.gif|20px|right]]
 
{{clear}}
 
{{clear}}
 
[[Lorem ipsum]] dolor sit amet...
 
[[Lorem ipsum]] dolor sit amet...
 
</pre>
 
</pre>
[[Plik:Mokra Jama.jpg|200px|left]]
+
[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Dwoiśniak.jpg|200px|right]]
+
[[Plik:Red_card.gif|20px|right]]
 
{{clear}}
 
{{clear}}
 
{{Lorem ipsum}}
 
{{Lorem ipsum}}
Linia 39: Linia 39:
 
=== Z szablonem {{s|clear0}} ===
 
=== Z szablonem {{s|clear0}} ===
 
<pre>
 
<pre>
[[Plik:Mokra Jama.jpg|200px|left]]
+
[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Dwoiśniak.jpg|200px|right]]
+
[[Plik:Red_card.gif|20px|right]]
 
{{clear0}}
 
{{clear0}}
 
[[Lorem ipsum]] dolor sit amet...
 
[[Lorem ipsum]] dolor sit amet...
 
</pre>
 
</pre>
[[Plik:Mokra Jama.jpg|200px|left]]
+
[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Dwoiśniak.jpg|200px|right]]
+
[[Plik:Red_card.gif|20px|right]]
 
{{clear0}}
 
{{clear0}}
 
{{Lorem ipsum}}
 
{{Lorem ipsum}}
Linia 52: Linia 52:
 
=== Z szablonem i parametrem left ===
 
=== Z szablonem i parametrem left ===
 
<pre>
 
<pre>
[[Plik:Mokra Jama.jpg|100px|left]]
+
[[Plik:Yellow_card.gif|10px|left]]
[[Plik:Dwoiśniak.jpg|200px|right]]
+
[[Plik:Red_card.gif|20px|right]]
 
{{clear|left}}
 
{{clear|left}}
 
[[Lorem ipsum]] dolor sit amet...
 
[[Lorem ipsum]] dolor sit amet...
 
</pre>
 
</pre>
[[Plik:Mokra Jama.jpg|100px|left]] [[Plik:Dwoiśniak.jpg|200px|right]] {{clear|left}} {{Lorem ipsum}}
+
[[Plik:Yellow_card.gif|10px|left]] [[Plik:Red_card.gif|20px|right]] {{clear|left}} {{Lorem ipsum}}
  
 
=== Z szablonem i parametrem right ===
 
=== Z szablonem i parametrem right ===
 
<pre>
 
<pre>
[[Plik:Mokra Jama.jpg|200px|left]]
+
[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Dwoiśniak.jpg|100px|right]]
+
[[Plik:Red_card.gif|10px|right]]
 
{{clear|right}}
 
{{clear|right}}
 
[[Lorem ipsum]] dolor sit amet...
 
[[Lorem ipsum]] dolor sit amet...
 
</pre>
 
</pre>
[[Plik:Mokra Jama.jpg|200px|left]] [[Plik:Dwoiśniak.jpg|100px|right]] {{clear|right}} {{Lorem ipsum}}
+
[[Plik:Yellow_card.gif|20px|left]] [[Plik:Red_card.gif|10px|right]] {{clear|right}} {{Lorem ipsum}}
  
 
== Zobacz też ==
 
== Zobacz też ==

Aktualna wersja na dzień 15:01, 26 lut 2012

Szablonów {{clear}} oraz {{clear0}} używa się po to, żeby prawidłowo umieścić tekst pod tabelką/obrazkiem (zamiast wstawiać 10 enterów). Szablon {{clear0}} w odróżnieniu od szablonu {{clear}} tym, że szablon {{clear}} dodaje dodatkowy odstęp.

Użycie

{{clear}}

następna linia będzie zarówno pod obiektem z prawej, jak i z lewej strony, co odpowiada tekstowi:

<br style="clear:both;" />

Możliwe jest też użycie szablonu z parametrem left lub right:

  • {{clear|left}} daje: <br style="clear:left;" />
  • {{clear|right}} daje: <br style="clear:right; />

Przykłady

Bez szablonu

[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Red_card.gif|20px|right]]
[[Lorem ipsum]] dolor sit amet...
Yellow card.gif
Red card.gif

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.

 

Z szablonem {{clear}}

[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Red_card.gif|20px|right]]
{{clear}}
[[Lorem ipsum]] dolor sit amet...
Yellow card.gif
Red card.gif


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.

 

Z szablonem {{clear0}}

[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Red_card.gif|20px|right]]
{{clear0}}
[[Lorem ipsum]] dolor sit amet...
Yellow card.gif
Red card.gif

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.

 

Z szablonem i parametrem left

[[Plik:Yellow_card.gif|10px|left]]
[[Plik:Red_card.gif|20px|right]]
{{clear|left}}
[[Lorem ipsum]] dolor sit amet...
Yellow card.gif
Red card.gif


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.

Z szablonem i parametrem right

[[Plik:Yellow_card.gif|20px|left]]
[[Plik:Red_card.gif|10px|right]]
{{clear|right}}
[[Lorem ipsum]] dolor sit amet...
Yellow card.gif
Red card.gif


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.

Zobacz też

  • {{clear0}} – ten sam szablon tylko nie dodaje dodatkowego odstępu