https://znil.net/index.php?action=history&feed=atom&title=Vorlage%3ARundeEcken 2026-04-28T04:31:18Z Versionsgeschichte dieser Seite in znilwiki MediaWiki 1.43.8 https://znil.net/index.php?title=Vorlage:RundeEcken&diff=1116&oldid=prev 2011-07-05T21:50:15Z

<p></p> <p><b>Neue Seite</b></p><div>&lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 4px 4px 13px #333333;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Test&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 3px 3px 13px #333333 inset; margin-top: 5em; margin-bottom: 2em;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Test&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 0px 0px 20px #333333 inset; margin-top: 5em; margin-bottom: 2em;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Test&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 0px 0px 20px #333333 inset, 4px 4px 13px #333333; margin-top: 5em; margin-bottom: 2em;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Test&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 0px 0px 20px #333333 inset, 0px 0px 13px #333333; margin-top: 5em; margin-bottom: 2em;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Test&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 0px 0px 13px #333333; margin-top: 5em; margin-bottom: 2em;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Test&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;<br /> <br /> float:center; Ausrichtung des ganzen Objekts (left / center / right)<br /> background-color: #ffc000; Hintergrundfarbe<br /> border-radius: 0.5em; Radius der Ecken<br /> text-align:center; Ausrichtung des Textes (left / right / center / justify (Blocksatz)<br /> padding-top: 0.2em; Abstand des Textes zum Rand von oben<br /> padding-bottom: 0.2em; dito unten<br /> padding-left: 1em; dito links<br /> padding-right: 1em; dito rechts<br /> width:98%; Breite (hier in Prozent, geht auch Pixel (px)<br /> box-shadow: 4px 4px 13px #333333; Schatten um das Objekt - um 4 Pixel nach rechts und nach unten versetzt, 13 ist die Blur Distanz (wie weit es verschwimmen soll)<br /> Dann die Schattenfarbe. Optional noch &#039;&#039;&#039;inset&#039;&#039;&#039; - Schatten nach Innen statt nach Aussen<br /> margin Abstände Aussen um das Objekt herum<br /> <br /> &lt;div style=&quot;float:center; background-color: #ffc000; border-radius: 0.5em; text-align:center; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 4px 4px 13px #333333;&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> &lt;div style=&quot;float:center; background-color: #777777; border-radius: 0.5em; text-align:center; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em; padding-right: 1em; width:98%; box-shadow: 4px 4px 13px #333333;&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> &lt;div style=&quot;background-color: #000000; width:95%; padding-top: 20em; padding-bottom: 20em; padding-left: 5em&quot;&gt;<br /> <br /> &lt;div style=&quot;float:center; background-color: #fff; border-radius: 0.5em; text-align:center; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em; padding-right: 1em; width:50%; box-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Feuer&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;div style=&quot;float:center; background-color: #fff; border-radius: 0.5em; text-align:center; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em; padding-right: 1em; width:50%; box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;&quot;&gt;<br /> &lt;big&gt;&#039;&#039;&#039;Neon&#039;&#039;&#039;&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

BLinz