Pasul 1: Panoul de Control - Unelte - Manager de fişiere - încărcați aici conținutul dosarului Manager de fișiere.
Pasul 2: Panoul de control - Design - Constructor şablon - adăugaţi codurile din fişierul 1 Constructor şablon şi creaţi şabloane.
Pasul 3: Panoul de control - Design - Administrarea design-ului (CSS) - înlocuiţi stilurile de aici cu cele din fişierul 2 Stilul foii (CSS).
Pasul 4: Panoul de Control - Design - Administrarea design-ului (şabloane) - schimbați codurile paginilor pentru care găsiți fișiere în dosarul Module.
Pasul 5: Panoul de Control - Unelte - Informatori - creați trei informatori cu următoarele setări. Codurile ce le băgați în șabloanele acestora:
În primul:
Code
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" class="video_img"><span class="play_video"></span></a><div class="video_txt">$CATEGORY_NAME$<br><a href="$ENTRY_URL$">$TITLE$</a><br>Vizualizări: $READS$<br> <a href="/load/"><div class="video_kn"></div></a></div>
În al doilea:
Code
<table onmouseover="document.getElementById('1webo4ka').style.display = '';" onmouseout="document.getElementById('1webo4ka').style.display = 'none';" style="width:100%; border-bottom:1px solid #f7f7f7; padding:3px 0 2px 0"><tbody><tr><td><img src="/design/arrow1.png" alt=""> <a title="$REPLIES$ Răspunsuri" href="$THREAD_URL$"><span style="font-size: 11px; color: #1c4679;">$THREAD_TITLE$</span></a> <span style="font-size: 11px; color: rgb(105, 105, 105);"></span></td><td class="right"><span style="font-size: 11px; color: rgb(105, 105, 105);">Răspunsuri:</span> $REPLIES$</td></tr></tbody></table>
În al treilea:
Code
<center><div style="width:85px; margin-bottom:5px;">
<div style="position: absolute;width: 0px;height: 0px;">
<div class="topusers-elem-bg">
<div class="topusers-elem-bg1">
<div class="place$NUMBER$" title="Locul $NUMBER$" style="width: 1px; ">
<span id="text">
<font color="#000">№$NUMBER$</font>
</span>
</div>
</div>
</div>
<div class="topusers-elem-bg" style="margin-top:23px;" title="Fișiere: $LOAD_POSTS$">
<div class="topusers-elem-bg1">
<div class="torrents"><span id="text">$LOAD_POSTS$</span>
</div></div></div>
<div class="topusers-elem-bg" style="margin-top:46px;" title="Comentarii: $COM_POSTS$">
<div class="topusers-elem-bg1">
<div class="comments">
<span id="text">$COM_POSTS$</span>
</div></div></div>
</div>
<a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" title="Profilul omului" id="topusers"><?else?>
<img src="http://fierbinte.ucoz.ro/Forum/Iconite/Fara_avatar/29.gif" id="topusers">
<?endif?></a>
<div class="chat-addtime" style="float:none; width:87px; margin-top:1px;">
<span style="display:block; text-align:center;">
<a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">
<?if(len($USERNAME$)>11)?>
<?substr($USERNAME$,0,11)?>
<?else?>
$USERNAME$
<?endif?>
</a>
</span>
</div>
</center>
<script type="text/javascript"> $('.place1').hover( function () {$(this).stop().animate({"width" : $('.place1 #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.torrents').hover( function () {$(this).stop().animate({"width" : $('.torrents #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.comments').hover( function () {$(this).stop().animate({"width" : $('.comments #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); </script>
Pasul 6: Panoul de control - Setări - Setări standard - găsim Valoarea tag-ului <!DOCTYPE>:. În acel câmp înlocuim <!DOCTYPE> cu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">. Facem acest lucru pentru afişarea corectă a şablonului în toate brauzerele.