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;"> </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
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.