New Responsive Template - JekyllAndHyde

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Post Reply
frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: New Responsive Template - JekyllAndHyde

Post by frase » Mon Feb 05, 2018 7:11 am

fesselix wrote:
Sun Feb 04, 2018 11:04 pm
Was kann man tun, dass diese Fonts auch im Editor ausgwählt werden können; und können alle anderen Fonts entfernt werden (möchte einheitliche Seiten erstellen)?
Mal ganz theoretisch:
Eigentlich sollte im Editor überhaupt keine Schrift auswählbar sein ???!!!???
Klingt komisch, weil viele User genau dort immer wieder die Schriften umformatieren - wie z.B. in Word.
Allerdings sollte das verwendete Seiten-Template die Schrift-Verwendung steuern.
Also: Schreibst du einen Absatz, wird Schrift1 verwendet. Für Überschriften wird Schrift2 eingesetzt. Zitate erhalten Schrift3 ... usw.
Das Template kann auch für besondere Fälle CSS-Klassen vorgeben, die dann über den Editor auf bestimmte Textabschnitte angewendet werden können.

Die im Schriftmenü der Editoren angebotenen Schriften sind sowieso mehr oder weniger willkürlich gewählt. Es gibt keine Garantie, dass diese Schriften beim Seitenbenutzer vorhanden sind. Deshalb liefern moderne Templates entweder die Schriften mit, oder holen sie von einem externen Server.

Was noch ein Problem ist: Alle über den Editor festgelegten Formatierungen (Schriftart, Schriftgröße, Schriftfarbe, Schrifthintergrund usw.) erzeugen Inline-Styles im Quellcode der Seite. Einige Seitenbewertungstools und einiger Validatoren bewerten dies sogar als echten Fehler.

Um also "einheitliche Seiten" zu erhalten, solltest du das ScHriftmenü komplett ignorieren und dich auf das Template verlassen und notfalls Klassen vergeben.

Es gab hier schon des Öfteren Diskussionen über dieses Thema. Es wurde auch schon vorgeschlagen, die Schriftformatierungen (u.A.) aus dem Standard-Editor zu entfernen. Es gibt allerdings noch sehr viele Anwender, die es seit Jahren so gewohnt sind und es nicht vermissen möchten.
Das Ergebinis sind dann z.B. solche Code-Ungetüme:

Code: Select all

<p style="text-align: left; font-size: 18px, font-family: Geneva; font-color: #f00; line-height: 1; ... ">
    Hello World!
</p>
Das ist völlig überflüssig (oder gar falsch).
Besser wäre, dem Absatz eine im Template festgelegte Klasse zu verpassen.

Code: Select all

<p class="besondererSatz">
    Hello World!
</p>

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: New Responsive Template - JekyllAndHyde

Post by cmb » Mon Feb 05, 2018 10:05 am

fesselix wrote:
Sun Feb 04, 2018 11:04 pm
[…] und können alle anderen Fonts entfernt werden (möchte einheitliche Seiten erstellen)?
frase wrote:
Mon Feb 05, 2018 7:11 am
Um also "einheitliche Seiten" zu erhalten, solltest du das ScHriftmenü komplett ignorieren und dich auf das Template verlassen und notfalls Klassen vergeben.
Da kann ich Frank (frase) nur recht geben. Will man also die Schriftartenauswahlbox gar nicht anzeigen, dann in der entsprechenden init_*.js einfach "fontselect" aus der "toolbar" entfernen. Ansonsten siehe https://www.tinymce.com/docs/configure/ ... nt_formats.
Christoph M. Becker – Plugins for CMSimple_XH

fesselix
Posts: 30
Joined: Tue Dec 22, 2009 2:00 pm
Location: Germany

Re: New Responsive Template - JekyllAndHyde

Post by fesselix » Sun Feb 18, 2018 10:33 pm

Hallo,
Danke für die Antworten. Ich bin der gleichen Meinung, es sollten nur im Template definierte Klassen ausgewählt werden dürfen. Wie kann ich das umsetzen, dass über den Editor nur diese Klassen ausgewählt werden können? Z. B. für Absatz, für eingefügte Bilder usw.

Grüße
Thomas

manu
Posts: 1086
Joined: Wed Jun 04, 2008 12:05 pm
Location: St. Gallen - Schweiz
Contact:

Re: New Responsive Template - JekyllAndHyde

