Tippscom.de » Programmieren

2 CSS Tricks für mehr Design Möglichkeiten

Marius — Wed, 19 Aug 2009 16:45:00 +0000

Die gängiste Programmiersprache für das Design von Webseiten und Blogs ist CSS. CSS alleine bringt nicht viel, die Programmiersprache wird deshalb meist zusammen mit Html oder Html und PhP verwendet.
Eigentlich ist CSS schnell erlernt und bietet dem Webdesigner trotzdem nahezu unendlich Möglichkeiten seine Seiten zu gestalten

In diesem Artikel will ich euch 2 CSS-Tricks zeigen, mit denen ihr eure Seiten ordentlich aufpeppen könnt.

Seite mittig ausrichten

Den Anfang macht ein recht simpler Trick, die Rede ist vom Ausrichten der gesamten Seite in der Mitte des Bildschirms, wobei sich die Seite beim Verändern der Browserfenstergröße automatisch den neuen Verhältnissen anpasst.
Der Code dafür lautet:

body{ margin: 0px auto 0px; }

Text in anderer Farbe unterstreichen als die Textfarbe

Um einen Text abschnitt unterstreichen zu lassen genügt normalerweise das ...-Tag, dann hat die unterstreichende Linie allerdings die gleiche Farbe wie der Text selbst und das wollen wir ja nicht

Also zuerst muss man den text den man unterstreichen möchte in ein Text der unterstrichen werden soll-Tag legen, und anschließend das Span-Tag mit CSS bearbeiten und zwar wie folgt:

Text der unterstrichen werden soll


So wenn ihr alles richtig gemacht hat habt ihr mit diesem Beispiel einen rot unterstrichenen Text



Meta-Tag Description in WordPress implementieren
Marius — Tue, 07 Jul 2009 18:20:48 +0000
Dieser Artikel zeigt wie ihr eurem WordPress Blog eine Meta Description hinzufügen könnt.

Dieser Meta-Tag bestimmt den Text, mit dem eure Seiten in den Suchergebnissen von Suchmaschinen angezeigt werden. 
Standardmäßig werden relevante Texpassagen automatisch als Description verwendet, doch wenn ihr selbst entscheiden möchtet wie eure Seiten in den Suchergebnissen entscheiden müsst ihr eure Header Datei, um eine kleine Zeile erweitern.

So sieht der description Meta Tag ohne Inhalt aus. Also müsste man noch die Beschreibung ziwschen den Anführungszeichen bei “Content” hinzufügen. 
Jetzt kommt aber die Besonderheit. Da WordPress Template basiert ist und der Inhalt jedes Mal von eurer Datenbank in die Seite geladen wird. 
Muss die Description irgendwie dynamisch machen, damit nicht bei jedem Artikel deines Blogs die gleiche Description angezeigt wird und du aber trotzdem Einfluss darauf hast was angezeigt wird.
Um das zu erreichen gibt es mehrer Möglichkeiten, ich zeige euch mal die meiner Meinung nach einfachste und beste.
Und zwar funktioniert diese Möglichkeit wie folgt: Mit einem kleinen PHP-Befehl, wird bei jedem Artikel der “Artikel-Auszug” (Excerpt) , den man beim Erstellen des Artikels anlegen kann in das Description Tag geladen.
und so muss euer Meta Tag dann aussehen




shutdown.exe verknüpfen
Marius — Sun, 28 Jun 2009 22:09:26 +0000
Mit der Shutdown.exe lässt sich was sehr hinterhältiges Anstellen man kann auf Sie verknüpfen und sie dann als harmloses Programm tarnen. Was dann passiert ist klar, der Computer fährt herunter. Wie genau das funktionjiert lest ihr in diesem Artikel.
Was muss ich dafür tun?
Das ganz eist eigentlich ziemlich simpel aber trotzdem sehr effektiv. Man muss auf den Desktop Rechtsklicken und unter “Neu” eine “Verknüpfung” erstellen diese Verknüpfung soll dann auf folgende Datei verweisen: 
C:\Windows\System32\shutdown.exe
Wenn man jetzt auf die Verknüpfung klickt, schaltet sich der Pc aus.
Jetzt kommt das, was das ganze so böse machen kann. 
Dazu müsst ihr die Verknüpfung noch zusätzlich tarnen, indem man das Symbol und den Namen eines eigentlich harmlosen Programms nimmt.
Ihr müsst einfach rechts auf die Verknüpfung klicken dann auf “Anpassen” und dann auf “Anderes Symbol” jetzt muss man nur noch das richtige Symbol auswählen und schon ist die Tarnung perfekt. 
Macht das ganze am besten auf dem Pc von jemandem dem ihr eins auswischen wollt, immer wenn dieser dann zum Beispiel ins Internet möchte, stellt sich die böse überraschung ein.
Besonders böse wirds wenn man die Verknüpfung noch in den Autostart-Ordner packt, was dann passiert kann man sich denken   
Habs nur mit Vista getestet, weiß nicht obs bei anderen OS auch geht.