Fragen und Antworten » Schriftarten Vorschau in der Iconbar mobil anzeigen

09.10.2017 18:51

Yusuki
#1 Schriftarten Vorschau in der Iconbar mobil anzeigen

Hallo zusammen. :)
Wir haben ein kleines Problem mit unserer Iconbar im Forum. Hier im Forum haben wir schon einen Beitrag gefunden, wie es möglich ist, eine Vorschau für die Schriftarten in der Iconbar anzuzeigen und das funktioniert auch wunderbar.

Nun gibt es jedoch das Problem, dass diese Vorschau nur über PC richtig angezeigt wird.

Über ein Mobilgerät sieht das Ganze aber leider immer noch so aus:

http://i.imgur.com/dQoJpIY.jpg

Meine Frage nun: Ist es irgendwie möglich, dass die Vorschau auch auf mobilen Geräten so dargestellt wird, wie auf dem PC?

Liebe Grüße
Yusuki

Antworten

Beitrag melden

#2

11.10.2017 11:04

Sami
#2 RE: Schriftarten Vorschau in der Iconbar mobil anzeigen

Sami

Hallo Yusuki,
welchen Code hattest du hierfür in der Iconbar verwendet? Derzeit scheint die Vorschau generell nicht mehr zu funktionieren.

Schöne Grüße,
Sami

Support · Xobor.de · Miranus GmbH · Wir helfen gerne - Unterstütze Xobor durch die Buchung eines Premium Tarifs.

Antworten

Beitrag melden

#3

11.10.2017 20:59

Yusuki
#3 RE: Schriftarten Vorschau in der Iconbar mobil anzeigen

Yusuki

Guten Abend,
wir haben diesen Code für die Vorschau genutzt:

1
2
3
4
5
6
 
HTML-Baustein bearbeiten:
 
<select name="fontsize" size="1" style="background-color:"#FFFFFF" Font-color:"#000000" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftart</option> 
&nbsp;
<option class="font_allura" value="[style=font-family:Allura;]" title="Allura"<span style="font-family: Allura; font-size: 46px">Allura</option>
 

Zu sehen ist das Ganze noch in unserem Testforum. Im richtigen Forum hatten wir es noch nicht eingebaut, da es erst einmal richtig funktionieren sollte.

Testforum

Antworten

Beitrag melden

#4

13.10.2017 12:07 (zuletzt bearbeitet: 13.10.2017 12:11)

Sami
#4 RE: Schriftarten Vorschau in der Iconbar mobil anzeigen

Sami

Soo hier hätten wir mal eine Möglichkeit wie man das umgeht - ist allerdings etwas umständlich:

HTML für die Iconbar:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div class="integrations" id="fontwrap">
<strong><small><a href="#" id="fontpullout">Schriftarten <img src="https://img.homepagemodules.de/ds/cached/svg-object_navsub-color1_5a7382-color2_5a7382-color3_FFF.png" /></a></small></strong>
<div  id="fontlist">
 
<a href="#" onclick=" xob_insert('[style=font-family: Allura;]','[/style]'); this.form.fontsize.options[0].selected = true;">
<span style="font-family: Allura; font-size:20px;">Allura</span>
</a>
 
</div>
</div>
 
<script>
$('#fontpullout').click(function(event) {
event.preventDefault();
$('#fontlist').toggle();
$('#fontlist').css('top', $('#fontwrap').outerHeight()+2+'px');
return false;
});
</script>
 

Ein CSS-Code sollte man noch einfügen (Admin > Layout > Farben & Einstellungen > CSS):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 

#fontlist {
    position: absolute;
    z-index: 40;
    background: #ffffff;
    -moz-box-shadow: 0px 4px 4px #999999;
    -webkit-box-shadow: 0px 4px 4px #999999;
    box-shadow: 0px 4px 4px #999999;
}
 
.integrations #fontlist a {
    display: block;
    padding: 3px 10px;
}
 