forum.mozilo.de das Supportforummozilo Forum
Willkommen Gast. Bitte einloggen oder registrieren. Haben Sie Ihre Aktivierungs E-Mail übersehen?

Einloggen mit Benutzername, Passwort und Sitzungslänge

Autor Thema: Beispiele für benutzerdefinierte Syntaxelemente  (Gelesen 17773 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

 

Offline azett

  • Coder
  • Mitglied
  • ****
  • Beiträge: 2388
  • mozilo-Coder a.D.
    • Profil anzeigen
    • arvidzimmermann.de
Beispiele für benutzerdefinierte Syntaxelemente
« am: 21. März 2009, 22:11:50 »
Seit Version 1.9 von moziloCMS kann man die Syntax um eigene Elemente erweitern. Hier als Anregung drei Beispiele, wie man dieses Feature einsetzen kann - es sind natürlich unzählige andere Möglichkeiten denkbar.

----------------------------------------------
Beispiel 1: Zeilenumbruch, der das Umfließen beendet

Nach rechts- oder linksausgerichteten Bildern soll an festgelegter Stelle ein sauberer Umbruch erfolgen (Details bei css4you.de).

Screenshot:



So sähe der HTML-Code aus:
<br style="clear:both;" />
Statt jetzt für jeden Link einzeln den HTML-Code in ein "html"-Tag zu setzen, kann man bequem ein Syntaxelement "br" definieren:
br = <br style="clear:both;" />
In der Inhaltsseite muß dann nur noch das eben definierte Syntaxelemente "br" notiert werden. Es braucht keinen Wert, kann also "leer" eingefügt werden.
[bildrechts|mozilo.jpg]Lorem ipsum dolor sit amet, ... in nunc scelerisque pretium.[br|]
Vivamus elit. Aenean ...

----------------------------------------------
Beispiel 2: Inhaltsbezogene Links

Unter einem Textabschnitt oder Absatz soll ein weiterführender Link erscheinen, rechts ausgerichtet und von zwei Pipes ("|") umrahmt. Für die Textausrichtung wird eine eigene CSS-Klasse in css/style.css definiert.

Screenshot:



HTML-Code dazu:
<div class="inhaltslink">| ...der Link... |</div>
Die erwähnte CSS-Definition in css/style.css:
div.inhaltslink {
text-align:right;
}
Auch hier lohnt sich die Definition eines eigenen Syntaxelements, es soll "inhaltslink" heißen. Dabei ist zu beachten, daß dieses Element nicht leer ist, sondern einen Inhaltswert (nämlich den eigentlichen Link) hat - dargestellt durch den Platzhalter "{VALUE}".
Definition des Syntaxelements in der moziloCMS-Konfiguration:
inhaltslink = <div class="inhaltslink">| {VALUE} |</div>
In der Inhaltsseite muß dann nur noch das eben definierte Syntaxelement "inhaltsseite" notiert werden. Als Attribut bekommt es beispielsweise einen Link auf eine externe Adresse - natürlich kann man stattdessen auch beliebigen anderen Inhalt einfügen.
...at nibh. Donec posuere semper tellus. Nullam nisl.
[inhaltslink|[link|http://cms.mozilo.de]]

Phasellus vel dolor. Sed ...

----------------------------------------------
Beispiel 3: Grüne Newsbox, rechts ausgerichtet

Als sogenannte "Eyecatcher" sollen grüne Newsboxen die Website schmücken.
Für Breite, Ausrichtung, Rahmen, Farben und Abstände der Box wird eine eigene CSS-Klasse in css/style.css definiert.

Screenshot:



HTML-Code:
<div class="newsbox"> ...Inhalt der Newsbox... </div>
CSS-Definition in css/style.css:
div.newsbox {
width:200px;
float:right;
border:2px solid #009900;
padding:5px;
margin:5px 10px;
color:#009900;
background-color:#DDFFDD;
}
Auch hier lohnt sich die Definition eines eigenen Syntaxelements, es soll "newsbox" heißen. Auch dieses Element hat einen Inhaltswert und verwendet deswegen in der Definition den Platzhalter "{VALUE}".
Definition des Syntaxelements in der moziloCMS-Konfiguration:
newsbox = <div class="newsbox">{VALUE}</div>
Um das eben definierte Syntaxelement "newsbox" mit interessanten Neuigkeiten in eine Inhaltsseite einzufügen, notiert man das Ganze wie folgt.
[ueber1|Willkommen]
[newsbox|
[ueber2|WICHTIG]
Tolle Neuigkeiten, gern auch versehen mit einem [link=Link|http://cms.mozilo.de].
[ueber2|AUCH WICHTIG]
Noch mehr tolle Neuigkeiten, noch ein [link=Link|http://cms.mozilo.de].
]
Lorem ipsum dolor ...
« Letzte Änderung: 26. Januar 2013, 15:45:16 von hausl78 »
 

 

Offline mhsob

  • Mitglied
  • *
  • Beiträge: 50
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #1 am: 29. März 2010, 00:17:46 »
Hi!

Ich habe heute den Zeilenumbruch, der das Umfließen beendet, ausprobiert. Prinzipiell funktioniert er, nur hatte ich das Problem, dass der nachfolgende Text, wenn ich gleich oben auf der Seite z.B. [bildlinks|...] mit etwas umfließenden Text und dann [br|] verwendet habe,  erst unter dem Ende des Hauptmenüs auf der linken Seite fortgesetzt wurde.
Aufgetreten ist das beim Template MoziloCMS 2009.
Eigentlich sollte sich der style="clear:both;" auf die div "content" beziehen und keine Rücksicht auf div "sidebar-a" oder gar "containerboth" nehmen.
Wie kann ich das umgehen?

Grüße
Manfred
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline mhsob

  • Mitglied
  • *
  • Beiträge: 50
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #2 am: 29. März 2010, 23:49:36 »
Kanns mir heute selbst beantworten.

Problem ist das clear:BOTH.

Einfache Lösung: zwei Syntaxelemente definieren

nofloat_rechts = <div style="clear:right;"></div>
nofloat_links = <div style="clear:left;"></div>

Dann
[bildrechts|xxx.jpg]Blablablabla blabla...[nofloat_rechts|]
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline azett

  • Coder
  • Mitglied
  • ****
  • Beiträge: 2388
  • mozilo-Coder a.D.
    • Profil anzeigen
    • arvidzimmermann.de
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #3 am: 31. März 2010, 15:58:34 »
Wunderbar :)
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline risaer

  • Mitglied
  • *
  • Beiträge: 5
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #4 am: 11. März 2011, 16:58:19 »
Im Frontent nicht sichtbare Kommentare einfügen:

syntax.conf:
kommentar = 

in Backend-Inhaltsseite:
Unser Herbstangebot
Knackfrisches Buntobst

[kommentar|
Unser Winterangebot
Knackige Eismöhren - zum Selbstpflücken
]


ergibt dann halt in html (in etwa):
<br />
Unser Herbstangebot<br />
Knackfrisches Buntobst<br />
<br />
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline _ric_

  • Mitglied
  • *
  • Beiträge: 126
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #5 am: 11. März 2011, 17:34:40 »
Zitat von: "mhsob"
... Einfache Lösung: zwei Syntaxelemente definieren
nofloat_rechts = <div style="clear:right;"></div>
nofloat_links = <div style="clear:left;"></div>
Ja, damit ist das Problem für  Bilder gelöst die sich auf der gegenüberliegenden Seite einer eventuell vorhandenen Sidebar (mit z.B. einem Detailmenue) befinden.
So bald du aber ein Bild auf der selben Seite wie die Sidebar platzierst und von Text umfließen lässt und das dann mit dieser Methode beenden möchtest, wird sich der nachfolgende Content wieder unterhalb der Sidebar befinden.
Leider kann ich dir dafür keine Lösung bieten.

VG,
_ric_
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline Rainer

  • Administrator
  • Mitglied
  • *****
  • Beiträge: 602
    • Profil anzeigen
    • Rainer Momann Fotografien
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #6 am: 13. März 2011, 11:21:00 »
Echt "Genial", habe mir die Tage schon überlegt wie ich es hinbekomme hin und wieder eine Schrift mit Schatten zu versehen: jetzt muss ich's nur noch mit einer Syntax umsetzen  :D
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
moziloCMS über Facebook bekannt machen
•• moziloCMS auf GitHub
••• Nichts ist einfacher, als das, was uns fremd ist, zu verachten.
•••• Mein moziloCMS
 

 

Offline Karsten Meyer

  • Mitglied
  • *
  • Beiträge: 83
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #7 am: 24. August 2011, 22:12:22 »
Eine Newsbox mit Überschrift:

So sieht sie aus:
[attachment=0:2kutawie]Newsbox.GIF[/attachment:2kutawie]Das Wort "Aktuell:" ist hier meine Überschrift, sie wird auch übergeben und könnte deshalb jedesmal anders lauten. Natürlich könnte man sie auch fest machen, dann braucht man sie nicht jedesmal eingeben. Dazu einfach {DESCRIPTION} durch das Gewünschte ersetzen.

Die Realisierung geschieht rein mit CSS und ist vollständig skalierbar.

Das benutzerdefinierte Syntaxelement:
newsbox = <div class=nbox><div class="newsheader">{DESCRIPTION}</div><div class="newsbox">{VALUE}</div></div>

Im CSS steht (bitte Farben nach Wunsch ändern - die Farben ganz unten habe ich auskommentiert, damit der Inhalt der Box dem Inhalt der Website entspricht.
div.nbox{
float:right;
width:12.5em;
padding:0;
margin:0 1em 1em 1em;
}

div.newsheader{
height:1.1em;
padding: 1px 1px .2em .2em;
border:1px solid #666666;
margin: 0;
color:white;
background-color:#666666;
font-weight:bold;
}

div.newsbox {
border:1px solid #666666;
padding:.2em;
/* color:blue;
background-color:white; */
}

Im Editor:
[newsbox=Aktuell:|
Sonntag, 11.09.2011:
[fett|Tag des offenen Denkmals!]
Eine schöne Möglichkeit, die alte Fähre zu besichtigen.

Im Oktober:
noch ne Aktion]

Verbesserungen gern gesehen!
(Und warum darf ich im Text keine hor. Linie im Text verwenden?)

Schnönen Gruß,
Karsten
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline bitbuerster

  • Mitglied
  • *
  • Beiträge: 5
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #8 am: 28. Mai 2012, 18:08:04 »
Hat zufälligerweise jemand einen Schnipsel für ein schönes Zitate-Syntaxelement inkl. Autorbenennung?

(Sprich: Zitierter Text soll kursiv stehen, Blocktext, leicht nach rechts eingerückt, mit Ein- und Ausführungsgänsefüßchen, darunter dann rechtsbündig in kleinerer Schrift die Nennung des Autorennamens)

LG
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline djr

  • Mitglied
  • *
  • Beiträge: 366
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #9 am: 28. Mai 2012, 21:49:02 »
@bitbuerster: ...aber nur weil ein blockquote-Element in mozilo gänz­lich fehlt.

blockquote - Zitat Block
[blockquote=Autor|Zitat]
:::entweder:::
Die Syntax:
blockquote = <blockquote><p>&ldquo;{VALUE}&rdquo; <span>{DESCRIPTION}</span></p></blockquote>
zugehöriges CSS:
(kommt in die style.css es Templates)
blockquote {
font-style:italic;
text-align: justify;
margin: 1em 0 1em 30px;
padding:0;
}
blockquote p {
margin:0;
padding: 0;
}
blockquote span {
font-style: normal;
display: block;
font-size: 0.8em;
text-align: right;
}
:::ODER:::
CSS in der Syntax:
blockquote = <blockquote style="font-style:italic; text-align: justify; margin: 1em 0 1em 30px; padding:0;"><p style="margin:0; padding: 0;">&ldquo;{VALUE}&rdquo; <span style="font-style: normal; display: block; font-size: 0.8em; text-align: right;">{DESCRIPTION}</span></p></blockquote>
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 643
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
http:// bei externen Links vorangestellt
« Antwort #10 am: 31. Mai 2012, 12:19:12 »
Hallo zusammen,

für externe Links muss man im moziloCMS via [link|...] ja immer das "http://" mit eintragen für die URL.

Mit folgender benutzerdefinierter Syntax kann man etwas faul sein:

link_ext = <a href="http://{VALUE}" target="_blank">{DESCRIPTION}</a>

In diesem Fall öffnet sich der Link in neuem Tab/Fenster des Browsers. Wenn nicht gewünscht, einfach das
target="_blank"
weglassen. Dann öffnet sich der Link im selben Fenster/Tab.

In der Inhaltsseite wird dann (beispielhaft zu meiner Webseite) folgendes deklariert:

[link_ext=Thorsten seine Webseite|thorstn.com]

Man spart sich also das Hinzufügen von "http://"

Eine detalliertere Beschreibung habe ich auf http://ref.thorstn.com/linksetzung.html veröffentlicht.

Gruß aus Bochum,
Thorsten
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
Die Wahrheit spiegelt sich immer im Gesicht. Aber ohne Gesicht bist du nur ein Wicht.

www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com
 

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 643
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #11 am: 31. Mai 2012, 12:45:11 »
Ähm, mein Beispiel setzt allerdings zwingend voraus, dass eine Beschreibung der URL (zur Not nur die tatsächliche URL wie z.B. "mozilo.de" ) mit angegeben wird. Sonst erscheint nichts auf der Seite, wo der Link sein sollte  ;)
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
Die Wahrheit spiegelt sich immer im Gesicht. Aber ohne Gesicht bist du nur ein Wicht.

www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com
 

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 643
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #12 am: 31. Mai 2012, 12:58:59 »
Schon wieder ich...  :oops:

Wenn man einen externen Link ohne explizite Beschreibung setzen will (und das "http://" vor-eingestellt sein soll), lautet die beutzerdefinierte Syntax z.B.
link_ext = <a href="http://{VALUE}" target="_blank">{VALUE}</a>

In der Inhaltsseite wird folgendes deklariert:

[link_ext|mozilo.de]

Die Ausgabe ist dann: "mozilo.de" inkl. Link natürlich
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
Die Wahrheit spiegelt sich immer im Gesicht. Aber ohne Gesicht bist du nur ein Wicht.

www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com
 

 

Offline djr

  • Mitglied
  • *
  • Beiträge: 366
    • Profil anzeigen
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #13 am: 31. Mai 2012, 18:15:05 »
@Thorstn:
Zitat von: "Thorstn"
ohne explizite Beschreibung
Soll heißen, der title-Tag fehlt!(?)
Zitat von: "Thorstn"
...Sonst erscheint nichts auf der Seite, wo der Link sein sollte
Na dann vllt doch besser den mozilo [link|...]-Tag benutzen und von der Fehlermeldung profitieren, die bei fehlendem "http://" kommt ;)

Aber um dann doch noch alle "Faulen" zu befriedigen:
link-fuer-faule = [link={DESCRIPTION}|http://{VALUE}]
--> das sollte nun alles Abdecken ;)
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
 

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 643
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
Re: Beispiele für benutzerdefinierte Syntaxelemente
« Antwort #14 am: 31. Mai 2012, 20:16:52 »
Zitat von: "djr"
...von der Fehlermeldung profitieren, die bei fehlendem "http://" kommt ;)

Ah, ja, der Klassiker schlechthin. Ich persönlich würde ihn ja vermissen, nur meine Kunden leider nicht  :lol:

Im Ernst, einige meiner Kunden haben ein Problem mit dem "http://" - sie vergessen es schlicht. Deswegen mein Lösungsansatz. Der ist nicht für mich persönlich, ich will das bloß klarstellen! :P
« Letzte Änderung: 01. Januar 1970, 01:00:00 von Guest »
Die Wahrheit spiegelt sich immer im Gesicht. Aber ohne Gesicht bist du nur ein Wicht.

www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com