Diverse Schrifttypen im Content: wie???

Hi,

ich arbeite gerne mit vielen verschiedenen Schriften (letter-spacings, small-caps, line-height etc.). Nachdem ich nur endlich rausgefunden habe, wie ich meine Styles über die EXT einbinde (danke an´s Forum!), fehlt mir immernoch der Teil, wie ich innerhalb eines C-Elements zwischen Schriften bzw. deren Styles hin- und herschalte, ohne im RTE HTML einzugeben, und trotzdem mit styles.content.get für den subpart zu arbeiten.
Habe schon überlegt, für jeden Absatz (Schrift 1, 2, 3) eigene Elemente anzulegen, aber wie kennzeichnen, dass nicht class=bodytext verwendet werden soll?

Ein Beispiel für die verschiedenen Schriften ist http://www.drzycimski.com/index.html - Typo läuft momentan nur local.

Danke,

Jörg

jorgos schrieb

Ein Beispiel für die verschiedenen Schriften ist http://www.drzycimski.com/index.html - Typo läuft momentan nur local.

Bin mir nicht sicher ob ichn Dich verstanden habe, aber warum konfigurierst Du den RTE nicht so, dass man die entsprechenden Schriften dort auswählen kann?

CU
maxhb

ich würde das gleiche wie maxhb vorschlagen!

oder eine andere methode wäre im constant editor folgende bereiche unter BASIC auf deine bedürfnisse anzupassen

title
subtitle
content

das müsste auf jeden fall auch so gehen denk ich 😉

Ich wusste gar nicht, wie viele Buttons man bekommt, wenn man an der TSConfig spielt... die Schriftgrössen / -stile wurde bei mir per Default nicht angezeigt.

Wie bekommt man jetzt verschiedene P-Tags generiert, zB "p class=someName" und "p class=someOther"? Es scheint nur eine Möglichkeit für Paragraph zu geben, ich brauche ca. 5.

Mit den verfügbaren H-Tags würde ich grundsätzlich erstmal auskommen, um alles zu stylen, allerdings sind mir P´s lieber... reine Gewohnheit, HTML zu coden.

Die Variante über die Constants reicht leider nicht an Variationen, 3 Styles sind zu wenig...

Gruss, Jörg

Hallo Jorgos,

ich habe ein ähnliches Problem, hast du dafür eine Lösung gefunden?

Wie bekommt man jetzt verschiedene P-Tags generiert, zB "p class=someName" und "p class=someOther"? Es scheint nur eine Möglichkeit für Paragraph zu geben, ich brauche ca. 5.

Danke & Gruß

Hi!

chukks schrieb

ich habe ein ähnliches Problem, hast du dafür eine Lösung gefunden?

Kleines Beispiel von unserer Website mit 3 Absatzvorlagen. Folgendes in das TSCONFIG der Rootseite eintragen:

RTE.default {
    classesParagraph = teaser,bodyText,code
}
RTE.classes {
    teaser {
      name = Teaser
      value = margin-top: 10px; font-size: 11px; line-height:20px; font:bold; 
    }
    bodyText {
      name = Fliesstext
      value= margin-top: 10px;font-size:11px; line-height: 20px; color: #444444
    }
    code{
      name = Code
      value = padding: 10px; font-size: 10px;  background-color: #eeeeee; border: 1px solid black;
    }
  }

Auf diese Weise bekommst Du die entsprechenden Formatierungen im RTE als Auswahl. Kleiner Haken: Die Stylesheet musst Du einmal wie oben gezeigt einfügen und dann noch mal in der CSS-Datei Deiner Website.

CU
maxhb

Hallo maxhb und danke für deine schnelle Antwort,

mein Problem liegt mehr daran daß ich die Splaten Default und Border verwende und daß für beide der Inhalt mit <p class=bodytext> gerendert wird.
Für die Default Spalte habe ich den css angepasst, damit der bodytext genau aussieht wie ich es haben will.
Das Problem ist, dass diese class auch für die Spalte border verwendet wird!!
Am besten wäre natürlich wenn ich in der Lage wäre eine andere class für den <p> tag zu definieren, damit der content aus der Spalte Border anders formatiert wird.

Danke für deine Hilfe.

Gruß

chukks schrieb

Am besten wäre natürlich wenn ich in der Lage wäre eine andere class für den <p> tag zu definieren, damit der content aus der Spalte Border anders formatiert wird.

Du benötigst keine neue CSS-Klasse für die rechte Spalte, das kannst Du bequem per CSS erreichen (also Dein Template anpassen):

...
<div id="content"><p class="bodytext">Hier ist der Content</p></div>
<div id="rightColumn"><p class="bodytext">Rechte Spalte: Hier sieht es anders aus</p></div>

Dann definierst Du:

#content p.bodytext { font-color: red;}
#rightColumn p.bodytext { font-color: green;}

Fertig!
CU
maxhb

Klasse danke!!
Ist genau was ich erreichen wollte!!

Gruß

Habe ein ähnliches Problem und mal den Code von maxhb in die TSConfig der Root Seite kopiert. Im RTE kriege ich jetzt zwar die drei neuen Stile angezeigt, leider aber nicht in der Website. In der Quelltext-Ansicht im RTE wird ein <DIV class="code">um den Text gelegt, aber in der Website ist dennoch nur der <p class="bodytext"> zu sehen.

In meiner CSS-Datei habe ich eine Klasse .code hinzugefügt, mit der Formatierung, die in der Website sichtbar sein soll.

Habe ich noch was vergessen?
Hier der gesamte Code der jetzt in der TSConfig der Root-Site steht:

RTE.default.proc.dontConvBRtoParagraph = 1
RTE.default.proc.preserveTables=1

RTE.default { 
    classesParagraph = teaser,bodyText,code 
} 
RTE.classes { 
    teaser { 
      name = Teaser 
      value = margin-top: 10px; font-size: 11px; line-height:20px; font:bold; 
    } 
    bodyText { 
      name = Fliesstext 
      value= margin-top: 10px;font-size:11px; line-height: 20px; color: #444444 
    } 
    code{ 
      name = Code 
      value = padding: 10px; font-size: 10px;  background-color: #eeeeee; border: 1px solid black; 
    } 
  }