weather-image

Code-Vorlagen: Boxen, Tabellen, Trenner, ...

0.0
0.0

Trenner-Box BLAU rechts/links in 50%

Text. Text. Text.

XXX__Titel__XXX

XXX__Text__XXX

„Die Öffentliche Sicherheit und Ordnung zu gewährleisten ist nicht alleine Auftrag an die Polizei, sondern eine gesamtgesellschaftliche Aufgabe. Dieser Kerngedanke soll durch das ehrenamtliche Engagement von Frauen und Männern in einer Sicherheitswacht allen Bürgern bewusst werden.

Die Sicherheitswacht verbessert das Sicherheitsgefühl der Menschen in der Öffentlichkeit. ......

XXX__Titel__XXX

XXX__Text__XXX

Der Polizeipräsident formuliert die Stellung der Sicherheitswacht in unserem Gemeinwesen so: „Wir sind als Polizei auf ein Klima des Vertrauens und eine Kultur des Hinsehens in unserer gesamten Gesellschaft, angewiesen. Die Sicherheitswacht hat hier eine ganz wichtige Vorbildfunktion für die Bevölkerung.

 

Code:

<div class="blue_box" style="width: 50%; float: right; display: inline-block; margin-right: 20px;">

<p style="margin: -10px 0 10px 0;"><img style="height: 1px;" src="http://suedost-news.de/cms_media/module_img/1306/653054_1_org_trenner_blau_duenn.jpg" alt="" width="100%" height="1" /></p>

<h3 align="center"><strong>

XXX__Titel__XXX

</strong></h3>

<p style="margin: 15px; font-size: 15px;">

XXX__Text__XXX

</p>

<p style="margin-bottom: 10px;"><img style="height: 1px;" src="http://suedost-news.de/cms_media/module_img/1306/653054_1_org_trenner_blau_duenn.jpg" alt="" width="100%" height="1" /></p>

</div>

 

 

Box GRAU rechts/links in 33% / 40% / 50%

Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text.

 

Code:

<div class="grey_box" style="float: right; width: 33%; border:1px solid #ababab; padding:12px;margin: 7px 20px 12px 12px">

     <p><strong style="font-weight:700">

XXXXXXX___Überschrift___XXXXXXX

</strong></p>

     <p style="margin:0"><a class="article_link" href="

XXXXXXX___URL___XXXXXXX

" target="_blank" rel="follow" title="">

XXXXXXX___Link_Text___XXXXXXX

</a></p>

</div>

 

 

Box mit Titel & Bild:

Überschrift

Text. Text. Text.

Zum Artikel »»

Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text.

 

Code:

=> 726695_1_nteaser_XXX.jpg    ///   nteaser für Bild verwenden !!

 

<div class="pic_box" style="float: right; width: 33%; border: 1px solid #ababab; padding: 10px; margin: 6px 18px 12px 12px;">

<img src="

XXXXXXX___Bild_Teaser___XXXXXXX

" />

<p style="padding-top:8px;"><strong style="font-weight: bold; font-size: 18px;">

XXXXXXX___Überschrift___XXXXXXX

</strong></p>

<p style="font-size: 15px;">

XXXXXXX___Text___XXXXXXX

</p>

<p style="margin: 0; font-size: 15px;"><i><a class="article_link" title="" href="

XXXXXXX___URL___XXXXXXX

" target="_blank">Zum Artikel »»</a></i></p>

</div>

 

 

 

Trenner-Linie blau:

 

<p style="margin:-10px 0 19px 0;text-align:center"><img src="http://suedost-news.de/cms_media/module_img/1306/653054_1_org_trenner_blau_duenn.jpg" alt="" width="100%" height="1" /></p>

 

 

Moderne Tabellen

2 Spalten

3 Spalten

4 Spalten

5 Spalten

 

 

Standard-Tabellen

2 Spalten

<table style="border-color: #ccc;" border="1">

