Najpierw przenieś sobie skrypty do
<head> swojego stylu:
Kod: Zaznacz cały
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.tipsy.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ui.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cats.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#sn-not-logged-in').mouseenter(function() {
$('#sn-not-logged-in-hover').fadeIn('medium');
});
$('#sn-not-logged-in-hover').mouseleave(function() {
$('#sn-not-logged-in-hover').fadeOut('medium');
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("input:checkbox").each( function() {
(this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
});
$(".fakecheck").click(function(){
($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
$(this.hash).trigger("click");
return false;
});
});
</script>
Odpowiednie pliki musisz oczywiście skopiować.
Następnie polecam zainstalować
Operę Dragonfly lub dodatek
Firebug dla Firefoksa. W prosty sposób będziesz mógł odnaleźć interesujące Cię bloki kodu, po prostu zaznaczając je.
Za blok logowania odpowiada taki kod:
Kod: Zaznacz cały
<div id="sn-controlbox">
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div id="sn-not-logged-in"></div>
<div id="sn-not-logged-in-hover">
<div id="sn-nli-content">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset style="margin-top: -5px;">
<span class="sn-form-label">{L_USERNAME}:</span><br />
<input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
<span class="sn-form-label">{L_PASSWORD}:</span><br />
<input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />
<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<br /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
<input type="submit" name="login" value="" id="sn-nli-button" />
</fieldset>
</form>
</div><!-- /sn-nli-content -->
</div><!-- /sn-not-logged-in-hover -->
<!-- ENDIF --><!-- /s-user-not-logged-in -->
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="mini-profile"><span>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td rowspan="2"><div class="member-icon"></div></td>
<td>
<a href="{U_PROFILE}" class="sn-mini-profile-username">{S_USERNAME}</a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
</td>
</tr>
<tr>
<td style="padding-top: 4px;">
<!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> • <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link">{L_SEARCH_SELF}</a><!-- ENDIF -->
</td>
</tr>
</table>
</span></div>
<!-- ENDIF --><!-- /s-user-logged-in-->
</div><!-- /sn-controlbox -->
Wstaw go gdzie chcesz by się wyświetlał. Musisz przenieść jeszcze wszystkie potrzebne identyfikatory i klasy CSS powiązane z tym kawałkiem kodu.
Tak samo postępujesz z przenoszeniem forów, odszukujesz odpowiedni kod, kopiujesz i testujesz
