Seite 1 von 1

Themensymbole mit Titel?

Verfasst: 28.10.2014 21:04
von Maugrim
Hallo

Gibt es eine Möglichkeit den Themensymbolen, welche man beim Verfassen sieht, irgendwie einen Titel zu verpassen, so dass man, wenn man die Maus drüberhält, sieht, wofür dieses Themensymbol steht?

LG

Re: Themensymbole mit Titel?

Verfasst: 28.10.2014 22:10
von Crizzo
Hi,

das geht. Du musst an dieser Stelle:
\phpBB3\styles\prosilver\template\viewtopic_body.html

Code: Alles auswählen

<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
			
Bei dem <img>-Element ein title=""-Attritbut ergänzen und das eben mit den Namen füttern. Da müsstest du dann allerdings noch irgendwie einen Namen ergänzen. In der "viewtopic.php" oder wo sonst noch was ergänzt werden soll.

Grüße

Re: Themensymbole mit Titel?

Verfasst: 31.10.2014 12:58
von HabNurNeFrage
Hi @Maugrim,

hier zunächst mal eine Möglichkeit, Title-Tag-Attribute beim Verfassen in prosilver zu definieren:

1) Öffnen: ./styles/prosilver/template/posting_editor.html

a) Finden

Code: Alles auswählen

<!-- IF S_SHOW_TOPIC_ICONS or S_SHOW_PM_ICONS -->
    <dl>
        <dt><label for="icon">{L_ICON}:</label></dt>
        <dd>
            <label for="icon"><input type="radio" name="icon" id="icon" value="0" checked="checked" tabindex="1" /> <!-- IF S_SHOW_TOPIC_ICONS -->{L_NO_TOPIC_ICON}<!-- ELSE -->{L_NO_PM_ICON}<!-- ENDIF --></label>
            <!-- BEGIN topic_icon --><label for="icon-{topic_icon.ICON_ID}"><input type="radio" name="icon" id="icon-{topic_icon.ICON_ID}" value="{topic_icon.ICON_ID}" {topic_icon.S_ICON_CHECKED} tabindex="1" /><img src="{topic_icon.ICON_IMG}" width="{topic_icon.ICON_WIDTH}" height="{topic_icon.ICON_HEIGHT}" alt="" title="" /></label> <!-- END topic_icon -->
        </dd>
    </dl>
    <!-- ENDIF -->
Ersetzen durch

Code: Alles auswählen

<!-- IF S_SHOW_TOPIC_ICONS or S_SHOW_PM_ICONS -->
    <dl>
        <dt><label for="icon">{L_ICON}:</label></dt>
        <dd>
            <label for="icon"><input type="radio" name="icon" id="icon" value="0" checked="checked" tabindex="1" onclick="display_chosen_icon(this.id)" /> <!-- IF S_SHOW_TOPIC_ICONS --><span id="no_icon_selected">{L_NO_TOPIC_ICON}</span><!-- ELSE --><span id="no_icon_selected">{L_NO_PM_ICON}</span><!-- ENDIF --></label>
            <!-- BEGIN topic_icon --><label for="icon-{topic_icon.ICON_ID}"><input style="visibility:hidden;" type="radio" name="icon" id="icon-{topic_icon.ICON_ID}" value="{topic_icon.ICON_ID}" {topic_icon.S_ICON_CHECKED} tabindex="1" /><img src="{topic_icon.ICON_IMG}" width="{topic_icon.ICON_WIDTH}" height="{topic_icon.ICON_HEIGHT}" alt="" style="cursor:pointer;" onclick="display_chosen_icon(this.src,this.title)" /></label> <!-- END topic_icon -->

            <script type="text/javascript">
            //<![CDATA[
            document.getElementById('icon').setAttribute('title', '{L_NO_ICON_SELECTED_TITLE}');
            document.getElementById('no_icon_selected').setAttribute('title', '{L_NO_ICON_SELECTED_TITLE}');
            document.getElementById('icon-1').nextSibling.setAttribute('title', '{L_ICON_FIRE_TITLE}');
            document.getElementById('icon-5').nextSibling.setAttribute('title', '{L_ICON_STAR_TITLE}');
            document.getElementById('icon-6').nextSibling.setAttribute('title', '{L_ICON_RADIOACTIVE_TITLE}');
            document.getElementById('icon-4').nextSibling.setAttribute('title', '{L_ICON_HEART_TITLE}');
            document.getElementById('icon-7').nextSibling.setAttribute('title', '{L_ICON_THINKING_TITLE}');
            document.getElementById('icon-9').nextSibling.setAttribute('title', '{L_ICON_QUESTION_TITLE}');
            document.getElementById('icon-10').nextSibling.setAttribute('title', '{L_ICON_ALERT_TITLE}');
            document.getElementById('icon-8').nextSibling.setAttribute('title', '{L_ICON_INFO_TITLE}');
            document.getElementById('icon-2').nextSibling.setAttribute('title', '{L_ICON_REDFACE_TITLE}');
            document.getElementById('icon-3').nextSibling.setAttribute('title', '{L_ICON_MRGREEN_TITLE}');

            function display_chosen_icon(x,y) {
                if (x === 'icon') { document.getElementById('post_icon_result_span').innerHTML = '' }
                else { document.getElementById('post_icon_result_span').innerHTML = '<img src="' + x + '" alt="*" title="' + y + '" \/>' }
            }
            //]]>
            </script>

        </dd>
    </dl>
    <!-- ENDIF -->
