OSC mit JQuery anpassen

Layout verändern

Neuere Versionen des OSC Webshop sind mit JQuery für die Anpassung des Design ausgestattet. Um dieses JQuery Layout zu verändern suchen Sie in der css Datei ext/jquery/ui/redmond/jquery-ui-1.8.6.css die Zeile 4 mit dem Text: "* To view and modify this theme, visit http://jqueryui.com/themeroller..."

Kopieren Sie den gesamten Link von HTTP: beginnend bis zum letzten Zeichen in Ihren Browser.

Der jQuery ThemeRoller wird zusammen mit ihrem aktuellen Layout geöffnet. Sie können nun auf der linken Seite im ThemeRoller das Design nach Ihren wünschen anpassen.

Sobald das Layout steht können Sie dieses downloaden und in einen neuen Ordner nach ext/jquery/ui/ kopieren.

Layout verwenden

Öffnen Sie die Datei /includes/template_top.php und beachten Sie die Zeile 29.

Achten Sie auf den Namen der Datei jquery-ui-1.8.6.custom.css. Sie muss genau so heissen wie dies in der Datei /includes/template_top.php auf Zeile 29 geschrieben steht. Korrespondieren diese beiden Dateinamen und der Name des Ordner (redmond) in welchem sich Ihr neues Layout befindet nicht, funktioniert das Layout nicht.

29 <link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.8.6.css" />

Manuelle Anpassungen des JQuery Layout

Es ist nicht empfehlenswert, manuelle Anpassungen in einem JQuery Layout zu tätigen. Doch manchmal kommt man einfach nicht darum herum.

Bild für Infoboxen Kopf
/httpdocs/ext/jquery/ui/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png

Bild für Button Hintergrund
/httpdocs/ext/jquery/ui/redmond/images/ui-bg_glass_85_dfeffc_1x400.png

/httpdocs/ext/jquery/ui/redmond/jquery-ui-1.8.6.css

//Linie für Widget Kopf
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
 

Haftungsausschluss: Verwendung der Informationen auf Ihre eigene Gefahr. Wir übernehmen keinerlei Haftung. Beachten Sie auch den Haftungsausschluss.

Wenn Sie Wünsche, Anregungen, Verbesserungen, Korrekturen oder sonstige Vorschläge zu dieser FAQ haben: . Wir freuen uns auf Ihr Mail.

 Und jetzt noch ein bisschen Werbung...

Stellensuche, Jobangebote unter www.notizia.ch/stellensuche