Anleitung > Spezial-Schriftarten

[4seven]

___________________________________________
________________________________________________
________________________________________________________

Anleitung für das Einpflegen von Spezial-Schriftarten in die BBCodeBox3

1.
Ladet euch das aktuelle sIFR-Realease von der Page mikeindustries.com/sifr herunter

2.
Erstellt einen Ordner im Hauptverzeichnis (root) eures Forums namens sifr

3.
Ladet aus dem Paket folgende Dateien in den soeben erstellten Ordner:
sifr.js
sifr-addons.js
sifr-print.css
sifr-screen.css (Wird gleich noch präpariert)
tradegothic.swf (Schriftart zum testen. Im Paket enthalten)


4.
Öffnet

styles/xxxxx/template/overall_header.html

Findet (in prosilver)

Code: Select all

<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

Findet (in subsilver2)

Code: Select all

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

Dahinter fügt ein

Code: Select all

<!-- sIFR -->
<link rel="stylesheet" href="sifr/sifr-screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="sifr/sifr-print.css" type="text/css" media="print" />
<script src="sifr/sifr.js" type="text/javascript"></script>
<script src="sifr/sifr-addons.js" type="text/javascript"></script>
<!-- // sIFR -->

Öffnet

styles/xxxxx/template/overall_footer.html

Findet (gilt für beide Styles)

Code: Select all

</body>
</html>

Fügt davor ein

Code: Select all

<!-- sIFR -->
<script type="text/javascript">
if(typeof sIFR == "function"){
    sIFR.replaceElement(".tradegothic", named({sFlashSrc: "sifr/tradegothic.swf", sWmode: "transparent"}));
};
</script>
<!-- // sIFR -->

5.
Öffnet

sifr-screen.css

Findet

Code: Select all

.sIFR-hasFlash h1 {
   visibility: hidden;
}

.sIFR-hasFlash h2 {
   visibility: hidden;
   letter-spacing: -9px;
   font-size: 55px;
}

.sIFR-hasFlash h3 {
   visibility: hidden;
   letter-spacing: -6px;
   font-size: 25px;
}

.sIFR-hasFlash h4 {
   visibility: hidden;
   letter-spacing: -5px;
   font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
   letter-spacing: -4px;
   visibility: hidden;
   font-size: 24px;
}

Ersetzt mit

Code: Select all

.sIFR-hasFlash tradegothic {
visibility: hidden;
}

und ladet die Datei in den ordner sifr

6.
Öffnet

styles/xxxxxx/template/posting_buttons.html

Findet (gilt für beide Styles)

Code: Select all

ft: '{LA_BBCODE_FT_HELP}',

Dahinter fügt ein

Code: Select all

 fts: '{LA_BBCODE_fts_HELP}',

Findet (gilt für beide Styles)

Code: Select all

<span class="genmed nowrap"><select style="height:22px; background-color:#BDDAF3" class="gensmall" name="addbbcode77" onchange="bbfontstyle('[font=' + this.form.addbbcode77.options[this.form.addbbcode77.selectedIndex].value + ']', '[/font]');this.form.addbbcode77.selectedIndex = 0;" onmouseover="helpline('ft');" onmouseout="helpline('tip');">
            <option selected="selected" value="">{L_FONT_TYPE}</option>
            <option style="font-family: Arial" value="Arial">Arial</option>
            <option style="font-family: Arial Black" value="Arial Black">Arial Black</option>
         <option style="font-family: Century Gothic" value="Century Gothic">Century Gothic</option>
            <option style="font-family: Comic Sans MS" value="Comic Sans MS">Comic Sans MS</option>
            <option style="font-family: Georgia" value="Georgia">Georgia</option>
            <option style="font-family: Verdana" value="Verdana">Verdana</option>
            <option style="font-family: Courier New" value="Courier New">Courier New</option>
            <option style="font-family: Times New Roman" value="Times New Roman">Times New Roman</option>
            <option style="font-family: Trebuchet MS" value="Trebuchet MS">Trebuchet MS</option>
            <option style="font-family: Impact" value="Impact">Impact</option>
            </select></span>

Dahinter fügt ein

Code: Select all

<span class="genmed nowrap"><select style="height:22px; background-color:#BDDAF3" class="gensmall" name="addbbcode81" onchange="bbfontstyle('[font-special=' + this.form.addbbcode81.options[this.form.addbbcode81.selectedIndex].value + ']', '[/font-special]');this.form.addbbcode81.selectedIndex = 0;" onmouseover="helpline('fts');" onmouseout="helpline('tip');">
<option selected="selected" value="">{L_SPECIAL_FONT_TYPE}</option>
<option value="tradegothic">Trade Gothic</option>
<option value="nocheineschriftart1">Noch Eine 1</option>
<option value="nocheineschriftart2">Noch Eine 2</option>
</select></span>

7.
Öffnet

language/de/mods/lang_bbcodebox3.php

Findet

Code: Select all

    'BBCODE_mail_HELP'           => 'Mailadresse einfügen [mail=mailadresse]Text[/url]',

Dahinter fügt ein

Code: Select all

   
'BBCODE_fts_HELP'            => 'Schriftart Spezial: [font-special=tradegothic]Text[/font-special]',
'SPECIAL_FONT_TYPE'          => 'Schriftart Spezial',

8.

Dann geht ihr in das ACP > Beiträge > BBCodes und gebt folgenden BBCode ein:

BBCode-Benutzung

Code: Select all

[font-special={TEXT1}]{TEXT2}[/font-special]

HTML-Ersetzung

Code: Select all

<span class="{TEXT1}">{TEXT2}</span>

Tipp-Anzeige

Code: Select all

Nein

Beim Verfassen eines Beitrags anzeigen

Code: Select all

Nein

___________________________________________
________________________________________________
________________________________________________________

Um eine eigene Schriftart-Flash-Datei (nocheineschriftart1.swf) zu generieren braucht ihr Flash ab 2004 MX

Dazu ladet ihr die im Paket enthaltene sifr.fla ins Flash, klickt auf die einzige Szene in der Bühne, geht unter Einstellungen und wählt eure Schriftart. Dann geht ihr unter > Film exportieren > speichert als nocheineschriftart1.swf und fügt diese Schriftart-Flash-Datei nach obigem Beispiel hinzu (in die sifr-screen.css, die styles/xxxxx/template/overall_footer.html und in das Auswahlmenü der styles/xxxxxx/template/posting_buttons.html :wink:

-Das wars

Weitere Tips hier

lg
4seven