Schriftarten Vorschau in der Iconbar mobil anzeigen

09.10.2017 18:51
avatar  Yusuki
#1 Schriftarten Vorschau in der Iconbar mobil anzeigen
avatar
Mitglied

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
11.10.2017 11:04
avatar  Sami
#2 RE: Schriftarten Vorschau in der Iconbar mobil anzeigen
avatar
Xobor

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
11.10.2017 20:59
avatar  Yusuki
#3 RE: Schriftarten Vorschau in der Iconbar mobil anzeigen
avatar
Mitglied

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
13.10.2017 12:07 (zuletzt bearbeitet: 13.10.2017 12:11)
avatar  Sami
#4 RE: Schriftarten Vorschau in der Iconbar mobil anzeigen
avatar
Xobor

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;
}
 

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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!