<tbody>

<tr>

<td style="padding: 2px 20px 2px 5px;"><strong>Nr.</strong></td>

<td style="padding: 2px 20px 2px 5px;"><strong>Name</strong></td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">1</td>

<td style="padding: 1px 20px 1px 5px;">Benedikt Niedermeier</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">2</td>

<td style="padding: 1px 20px 1px 5px;">Johannes Müller</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">3</td>

<td style="padding: 1px 20px 1px 5px;">Felix Siegl</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">4</td>

<td style="padding: 1px 20px 1px 5px;">Anian Varga</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">5</td>

<td style="padding: 1px 20px 1px 5px;">Maximilian Müller-Loennies</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">6</td>

<td style="padding: 1px 20px 1px 5px;">Michael Langwieder</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">7</td>

<td style="padding: 1px 20px 1px 5px;">Selina Stöger</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">8</td>

<td style="padding: 1px 20px 1px 5px;">Ella-Marie Starke</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">9</td>

<td style="padding: 1px 20px 1px 5px;">Quirin Gnadl</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">10</td>

<td style="padding: 1px 20px 1px 5px;">Hannah Chmiel</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">11</td>

<td style="padding: 1px 20px 1px 5px;">Ali El Dirani</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

</tr>

</tbody>

</table>

 

 

 3 Spalten

<table style="border-color: #ccc;" border="1">

<tbody>

<tr>

<td style="padding: 2px 20px 2px 5px;"><strong>Platzierung</strong></td>

<td style="padding: 2px 20px 2px 5px;"><strong>Name</strong></td>

<td style="padding: 2px 20px 2px 5px;"><strong>Stimmenzahl</strong></td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">1</td>

<td style="padding: 1px 20px 1px 5px;">Benedikt Niedermeier</td>

<td style="padding: 1px 20px 1px 5px;">235</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">2</td>

<td style="padding: 1px 20px 1px 5px;">Johannes Müller</td>

<td style="padding: 1px 20px 1px 5px;">220</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">3</td>

<td style="padding: 1px 20px 1px 5px;">Felix Siegl</td>

<td style="padding: 1px 20px 1px 5px;">198</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">4</td>

<td style="padding: 1px 20px 1px 5px;">Anian Varga</td>

<td style="padding: 1px 20px 1px 5px;">153</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">5</td>

<td style="padding: 1px 20px 1px 5px;">Maximilian Müller-Loennies</td>

<td style="padding: 1px 20px 1px 5px;">129</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">6</td>

<td style="padding: 1px 20px 1px 5px;">Michael Langwieder</td>

<td style="padding: 1px 20px 1px 5px;">111</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">7</td>

<td style="padding: 1px 20px 1px 5px;">Selina Stöger</td>

<td style="padding: 1px 20px 1px 5px;">104</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">8</td>

<td style="padding: 1px 20px 1px 5px;">Ella-Marie Starke</td>

<td style="padding: 1px 20px 1px 5px;">91</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">9</td>

<td style="padding: 1px 20px 1px 5px;">Quirin Gnadl</td>

<td style="padding: 1px 20px 1px 5px;">90</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">10</td>

<td style="padding: 1px 20px 1px 5px;">Hannah Chmiel</td>

<td style="padding: 1px 20px 1px 5px;">88</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">11</td>

<td style="padding: 1px 20px 1px 5px;">Ali El Dirani</td>

<td style="padding: 1px 20px 1px 5px;">68</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

<td style="padding: 1px 20px 1px 5px;">65</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

<td style="padding: 1px 20px 1px 5px;">65</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

<td style="padding: 1px 20px 1px 5px;">65</td>

</tr>

<tr>

<td style="padding: 1px 20px 1px 5px;">12</td>

<td style="padding: 1px 20px 1px 5px;">Christina Isfan</td>

<td style="padding: 1px 20px 1px 5px;">65</td>

</tr>

</tbody>

</table>