Üye Gurupları ( Kutucuk Şeklinde)

#1 25 November 2008, 11:10

Fare imlecini kutucuklara tuttuğunuzda, hemen yanda üye gurubunu yazar. Online üyelerin hemen altında çıkar. Kendi Forumunuza göre Edit yapabiLirsiniz .. $ahsen Ben kendi Forumuma göre editLedim .. Örnek oLarak da Asagida göstericem.

index.template.php de

Bul

Kod:

</head>
<body>;

Üstüne Ekle

Kod:

script type="text/javascript">
            //<![CDATA[
            var legendtext = [];
            legendtext[0] = \'Members\';
            legendtext[1] = \'<span style="font-weight: bold;">1000 Poster Club</span>\';
            legendtext[2] = \'<span style="font-weight: bold; color: #ff0000;">Vip</span>\';
            legendtext[3] = \'<span style="font-weight: bold; color: #008000;">Moderator</span>\';
            legendtext[4] = \'<span style="font-weight: bold; color: #ffa500;">Super Moderator</span>\';
            legendtext[5] = \'<span style="font-weight: bold; color: #9999DD;">Community Administrator</span>\';
            legendtext[6] = \'<span style="font-weight: bold; color: #2b65ec;">Administrator</span>\';
            function updateLegend(i) {
                document.getElementById("memberlegend").innerHTML = legendtext[i];
            }
            function clearLegend() {
                document.getElementById("memberlegend").innerHTML = "";
            }
            //]]>
        </script>

BoardIndex.template.php de

Bul

Kod:

// Assuming there ARE users online... each user in users_online has an id, username, name, group, href, and link.
if (!empty($context['users_online']))
echo '
', $txt[140], ':<br />', implode(', ', $context['list_users_online']);

Altina Ekle

Kod:

 
 '

<div style="float:left;"<br><b><br>GORSELSANATLAR.ORG UYE GURUPLARI&nbsp&nbsp&nbsp&nbsp&nbsp</div><br>

                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(0)" 

onMouseOut="clearLegend()">
                        <div class="tborder" style="height:8px;width:30px;background:#999999;"></div>
                    </div>
                    <div style="float:left;">&nbsp;</div>
                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(1)" 

onMouseOut="clearLegend()">
                        <div class="tborder" style="height:8px;width:30px;background:#999999;"></div>
                    </div>
                    <div style="float:left;">&nbsp;</div>
                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(2)" 

onMouseOut="clearLegend()">

                        <div class="tborder" style="height:8px;width:30px;background:#ff0000;"></div>
                    </div>
                    <div style="float:left;">&nbsp;</div>
                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(3)" 

onMouseOut="clearLegend()">
                        <div class="tborder" style="height:8px;width:30px;background:#008000;"></div>
                    </div>
                                       <div style="float:left;">&nbsp;</div>
                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(4)" 

onMouseOut="clearLegend()">
                        <div class="tborder" style="height:8px;width:30px;background:#ffa500;"></div>
                    </div>

                    <div style="float:left;">&nbsp;</div>
                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(5)" 

onMouseOut="clearLegend()">
                        <div class="tborder" style="height:8px;width:30px;background:#9999DD;"></div>
                    </div>
                    <div style="float:left;">&nbsp;</div>
                    <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(6)" 

onMouseOut="clearLegend()">
                        <div class="tborder" style="height:8px;width:30px;background:#2b65ec;"></div>
                    </div>
                    <div style="float:left;width:10px;height:1px;">&nbsp;</div>
                    <div style="float:left;" id="memberlegend"></div>';

Görünüm;