Fragen und Antworten » Schriften-Button in der Iconbar

10.04.2019 22:26

Gemshorn
#1 Schriften-Button in der Iconbar

Ge

Hallo,

ich würde gern in meiner Iconbar einen einzelnen Button für die Schriftart "Courier New" anbieten, quasi um eine Typewriter-Font für den Fließtext zu haben. Also keine Auswahlliste, sondern wirklich nur einen Button, so wie für B, I und U.

Ich habe leider keine Ahnung, wie ich das anstellen soll...
Weiß jemand von euch, wie das geht?

Danke vorab - und liebe Grüße
Gemshorn

Beste Grüße
Gemshorn

Antworten

Beitrag melden

#2

10.04.2019 22:43

Gemshorn
#2 RE: Schriften-Button in der Iconbar

Ge

Gemshorn

Anmerkung:

Habe es bisher so versucht, dass ich als FOREN-CODE dies einband:

<p style="font-family:Courier New;">

Das funktionierte jedoch nicht befriedigend: Das mit dem Code in "Courier New" dargestellte Wort stand stets in eigener Zeile,

Beste Grüße
Gemshorn

Antworten

Beitrag melden

#3

10.04.2019 23:30

Mike48
#3 RE: Schriften-Button in der Iconbar

Mike48

Statt <p verwende <span

p ist für Absatz

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#4

10.04.2019 23:35 (zuletzt bearbeitet: 10.04.2019 23:38)

Wolfgang
#4 RE: Schriften-Button in der Iconbar

Wolfgang

Oder direkt in der Iconbar über HTML einen Button erzeugen :

1
 
<div onclick="xob_insert('[style=font-family:Courier New;font-size:20px;color:#ee8000]','[/style]')" class="xob_icon_cont" style="font-family:Courier New;color:#000000;" title="Schriftart 'Courier New' einfügen" ><img class="xob_icon" src="//img.homepagemodules.de/ds/static/feedicons/thread.png">Courier New</div>

[style=font-family:Courier New;font-size:20px;color:#ee8000].....[/style]

Auch hier: Schriftart über die Iconbar verändern!

Gruß
Wolfgang

Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Antworten

Beitrag melden

#5

11.04.2019 10:11

Gemshorn
#5 RE: Schriften-Button in der Iconbar

Ge

Gemshorn

Zitat von Mike48 im Beitrag #3
Statt <p verwende <span

p ist für Absatz

Dankeschön, das war es, was ich brauchte.

Danke auch für deinen Vorschlag, Wolfgang!

Beste Grüße
Gemshorn

Antworten

Beitrag melden

#6

11.04.2019 10:52

Ingmar
#6 RE: Schriften-Button in der Iconbar

Ingmar

Ich hätte auch noch einen Vorschlag - bekanntlich führen ja oft viele Wege zum Ziel:

1
2
3
 
ersetze [typewriter] ... [/typewriter]
 
mit <span class="typewriterspan">...</span>
 

So wird eine span mit der Klasse typewriterspan erstellt, die du dann beliebig per CSS-Addon stylen kannst

1
2
3
4
5
 
.typewriterspan {
  font-family:Courier New;
  font-size:20px;
  color:#ee8000
}
 

Ist im Endeffekt erst mal das selbe Ergebnis, aber du bist etwas flexibler und kannst z.B. jederzeit nachträglich alle typewriter-einträge ganz einfach in einer anderen Farbe stylen, die Größe ändern oder auch einen Rahmen darum setzen...

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#7

11.04.2019 11:08

Gemshorn
#7 RE: Schriften-Button in der Iconbar

Ge

Gemshorn

Die font-size habe ich auch im normalen Code untergebracht (Courier New liefert nämlich bei gleicher Punktgröße kleinere Lettern als Verdana...).
Der Code sieht bei mir nun so aus: <span style="font-family:Courier New;font-size:16px">

Auch hier "wirkt" es, wenn ich nachträglich die Größe ändere.

Beste Grüße
Gemshorn

Antworten

Beitrag melden

#8

11.04.2019 11:16

Ingmar
#8 RE: Schriften-Button in der Iconbar

Ingmar

Zitat von Gemshorn im Beitrag #7
Auch hier "wirkt" es, wenn ich nachträglich die Größe ändere.

Das ist klar - nur bei der Variante per CSS kannst du nachträglich jederzeit die Größe aller [typewirter]-Einträge ändern, ohne dafür jeden Beitrag zu bearbeiten ;-)

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH