Przenoszenie działów i panel rejestracji

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
baziak
Posty: 3
Rejestracja: 12 sierpnia 2010, 09:21

Przenoszenie działów i panel rejestracji

Post autor: baziak » 12 sierpnia 2010, 09:24

Cześć :)
znalazłem fajny styl supernova ale zależy mi tylko na dwóch jego funkcjach
- przenoszenie działów, chwytam za dział i przenoszę go na miejsce jakie mi odpowiada.
- panel rejestracji, po najechaniu myszą na tekst "GUEST, PLEAS LOGIN OR REGISTER" pojawia się okienko z logowaniem.

jak mogę takie funkcje dorobić na swoje forum?

baziak
Posty: 3
Rejestracja: 12 sierpnia 2010, 09:21

Re: Przenoszenie działów i panel rejestracji

Post autor: baziak » 21 sierpnia 2010, 20:05

pomoże ktoś? :)

jaroslw
Zasłużony
Posty: 4524
Rejestracja: 10 grudnia 2005, 18:48
Kontakt:

Re: Przenoszenie działów i panel rejestracji

Post autor: jaroslw » 22 sierpnia 2010, 08:38

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 --> &bull; <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 :)
Pobierz styl: we_universalwe_clearblue
Nowości i aktualizacje: FacebookGoogle+Twitter

Zablokowany

Wróć do „Pomoc”