Page 6 of 12

Re: New Responsive Template - JekyllAndHyde

Posted: Mon Feb 05, 2018 7:11 am
by frase
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>

Re: New Responsive Template - JekyllAndHyde

Posted: Mon Feb 05, 2018 10:05 am
by cmb
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.

Re: New Responsive Template - JekyllAndHyde

Posted: Sun Feb 18, 2018 10:33 pm
by fesselix
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

Re: New Responsive Template - JekyllAndHyde

Posted: Mon Feb 19, 2018 8:40 am
by manu
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.

Re: New Responsive Template - JekyllAndHyde

Posted: Fri Apr 20, 2018 5:27 am
by johnjdoe
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?

Re: New Responsive Template - JekyllAndHyde

Posted: Fri Apr 20, 2018 6:50 am
by frase
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.

Re: New Responsive Template - JekyllAndHyde

Posted: Fri Apr 20, 2018 7:22 am
by johnjdoe
Merci! :) :)

Re: New Responsive Template - JekyllAndHyde

Posted: Thu Jun 28, 2018 11:51 am
by bca
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

Re: New Responsive Template - JekyllAndHyde

Posted: Thu Jun 28, 2018 3:21 pm
by lck
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.

Re: New Responsive Template - JekyllAndHyde

Posted: Thu Jun 28, 2018 5:16 pm
by cmb
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.