""

Mit CSS Style Sheet Befehlen oder Grafiken lassen sich neben den Formularfeldern auch langweilige Absende-Buttons etwas aufpeppen und an das Gesamt-Design der Website, des Blogs oder des Online-Shops anpassen. Standardbutton: <input type="submit" value="Absenden"> Mit zusätzlicher Grafik: <input type="submit" value=" Absenden" style="background-image:url(fragezeichen.gif); background-repeat: no-repeat; background-position: 3px 2px;"> Mit (transparentem) Hintergrundbild: <input type="submit" value=" Absenden " style="background-image:url(button_hgr.gif);"> Grafik als ...

Das Einheitsgrau im Formulardesign muss nicht sein, denn mit CSS und zusätzlich auch Grafiken sind dem Webdesigner mächtige Möglichkeiten gegeben, um einzelne Elemente der Seite per Style Sheet zu beeinflussen. Hier zeigen wir, wie man die Eingabefelder von Formularen verschönert - das geht aber auch mit dem Submit-Button! <input type="text" value="Standard-Formular"> Mit dem Zusatz style="border: 1px solid black" lässt sich schon viel erreichen: <input type="text" value="Standard-Formular" ...

Curved Monitore sind längst kein exotisches, gebogenes Nischenprodukt mehr, sondern eine ernstzunehmende Alternative zu herkömmlichen Flachbildschirmen. Mit ihrer geschwungenen "curved" Form versprechen sie ein immersiveres Seherlebnis und mehr Komfort - allerdings nur, wenn man mit einem Monitor auskommt: Zwei Curved Monitore benötigen entweder einen sehr tiefen Tisch oder machen viele Vorteile des Curved Designs wieder zunichte. Wenn es also ein Curved Monitor sein soll, dann sollte ...

Um das Trade Mark (TM) und "Registered" (R) Zeichen zu erstellen, gibt es eigene HTML-Codes: Damit lassen sich die Zeichen einfach erstellen und mit allen Browsern anzeigen. Außerdem bietet HTML eine Funktion, um die Zeichen hochzustellen. Wer mag, kann das Aussehen aber mit CSS noch weiter anpassen. HTML Code für das Trademark Zeichen ™: &trade; HTML Code für das Registered Zeichen ®: &reg; HTML Code zum Hochstellen ™ ®: ^{&trade; &reg;} Die HTML Bezeichnung für das Hochstellen ...

Wer Webseiten ausdrucken möchte, braucht oft nicht alle Elemente. Mit Media-Queries lassen sich verschiedene Layouts und Designs für verschiedene Medien erstellen: Vom Desktop-Bildschirm über das Smartphone Display bis zum Drucker. Wenn jetzt verschiedene Elemente auf einem Gerät (zum Beispiel im Druck) nicht gezeigt werden sollen, helfen diese Media-Queries auch weiter: Für den Ausdruck "versteckt" man das Element einfach! <style> @media print ...

„SEO? Mache ich doch schon. Content ist King, Mobile First, Backlinks... Kann ich das Thema nicht endlich abhaken?“, werden sich einige Leser jetzt fragen. Dabei ist eine richtig gute SEO-Strategie in Zukunft wichtiger denn je und für jede SEO Agentur eine immer größere Herausforderung. Denn die Grundlagen von SEO bezüglich Überschriften, Links und Bildern kennt tatsächlich inzwischen so ziemlich jeder Unternehmer. Das bedeutet aber auch, ...

  Valentinstags-Icons Passende Icons und Clipart Bilder zum Valentinstag als kostenloser Download: 100 verschiedene Herzen und Blumen als PNG Bild. Einfach herunterladen und in Dokumente, E-mail oder in einen Messenger wie WhatsApp einfügen und als Valentinstags-Gruß versenden! Zum Download     Valentinstags-Emojis Nicht alle Emojis vom Handy werden auch auf dem PC angezeigt, Facebook und Twitter wandeln daher selbstständig einige Emojis in Grafiken um, damit ...

