1. html-Absatz für PHP-Parser-Start anlegen
2. FAQ's wie gewohnt im Plugin festlegen
3. html-Absatz für PHP-Parser-Optionen anlegen:
<?php
if (!function_exists("ob_get_clean")) {
function ob_get_clean() {
$ob_contents = ob_get_contents();
ob_end_clean();
return $ob_contents;
}
}
$content=ob_get_clean();
$content=str_replace('<script>','<script type="text/javascript">',$content);
$content=str_replace('</script><table border="0" cellpadding="0" cellspacing="0"><tr>','</script><div id="faq">',$content);
$content=str_replace('<td><img src="faqbu00000398c003d2035.gif" border="0" alt=""></td>','',$content);
$content=str_replace('<td><a href="#" onclick','<p><a class="faq1" href="#" onclick',$content);
$content=str_replace('</a></td></tr></table>','</a></p>',$content);
$content=str_replace('</p><table border="0" cellpadding="0" cellspacing="0"><tr><p><a class="faq1" ','</p><p><a class="faq1" ',$content);
$content=str_replace('return false;" class="s2d">','return false;">',$content);
$content=str_replace(' </p> <a name="title0337f099e70dcc601"></a> <!-- page -->','</p></div> <a name="title0337f099e70dcc601"></a> <!-- page -->',$content);
echo $content;
?>
Was geht vor sich?
A. Die einleitende Scriptauszeichung wird ergänzt:
B. Das komplette Modul wird als Div-Element ohne Tabelle ausgegeben.
Was ist zu beachten?
Suchen Sie im Quellcode des FAQ-Elements eine eindeutige Passsage und lassen Sie dort via Parser ein Schluss-Tag für das Div-Element anhängen. In meinem Beispiel ist also der folgende Block an Ihre Gegebenheiten anpassen:
$content=str_replace(' </p> <a name="title0337f099e70dcc601"></a> <!-- page -->','</p></div> <a name="title0337f099e70dcc601"></a> <!-- page -->',$content);
Ferner ist ebenfalls die prosaische Grafikbezeichnung an Ihre Gegebenheiten anzupassen. In meinem Beispiel ist das: faqbu00000398c003d2035.gif
4. CSS-Angaben im Stylesheet ergänzen:
/* Formate für FAQ*/
#faq {
clear: both;
position: relative;
margin-left: 0px !important;
width: 450px;
line-height: 180%;
padding-top: 8px;
font-size: 0.9em;
}
#faq a.faq1{
vertical-align: middle;
width: auto;
background-image: url(../images/redlink.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0px 10px 3px 30px;
/* oben, rechts, unten, links */
white-space: nowrap;
color: #000 !important;
}
#faq a.faq1:hover{
background-image: url(../images/yellowlink.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0px 10px 3px 30px;
/* oben, rechts, unten, links */
}
5. Linkgrafiken definieren
Die Grafiken finden ja bereits in der Sitemap Anwendung, falls nicht, suchen Sie sich welche aus dem Plugin-Ordner und definieren Sie sie wie gewohnt in der global.ccml:
<cc:*>Linkgrafiken für Sitemap einfach und FAQ</cc:*>
<cc:picture obj="pic.blue" src="bluearrow.gif" dst="bluelink.gif">
<cc:picture obj="pic.green" src="greenarrow.gif" dst="greenlink.gif">
<cc:picture obj="pic.red" src="redarrow.gif" dst="redlink.gif">
<cc:picture obj="pic.yellow" src="yellowarrow.gif" dst="yellowlink.gif">
Ergebnis s. Grafik 1.
Wer meint, die Realisierung dieses Tipps sei zu aufwendig, kann das FAQ-Plugin immerhin so valide bekommen:
Punkt 1 - 3 wie oben beschrieben mit folgendem Parsercode im 2. html-Absatz:
<?php
if (!function_exists("ob_get_clean")) {
function ob_get_clean() {
$ob_contents = ob_get_contents();
ob_end_clean();
return $ob_contents;
}
}
$content=ob_get_clean();
$content=str_replace('<script>','<script type="text/javascript">',$content);
$content=str_replace('border="0" alt="">','border="0" alt="Pfeil"></img>',$content);
echo $content;
?>
