Hier möchte ich allen einige Arbeiten kostenlos zur Verfügung stellen. Wer's denn braucht, gern. Ob nun Tools wie einen ASCII-Generator oder für CSS der Einfachheit halber einen Runde-Ecken-Generator ...
Ich bin dabei "aufzuräumen" und wenn ich was nützliches finde werde ich es hier zur Verfügung stellen.
Für XTC Shop
Hier möchte ich ein paar Grafiken allen zur Verfügung stellen, welche von mir erstellt wurden. Diese können frei verwendet und/oder geändert werden. Wie's eben beliebt.
Anfangen möchte ich mit "STARS" - Bewertungssterne für XTC-Shop Modified. Sollten aber auch für 3.04 passen? Fragezeichen weil original Sterne hier 46px Breite und meine 96px Breite haben. Aber die Boxen sind ja eh mindestens 100px breit, oder? Diese Sterne sind als transparente Grafiken (GIF) hinterlegt und zeigen 0 bis 5 Sterne. Es liegen 9 verschiedene Farben vor. Die Grafiken sind auf eine Farbtiefe 5 eingestellt. Für den Anfänger ... mit Irfanview öffnen auf "Bild" in Navi klicken und fast unten im Menü "Palette bearbeiten" klicken ... und schon können die Farben angepasst werden auf eigene Werte. Beim Speichern dann GIF wählen und mit der Maus die Farbe anklicken, welche transparent dargestellt werden soll - fertig. Bitte Namensgebung im Ordner /DeinTemplates/img/... überprüfen.
Anwendung auf eigene Gefahr. Am besten die original Sterne sichern!
Script zusätzlicher Warenkorb und Login für XTC Shop
Mit ein paar Handgriffen kann man den Warenkorb als auch Login oder andere Boxen in den Kopfbereich der Seite integrieren. Dazu dann "fixed" nicht scrollbar immer anzeigen. Beim drüberfahren mit der Maus öffnet sich dann die betreffende Box und ist voll bedienbar. Kein Javascript, sondern nur CSS in Anwendung! Bei diesem Script wird das Aussehen der Boxen nicht verändert! Das könnte man dann ja zusätzlich mit der Zuordnung neuer CLASS-Anweisungen machen. Der Bereich der Boxen ist dynamisch und richtet sich nach dem Inhalt.
Warenkorb fixed von Top einblenden
Link zur Demo: http://www.templates.schoenbier.de/index.php?tpl=mod-goldkamin
In der DeinTemplates/index.html gleich unter
{config_load file="$language/lang_$language.conf"
section="index"}
oder ..hm irgendwo anders, wo es nicht stört, das Einfügen.
In DeinTemplates/boxes/box_cart.html folgende Zeile nach unten vor {/if} verschieben.
Dann
in DeinTemplates/stylesheet.css dieses am Ende:
Hintergrundgrafik und Farben selbst anpassen. Ich habe mich hier nach den angepassten Einträgen der vorhandenen stylesheet.css von "boxcartheader" und "boxcartbody" gerichtet.
Geändert wurde im "boxcartbody" -> keine runde Ecken mehr.
Geändert wurde im "boxcartheader" -> mein Boxenabstand oben (margin-top:15px) in (margin:0px) runde Ecken von oben nach unten und zusätzlich für die Schriftausrichtung (text-align:center) eingefügt.
Wolla ... das
war's schon (-; ***Einbau wie immer auf eigenes Risiko! Übernehme keine Garantie.***
Tools ~ mehr
Script "nicetitle"
Das auf dieser Seite verwendete Script (nicetitle) zum automatischen Auslesen der Title-Tag Angaben habe ich in einen ZIP-Ordner gepackt. Zur Installation braucht es eigentlich nur den Verweis im <head> Deiner Seite wo es angezeigt (aktiv) werden soll. Bitte in der Javascriptdatei ganz oben Beschreibung "DEUTSCH" lesen und "schoenbier" ersetzen.
<link rel="stylesheet" href="nicetitle.css" type="text/css"
media="screen />
<script type="text/javascript" src="nicetitle.js"></script>
Nun kannst Du meinen Inhalt (Ordner img, .css und .js) auf Deinen Host laden. Wenn Du schon einen Ordner "img" hast, so nur die Grafik einfügen. Ebenso schnell wieder deaktiviert durch entfernen der Verweise im head-Bereich. Es wird nirgendwo in die Programmierung Deiner Seite eingegriffen!
***This code is released under the
MIT licence
Anwendung auf eigene Gefahr.
Script "ASCII-Generator"
Das von mir verwendete Script, habe ich in eine HTML-Datei eingebunden. Du kannst es gern auf Deinen Rechner laden, um so besser Deine gesamten Daten offline in Asciizeichen zu schreiben.
Anwendung auf eigene Gefahr.
CSS Tools ~ Script
Script "CSS runde Ecken Generator"
Das von mir verwendete Script, habe ich in eine HTML-Datei eingebunden. Du kannst den Ordner gern auf Deinen Rechner laden, um so besser Deine gesamten Daten offline zu bearbeiten.
Benutzung von Java im Browser - Bedingung.
Nur mit CSS ausklappbare Info-Box und Sozialbutton.
Nach rechts sich öffnende Box, welche fest am linken Rand fixiert wurde. Scrollt nicht mit. Diese Navi- oder Infobox, kann mit allen HTML-Elementen problemlos bestückt werden! Da diese nicht mit ID sondern CLASS definiert wurde, ist es problemlos möglich diese Box zu vervielfältigen zBsp. hier Sozialbuttons. Nur im Body muss die Vervielfältigung getätigt und leicht ( Wert "top" ) angepasst werden! Unterschied -> Grafiken. So ist deren Anwendungsmöglichkeit nahezu unbegrenzt und Browserübergreifend, da kein Javascript verwendet wurde.
Denkbar als: Infobox, Navigationsbox, für sozial Button, für Kontaktformular usw. ... muss dann nur dementsprechend in der Größe angepasst werden.