Post by manu » Mon Feb 19, 2018 8:40 am

Im tinymce init_*.js mittels content_style, wobei da die Elemente und deren Klassen explizit deklariert werden müssen (span.warning). Und/oder via style_formats, wo Du explizit die Formate definierst, die Du in der Auswahl haben willst.

johnjdoe
Posts: 571
Joined: Tue May 20, 2008 6:32 am

Re: New Responsive Template - JekyllAndHyde

Post by johnjdoe » Fri Apr 20, 2018 5:27 am

Bevor mich jemand in Stücke reißt: Nein, ich habe das Template noch nicht heruntergeladen und reingeschaut. Ich mache es mir heute ganz einfach und frage! ;) :lol: :lol:

Kann man bei dem Template den kleinen gelben "Kasten" mit dem "CMS" drin und der beim Start nach links abwandert eigentlich auch ein kleines Logo hinmachen, das den Effekt hat?

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

Re: New Responsive Template - JekyllAndHyde

Post by frase » Fri Apr 20, 2018 6:50 am

Kann man bei dem Template den kleinen gelben "Kasten" mit dem "CMS" drin und der beim Start nach links abwandert eigentlich auch ein kleines Logo hinmachen, das den Effekt hat?
Frage:
viewtopic.php?f=13&t=13198#p63922
Antwort:
viewtopic.php?f=13&t=13198#p63925
;-)

Aber nochmal konkreter:
- Das Logo (logo.png) in den Template-Images-Ordner legen.
- Dann im Ordner Languages im Templateordner die entsprechende Sprachdatei öffnen (z.B. de.php)
- Dort dann:

Code: Select all

$tpl_tx['sitename_logobox']="<img src='" . $pth['folder']['templateimages'] . "logo.png' alt='Logo'>";
Anschließend in startpage.css und/oder in stylesheet.css "lck_logo" stylen.

johnjdoe
Posts: 571
Joined: Tue May 20, 2008 6:32 am

Re: New Responsive Template - JekyllAndHyde

Post by johnjdoe » Fri Apr 20, 2018 7:22 am

Merci! :) :)

bca
Posts: 293
Joined: Tue Sep 15, 2009 4:49 pm

Re: New Responsive Template - JekyllAndHyde

Post by bca » Thu Jun 28, 2018 11:51 am

Hi
Just trying out this template.
When you have a menu level 2 item in the menu I'd like it to be so that when you hover over the menu item the dropdown occurs rather than just hovering over the icon. I dont want users to click on the menu heading because the page is blank and all they will get is a page with the submenu on. I dont want this.

I have managed to do it in the compiled page but this is where my php knowledge fails me in editing the function renderMenuItem($i) in th template.

I hope that's clear :lol:

b

lck
Posts: 2963
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: New Responsive Template - JekyllAndHyde

Post by lck » Thu Jun 28, 2018 3:21 pm

bca wrote:
Thu Jun 28, 2018 11:51 am
I have managed to do it in the compiled page but this is where my php knowledge fails me in editing the function renderMenuItem($i) in th template.
My knowledge too :?
The code is from Holger, maybe he or Christoph has some time left and can help us with that. Here was addressed by Holger exactly this topic, If I understood you correctly.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: New Responsive Template - JekyllAndHyde

Post by cmb » Thu Jun 28, 2018 5:16 pm

For a start, try the following variation:

Code: Select all

    function renderMenuItem($i)
    {
        global $h;

        //Wenn Kind-Elemente vorhanden sind
        if ($this->hasChildren($i)) 
            {
                $t = $h[$this->ta[$i]];
                //Link in <span> einschliessen
                $t = '<span class="ddm_link">' . $t . '</span>';
                //Hamburger-Symbol fuer Touch-Geraete anhaengen
                $t .= '<span class="ddm_opener"><a href="#" onclick="return false;">&#8801;</a></span>';
            } else {
                //Alle Eintraege klickbar lassen
                $t = $this->renderAnchorStartTag($i) . $h[$this->ta[$i]] . '</a>';
            }
        return $t;
    }
Probably not quite the desired solution, but maybe a step in the right direction.
Last edited by cmb on Sat Jun 30, 2018 1:06 pm, edited 1 time in total.
Reason: Fixed code snippet
Christoph M. Becker – Plugins for CMSimple_XH

Post Reply