Kategorien
Joomla Templates

Joomla Template – K26 Static Blue

Alle templatebezogenen Bilder und Grafiken sind selbst erstellt und bearbeitet.

Hier die Installationsdateien als ZIP zum downloaden. Viel Erfolg.

93 kB

Kategorien
Joomla Templates

Joomla Template – K25

Zusammenfassung

Dieses Template baut auf DIV-Container auf, besitzt eine feste Breite von 980px.

Der primäre Font ist Trebuchet MS. Das Zentrieren des Layouts erfolgt mittels automatischer Ränder.

#rahmen {
width: 980px;
margin: 0 auto;
}
#top-aussen {
width: 960px;
height: 50px;
margin: 0;
background-color: #FFFFFF;
border-left: 20px solid #4040A0; /* 20px breiter Rand !!! */
}
#header-aussen {
width: 960px;
height: 180px;
margin: 0;
border-left: 20px solid #000000; /* 20px breiter Rand !!! */
background: #FFFFFF url(../images/bg-header-aussen.jpg);
}

Die CSS Datei ist beim W3C nach CSS Standard 2.1 validiert. Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

112 kB

Kategorien
Joomla Templates

Joomla Template Reihe K21

Joomla Logo flat

Einfaches, übersichtliches Joomla Template in blau.
Das Header Image ist 1250 px breit – ihr könnt alles anpassen. Der hauptsächliche CSS Code ist hier gelistet.

* {
margin:0;
padding:0;
}
html {
margin:0;
padding:0;
color:#333333;
font:normal 12px/1.5em Arial,Helvetica,Geneva,sans-serif;
}
body {
margin:0;
padding:0;
text-align:center;
background:url(../images/bg_img_body.png) repeat-x;
}
a {text-decoration:none;}
a:link {color:#99CC33;text-decoration:none;}
a:visited  {color:#B5B5B5;text-decoration:none;} 
a:hover  {color:#FFCC00;border-bottom:1px dotted #FFCC00;} 
a:active  {color:#FFCC00;border-bottom:1px dotted #FFCC00;}
a:focus {color:#FFCC00;border-bottom:1px dotted #FFCC00;}

#container {
margin:0 auto;
margin-top:20px;
padding:10px;
width:1250px;
min-height:850px;
text-align:left;
background-color:#FFFFFF;
}
#topmenu {
margin:0 auto;
height:100%;
min-height:20px;
margin-bottom:5px;
text-align:left;
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
}
#header {
margin:0 auto;
height:100%;
min-height:250px;
text-align:left;
background:url(../images/bg_img_header.png) bottom right no-repeat;
}

Das Template wurde getestet mit allen gängigen Browsern.
Heißt nicht es ist fehlerfrei. Das müsstet ihr bei Bedarf anpassen. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

154 kB

Kategorien
Stylesheets Webentwicklung

Bildersetzung in HTML Dateien

CSS Programming Image

FIR – Fahrner Image Replacement

Wir benutzen das span-Element als – nicht unumstrittenes – Mittel, um den umschlossenen Text über CSS auszublenden, während statt dessen ein Bild angezeigt wird.

FIR ist die ursprüngliche Bildersetzungsmethode schafft aber auf Grund der Einschränkungen in Bezug auf Barrierefreiheit einige Probleme. Der zu ersetzende Text wird in einen eigenen SPAN-Bereich gesetzt.

<p> <span> zu ersetzender Text </span> </p>

Dem p-Bereich wird nun das Hintergrundbild zugewiesen.

p { background:url(image.gif) no-repeat; }

Der Inhalt des SPAN-Bereiches wird ausgeblendet.

span {display:none};

Probleme gibt es mit einigen (nicht allen) Bildschirmlesegeräten, die den Text ignorieren. FIR funktioniert unter Internet Explorer 5+, Opera 5+, Netscape 6+ und Safari.

Kategorien
Stylesheets Webentwicklung

Der lustige Peek-a-boo Bug

CSS Programming Image

Entsteht bei einem variablen Container in der Breite mit einer Box darin bei der z.B. float:left gesetzt ist. Der die innere Box umfliessende Content ist einfach nicht sichtbar. Du kannst die Seite sooft reloaden wie du willst… Ein scrollen (wenn möglich) der Seite lässt den Text hervortreten. Hier mal kurz die Syntax in Kurzform

Kategorien
Wordpress

WordPress Backup erstaunlich einfach

Wordpress Logo Schwarz/Weiss

In meinen bisherigen Joomla Installationen war zumeisst „Akeeba Backup“ im Einsatz.

Das hat ganz gut funktioniert, ein paar Mal musste ich eine Instatnz inklusive Datenbank schon zurücksichern. Nötig hierfür:

  • die gewünschte Backupdatei
  • ein paar Dateien um den Backupprozess zu starten
  • Zugriff auf das Verzeichnis

Unter WordPress habe ich mit UpdraftPlus angesehen. Sehr interessant ist für mich die Aufteilung der Sicherung in verschiedene Themen (Templates, Datenbank, plugins usw.)

Auch die Möglichkeit in der „freien“ Version ein Scheduling oder einen Cloudspeicher zu wählen macht das plugin sehr sinnvoll.

Die kostenlose Version von UpdraftPlus sichert Ihre Website perfekt. Wenn ihr mehr Funktionen und Optionen benötigt, könnt ihr die Pro Version kaufen.

Damit erhaltet ihr:

  • Inkrementelle Backups
  • Einfaches Duplizieren oder Migrieren von Websites (mit Migrator)
  • Multisite-/Multi-Netzwerk-Kompatibilität
  • Backups von Nicht-WP-Dateien und -Datenbanken an mehreren entfernten Zielen
  • Mehr Speicherziele (z. B. OneDrive, BackBlaze, Azure, SFTP) und mehrere Ziele
  • Datenbankverschlüsselung
  • Erweiterte Berichterstattung
  • Unterstützung für WP-CLI (das Kommandozeilen-Werkzeug für WordPress)