b) Finden

Code: Alles auswählen

<dd><input type="text" name="subject" id="subject" size="45" maxlength="<!-- IF S_NEW_MESSAGE -->60<!-- ELSE -->64<!-- ENDIF -->" tabindex="2" value="{SUBJECT}{DRAFT_SUBJECT}" class="inputbox autowidth" /></dd>
Ersetzen durch

Code: Alles auswählen

<dd>
    <!-- IF S_SHOW_TOPIC_ICONS or S_SHOW_PM_ICONS -->
        <span id="post_icon_result_span" style="height:20px;vertical-align:bottom;width:24px;display:inline-block;">&nbsp;</span>
    <!-- ENDIF -->
    <input type="text" name="subject" id="subject" size="45" maxlength="<!-- IF S_NEW_MESSAGE -->60<!-- ELSE -->64<!-- ENDIF -->" tabindex="2" value="{SUBJECT}{DRAFT_SUBJECT}" class="inputbox autowidth"<!-- IF S_SHOW_TOPIC_ICONS or S_SHOW_PM_ICONS --> style="position:absolute;margin-top:-2px;"<!-- ENDIF --> />
</dd>
2) Öffnen: ./language/de/common.php

Finden

Code: Alles auswählen

'TOPIC'                => 'Thema',
DAVOR einfügen

Code: Alles auswählen

 
// TOPIC AND PM ICON TITLE TAGS
    'NO_ICON_SELECTED_TITLE'    => 'Dem Thema oder dem Beitrag bzw. der PN wird kein Icon hinzugefügt',
    'ICON_FIRE_TITLE'            => 'Feuer Icon ToolTip InfoText',
    'ICON_STAR_TITLE'            => 'Stern Icon ToolTip InfoText',
    'ICON_RADIOACTIVE_TITLE'    => 'Radioaktiv Icon ToolTip InfoText',
    'ICON_HEART_TITLE'            => 'Herz Icon ToolTip InfoText',
    'ICON_THINKING_TITLE'         => 'Denkblase Icon ToolTip InfoText',
    'ICON_QUESTION_TITLE'        => 'Fragezeichen Icon ToolTip InfoText',
    'ICON_ALERT_TITLE'            => 'Achtung Icon ToolTip InfoText',
    'ICON_INFO_TITLE'            => 'Info Icon ToolTip InfoText',
    'ICON_REDFACE_TITLE'        => 'Oops Smiley Icon ToolTip InfoText',
    'ICON_MRGREEN_TITLE'        => 'Green Smiley Icon ToolTip InfoText',
// TOPIC AND PM ICON TITLE TAGS
Darin die Texte für die ToolTip-Anzeige beim Hovern nach eigenen Vorstellungen eintragen.
Speichern von Sprach-Dateien immer UTF8 ohne BOM.
Ggf. für alle genutzten Sprachen neben de (z.B. de_x_sie oder/und en)auch in den entsprechenden Ordnern wiederholen.

Template aktualisieren - fertig. Nun werden beim Verfassen die die Title-ToolTips angezeigt.
Kleines Style-Goodie: Die Radio-Buttons sind nach dem Einbau nicht mehr zu sehen und das gewählte ICON wird vor dem Betreff angezeigt.

Erfolgreich getestet in 3.0.12 prosilver => ScreenShot

LG

PS: Sollten noch ToolTips in den Ansichten viewforum und viewtopic gewünscht sein, habe ich dafür auch eine Möglichkeit.
Allerdings sind dann einige PHP-Core-Code-Changes notwendig.

Re: Themensymbole mit Titel?

Verfasst: 30.11.2014 19:59
von Maugrim
Hey Danke!

Super :)