Template fhs-magig hero

A place for general not CMSimple related discussions
Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Template fhs-magig hero

Post by Peter444 » Fri Apr 24, 2020 8:35 am

Dieses Template gefällt mir ausserordentlich gut.

Hingegen stört mich das kleine Symbol, das jeweils neben dem Link erscheint (ein kleines Quadrat mit einem Pfeil).

Kann ich das wegbekommen?

Herzlichen Gruss

Peter

frase
Posts: 3324
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Template fhs-magig hero

Post by frase » Fri Apr 24, 2020 9:05 am

Peter444 wrote:
Fri Apr 24, 2020 8:35 am
Hingegen stört mich das kleine Symbol, das jeweils neben dem Link erscheint (ein kleines Quadrat mit einem Pfeil).
Dieses Symbol soll dem Benutzer signalisieren, dass ein Klick auf einen solchen Link ein neues Fenster (bzw. einen neuen Tab) öffnet.

Wenn du das nicht möchtest:
Öffne die stylesheet.css (im Templateordner).
Suche nach a[target="_blank"]::after und lösche diese gesamte Regel (oder kommentiere sie aus).

Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Re: Template fhs-magig hero

Post by Peter444 » Sat Apr 25, 2020 6:13 am

Vielen Dank!
..vor allem für das Super Template.
Ich hab noch was nicht herausgefunden: Wie ändere ich den Farbverlauf-Hintergrund, der am Anfang erscheint?

Danke und Gruss

Peter

frase
Posts: 3324
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Template fhs-magig hero

Post by frase » Sat Apr 25, 2020 8:02 am

Peter444 wrote:
Sat Apr 25, 2020 6:13 am
Ich hab noch was nicht herausgefunden: Wie ändere ich den Farbverlauf-Hintergrund, der am Anfang erscheint?
Das ist der Preloader, der bei jedem Seitenwechsel den Übergang gestaltet.
Suche im Stylesheet nach #preloader.
Dort ist der Verlauf festgelegt (background).
Den könntest du farblich ändern. Oder einfarbig umbauen. Oder ein Hintergrundbild einfügen ...

Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Re: Template fhs-magig hero

Post by Peter444 » Sat Apr 25, 2020 9:19 am

vielen Dank!

Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Re: Template fhs-magig hero

Post by Peter444 » Sun Apr 26, 2020 7:14 am

Super hat alles geklappt. Es macht spass in einem so sauberen Styesheet zu basteln.

Hatte seit den Templates vo Mikey nie mehr soviel Freude an einer CMSimple-XH Vorlage.

Danke

www.peter-ruedlinger.ch

Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Re: Template fhs-magig hero

Post by Peter444 » Sun Apr 26, 2020 7:40 am

Noch eine Kleinigkeit:

Oben rechts, wenn man auf das Menu-Symbol (drei Linien) klickt, erscheint ein Rahmen um die drei Striche bzw. danach um das Kreuz der etwas unschön wirkt.

Der Rahmen verschwindet zwar, sobald man irgend wo anders hinklickt und ist nicht nicht wirklich ein Problem.... etwas pingelig von mir

Peter

frase
Posts: 3324
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Template fhs-magig hero

Post by frase » Sun Apr 26, 2020 9:37 am

Peter444 wrote:
Sun Apr 26, 2020 7:40 am
Oben rechts, wenn man auf das Menu-Symbol (drei Linien) klickt, erscheint ein Rahmen um die drei Striche bzw. danach um das Kreuz der etwas unschön wirkt.
Dieser Rahmen - genannt Outline - wird von den Browsern automatisch auf Elemente gesetzt, auf denen der Focus liegt.
Klickst du auf das Menü-Symbol, liegt dort der Focus bis du woanders hinklickst.
Außerdem hilft das z.B. Sehbehinderten, die sich per Tab-Taste von Link zu Link durch die Seite hangeln.

Im speziellen Fall kannst du die Outline aber beruhigt entfernen, da es sich sowieso nicht um einen "echten" Link handelt.
Das Menü ist für Sehbehinderte ohnehin mit dem Accesskey "1" erreichbar. (Im Firefox mit [Alt-Shift-1]) In Chrome-Browsern habe ich noch kein Tastenkürzel dafür gefunden. Offensichtlich finden die Chrome-Entwickler das nicht so wichtig, genau so wie eine Silbentrennung, die es in fast allen anderen Browsern gibt.

Öffne die "template.htm" mit einem geeigneten Editor.
Suche diese Stelle:

Code: Select all

<div id="nav-icon" accesskey="1" tabindex="1"> ...
und ändere sie folgendermaßen:

Code: Select all

<div id="nav-icon" onfocus="this.blur()" accesskey="1" tabindex="1"> ...
Damit wird der Focus bei Klick gleich wieder entfernt.

Auf deiner Seite gibt es noch einen Template-Fehler.
Ganz unten erscheint auf allen Seiten: "$(function () { $("div.nav").mCustomScrollbar({ theme: "minimal-dark", scrollInertia: 120 }); });"
Das liegt (wahrscheinlich) daran, dass entweder das Script am Ende des Templates nicht sauber geschlossen ist,
oder
diese Zeile irgendwie doppelt hereinkopiert wurde.
Prüfe das mal und ändere es.

Außerdem steht im Footer noch das MagicHero-Logo und der Copyright-Hinweis.
Eigentlich ist das nur eine Vorlage, die du mit deinem Logo und deinem Hinweis ersetzen solltest - oder entfernen.

Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Re: Template fhs-magig hero

Post by Peter444 » Sun Apr 26, 2020 3:40 pm

Super, Deine schnelle Hilfe

Ich habe alles korrigiert.

Herzliche Dank für Deine grossartige Unterstützung.

Herzlichen Gruss aus Basel!

Peter

Peter444
Posts: 41
Joined: Wed Feb 13, 2013 2:15 pm

Re: Template fhs-magig hero

Post by Peter444 » Wed Apr 29, 2020 7:13 am

Sorry, ich habe doch noch eine Frage zum Magic Hero Template

Wenn ich unter Preloader die Farben anpasse, ändert sich gar nichts.

https://peter-ruedlinger.ch/cmsimple_xh1/

Die Webseite funktioniert aber mit allen übliche Browsern.

Passe ich hingegen auf Zeile 226 des CSS die Farben ebenfalls an, dann ändert sich der Hintergrund, aber die Webseite funktioniert mit dem IE 11 nicht mehr.

https://peter-ruedlinger.ch/cmsimple_xh/

Was mache ich falsch?

Herzlichen Gruss

Peter

Post Reply