Für jegliche Projekte im World Wide Web ist eine gute Landingpage durch nichts zu ersetzen. Gleichzeitig stellen sich viele die Frage, auf welche Punkte bei der Erstellung genau zu achten ist. Hier in diesem Ratgeber wollen wir die wichtigsten Tipps unter die Lupe nehmen, mit denen sich starke Leads erreichen lassen. So steht einem hohen Traffic für die gesamte Webseite schon bald nichts mehr im Wege. Was ist ...

Um die Listen-Punkte oder Bullet-Points einer <ul> Liste einzufärben, muss man auch die Textfarbe der Liste ändern. Möchte man dies nicht, kann man mit CSS eigene, andersfarbige Listen-Punkte definieren: Mit dem Befehl "li::before" definiert man ein Element, dass vor dem <li> Element angezeigt wird: Dies ist ein Listen-Punkt, dessen Farbe und Größe man per CSS definieren kann. Damit nicht zwei Bullet-Point Punkte angezeigt werden, muss man die eigentlichen Punkte dann ausblenden: Das geht mit dem Befehl ...

Für manche Web-Projekte ist es praktisch, den Mauszeiger zu verstecken: Nicht um den Besucher zu ärgern, sondern um ihn nicht zu verwirren. Bei einem Touch-Screen stört der Mauszeiger, da man die Elemente mit dem Finger antippt. Das ist dann praktisch, wenn man eine "Kiosk-Anwendung" programmiert, bei der der Nutzer die Eingaben nur über den Bildschirm machen soll. Mit CSS lässt sich der Mauszeiger ganz einfach ausblenden: Hier ...

Ein schon etwas älterer Hack ist unter dem Namen "Wordpress Pharma Hack" bekannt geworden: Dabei wird irgendwo in dem genutzten Theme (zum Beispiel in der Datei "header.php") ein Code eingebaut, der Links zu Online-Apotheken oder Glücksspielseiten und zusätzlichen Code für Werbebanner enthält.   So könnte der Virus aussehen: In der Regel unterscheidet der Code zwischen der Haupt-Seite der Wordpress Installation und den Unterseiten und zeigt unterschiedliche Inhalte an. Die Mischung aus PHP- und Javascript-Code kann zum Beispiel so ...

Die Befehlstaste auf der Apple-Tastatur (auch Apfeltaste, CMD-Taste oder Command-Taste genannt) gibt es auch unter Windows: Allerdings sieht die Befehlstaste bei Windows nicht nur anders aus, sie befindet sich auch an einer anderen Position! Während die Befehls-Taste auf dem Mac direkt links und rechts neben der Space-Taste liegen, hat Windows hier die beiden ALT-Tasten. Die meisten neuen Tastaturen haben daneben auch noch eine Windows-Taste: ...

Ist mein Gerät wasserdicht? Bei Kameras, Handys und vielen Outdoor-Geräten wie Steckdosen oder Bluetooth-Lautsprechern wird oft die IP-Schutzklasse angegeben: Daran erkennt man schnell, ob das Gerät nur gegen Spritzwasser geschützt oder sogar wasserdicht ist. Trotzdem muss man die Angabe mit Vorsicht genießen: Dazu müssen in der Regel alle Öffnungen gut mit den oft vorhandenen Schutzkappen verschlossen sein. Außerdem bezieht sich die Schutzklasse in ...

Für Webseiten und deren HTML und CSS Code benötigt man die Farben als RGB-Werte: Diese werden allerdings hexadezimal und nicht dezimal angegeben. So hat man statt den Farbwerten von 0 bis 255 pro Farbe Rot, Grün oder Blau Werte von 00 bis FF. Zum Umrechnen der dezimalen Farbwerte in die hexadezimale Form hat PHP bereits eine eigene Funktion: Diese muss man allerdings für dunkle Farben anpassen!   PHP: Dezimal-Werte in hexadezimale Werte umrechnen Die dezimalen Farbwerte für einen ...

Statt Arial, Helvetica und Times kann man auch eigene Schriften bei der Gestaltung der Webseiten nutzen: Das ist praktisch, da man deutlich freier ist als bei der Wahl der Standard-Systemschriften. Damit die Schrift aber bei dem Besucher auch richtig angezeigt wird, muss man sie mit übertragen. Viele Nutzen dafür Cloud-Dienste zum Beispiel von Google: Man kann den Font aber auch auf dem ...