Panel Logowania jQuery (user_sliding_panel)
|
kamillo |
Dodany dnia 14.04.2009 20:52:26
|
Przedszkolak
Postów: 5
Data rejestracji: 12.06.2007 11:24
|
Witam.
Mam pytanie, czy da się dostosować panel logowania (link podany poniżej) do v7. Myślę, że nie tylko mi by on się przydał.
Link do panelu: http://web-kreati...rdpress-27
PW od moderatora:
- Zmiana nazwy tematu - hoopak 14.04 - 21:03
Edytowane przez Pieka dnia 07.01.2011 23:52:51
|
|
|
|
Wścibski Gość |
Dodany dnia 23.11.2024 23:11:45
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
nmpministranci |
Dodany dnia 22.04.2009 17:24:01
|
Początkujący
Postów: 135 Pomógł: 1 Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Hmm...Kolega ma dobry pomysł, też mam kilka problemów z rejestracją i logowaniem.
Zdania zaczynamy WIELKĄ literą i kończymy kropką. //hoopak
Edytowane przez hoopak dnia 22.04.2009 17:27:16
|
|
|
|
DJPromo |
Dodany dnia 22.04.2009 17:42:06
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
Masz coś na myśli takiego
Ps.//Adres skasowałem bo się zmienił
Edytowane przez DJPromo dnia 09.10.2009 01:55:27
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
Kinimodek |
Dodany dnia 22.04.2009 19:41:11
|
Początkujący
Postów: 180 Pomógł: 3 Ostrzeżeń: 2
Data rejestracji: 29.10.2008 21:32
|
Sądzę, że dokładnie o to chodzi... DJPromo, mógłbyś trochę nas wspomóc?
|Tworzenie layout'ów, cięcie layout'ów, kodowanie layout'ów|
|
|
|
|
DJPromo |
Dodany dnia 22.04.2009 21:04:57
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
Myślę że jutro dam rade opisać
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
Kinimodek |
Dodany dnia 23.04.2009 14:20:17
|
Początkujący
Postów: 180 Pomógł: 3 Ostrzeżeń: 2
Data rejestracji: 29.10.2008 21:32
|
To my czekamy z niecierpliwością . BTW, mam nadzieję, że ten projekt nie jest tak trudny jak mi się cały czas wydaje...
|Tworzenie layout'ów, cięcie layout'ów, kodowanie layout'ów|
|
|
|
|
DJPromo |
Dodany dnia 23.04.2009 17:24:08
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
Bardzo proste :) Pokaże to na przykładzie thema Gillette
pobieramy pliki z załącznika.
Teraz Folder css, js i images wklejamy do thema Gillette.
Następnie do plików
header.php
admin_header.php
admin_header_mce.php
wklejamy kod
echo "<link rel='stylesheet' href='".THEME."css/style.css' type='text/css' media='screen' />";
echo "<link rel='stylesheet' href='".THEME."css/slide.css' type='text/css' media='screen' />";
echo "<script type='text/javascript' src='".THEME."js/pngfix/supersleight-min.js'></script> ";
echo "<script src='".THEME."js/jquery-1.3.2.min.js' type='text/javascript'></script>";
echo "<script src='".THEME."js/slide.js' type='text/javascript'></script>";
Teraz do pliku theme.php w funkcji
function render_page.
Zaraz po global $settings, $main_style, $locale;
dodajemy kod odpowiedzialny za nasz panel
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome to Web-Kreation</h1>
<h2>Sliding login panel Demo with jQuery</h2>
<p class='grey'>You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
<h2>Download</h2>
<p class='grey'>To download this script go back to <a href='http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery' title='Download'>article »</a></p>
</div>
<div class='left'>
<form class='clearfix' action='#' method='post'>
<h1>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' type='text' name='log' id='log' value='' size='23' />
<label class='grey' for='pwd'>Password:</label>
<input class='field' type='password' name='pwd' id='pwd' size='23' />
<label><input name='rememberme' id='rememberme' type='checkbox' checked='checked' value='forever' /> Remember me</label>
<div class='clear'></div>
<input type='submit' name='submit' value='Login' class='bt_login' />
<a class='lost-pwd' href='#'>Lost your password?</a>
</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' type='text' name='signup' id='signup' value='' size='23' />
<label class='grey' for='email'>Email:</label>
<input class='field' type='text' name='email' id='email' size='23' />
<label>A password will be e-mailed to you.</label>
<input type='submit' name='submit' value='Register' class='bt_register' />
</form>
</div>
</div>
</div>
<div class='tab'>
<ul class='login'>
<li class='left'> </li>
<li>Hello Guest!</li>
<li class='sep'>|</li>
<li id='toggle'>
<a id='open' class='open' href='#'>Log In | Register</a>
<a id='close' style='display: none;' class='close' href='#'>Close Panel</a>
</li>
<li class='right'> </li>
</ul>
</div>
</div>
Teraz po wgraniu wszystkiego mamy już nasz panel jak na podanej stronie wcześniej w poście. Owy panel można też wykorzystać w każdym miejscu na stronie modyfikując kod oraz css.
Podany panel wygląda jak na stronie podanej przez @kamillo
DJPromo dodał/a następującą plik:
Edytowane przez DJPromo dnia 23.04.2009 17:29:28
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
kamillo |
Dodany dnia 23.04.2009 18:23:44
|
Przedszkolak
Postów: 5
Data rejestracji: 12.06.2007 11:24
|
Dzięki. Wszystko działa jak powinno. |
|
|
|
Wooya |
Dodany dnia 23.04.2009 20:38:06
|
Zaawansowany
Postów: 1449 Pomógł: 22
Data rejestracji: 30.01.2005 15:40
|
@DJPromo: fajna rzecz, jednak jeslibys mial checi to przerobic na OH, to wtedy mogloby dzialac jako infusion
... Pomagam tylko przy najnowszych wersjach PHP-Fusion ...
|
|
|
|
DJPromo |
Dodany dnia 23.04.2009 21:35:11
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
@Wooya wiem ze fajne Myślałem nad OH, ale w te klocki wiesz to za bardzo jeszcze nie doszedłem jak używać w pełni tej funkcji i na razie trochę mi brak wiedzy, ale myślę że kiedyś mi sie uda. Chyba, że ktoś już to tam dostosuje
Edytowane przez DJPromo dnia 23.04.2009 21:35:58
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
bartek124 |
Dodany dnia 24.04.2009 06:50:54
|
Weteran
Postów: 3264 Pomógł: 236
v7.02.06 Data rejestracji: 26.05.2007 12:25
|
Zamiast wklejać kod do header.php i innych, skorzystaj z funkcji add_to_head().
Z tego co widzę, żeby menu działało, wystarczy je wkleić po <body>, więc funkcja replace_in_output() (chociaż może nie działać, bo <body> nie ma w buforze). Więc zapakuj kod do zmiennej, później złącz bufor ze zmienną i zwróć tak przygotowaną zmienną.
Powinno zadziałać
Nie pomagam na komunikatorach oraz PW!
|
|
|
|
DJPromo |
Dodany dnia 24.04.2009 07:47:17
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
@Bartek co do funkcji add_to_head() wiem o co chodzi i zastosuje, ale problem mam na replace_in_output(). Nie wiem jak to zrobić później złącz bufor ze zmienną i zwróć tak przygotowaną zmienną.
Podaj jakiś przykład jak powinna wyglądać przykładowa funkcja replace_in_output() z ta powiedzmy zmienną $menu, która doda nasze menu.
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
nmpministranci |
Dodany dnia 25.04.2009 20:35:13
|
Początkujący
Postów: 135 Pomógł: 1 Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Zrobiłem jak było napisane i wyskakuje mi takie coś:
Parse error: syntax error, unexpected '<' in /var/www/sites/xxxx.pl/t/e/xxxxxxbazy/themes/Aer/theme.php on line 47
Edytowane przez Pieka dnia 25.04.2009 20:57:59
|
|
|
|
DJPromo |
Dodany dnia 25.04.2009 20:42:26
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
Komunikat wyraznie mówi o braku '<' wiec sprawdz czy aby na pewno dobrze skopiowałeś kod co podałem i dodałeś :)
Wiadomość doklejona:
Nie dziw się że nie działa bo ty tylko kod wstawiłeś a może trzeba go wyświetlić co ?
Podany kod wez w echo " tutaj kod ";
Edytowane przez DJPromo dnia 25.04.2009 20:59:45
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
nmpministranci |
Dodany dnia 26.04.2009 08:53:58
|
Początkujący
Postów: 135 Pomógł: 1 Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Doszedłem do wniosku że mam źle coś w header.php. Proszę, żeby ktoś napisał, gdzie należy dokładnie umieścić :
echo "<link rel='stylesheet' href='".THEME."css/style.css' type='text/css' media='screen' />";
echo "<link rel='stylesheet' href='".THEME."css/slide.css' type='text/css' media='screen' />";
echo "<script type='text/javascript' src='".THEME."js/pngfix/supersleight-min.js'></script> ";
echo "<script src='".THEME."js/jquery-1.3.2.min.js' type='text/javascript'></script>";
echo "<script src='".THEME."js/slide.js' type='text/javascript'></script>";
Kliknij i zaczekaj na załadowanie kodu ... |
|
|
|
DJPromo |
Dodany dnia 26.04.2009 09:05:44
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
Nawet zaraz za.
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
nmpministranci |
Dodany dnia 26.04.2009 09:20:24
|
Początkujący
Postów: 135 Pomógł: 1 Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Dałem tak ale coś nie działa oto header.php:
<?php
/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright (C) 2002 - 2008 Nick Jones
| http://www.php-fu...
+--------------------------------------------------------+
| Filename: header.php
| Author: Nick Jones (Digitanium)
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licen... Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
require_once INCLUDES."output_handling_include.php";
require_once INCLUDES."header_includes.php";
require_once THEME."theme.php";
if ($settings['maintenance'] == "1" && !iADMIN) { redirect(BASEDIR."maintenance.php"); }
if (iMEMBER) { $result = dbquery("UPDATE ".DB_USERS." SET user_lastvisit='".time()."', user_ip='".USER_IP."' WHERE user_id='".$userdata['user_id']."'"); }
echo "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>\n";
echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>\n";
echo "<head>\n<title>".$settings['sitename']."</title>\n";
echo "<meta http-equiv='Content-Type' content='text/html; charset=".$locale['charset']."' />\n";
echo "<meta name='description' content='".$settings['description']."' />\n";
echo "<meta name='keywords' content='".$settings['keywords']."' />\n";
echo "<link rel='stylesheet' href='".THEME."styles.css' type='text/css' media='screen' />\n";
if (file_exists(IMAGES."favicon.ico")) { echo "<link rel='shortcut icon' href='".IMAGES."favicon.ico' type='image/x-icon' />\n"; }
if (function_exists("get_head_tags")) { echo get_head_tags(); }
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>\n";
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
echo "<link rel='stylesheet' href='".THEME."css/style.css' type='text/css' media='screen' />";
echo "<link rel='stylesheet' href='".THEME."css/slide.css' type='text/css' media='screen' />";
echo "<script type='text/javascript' src='".THEME."js/pngfix/supersleight-min.js'></script> ";
echo "<script src='".THEME."js/jquery-1.3.2.min.js' type='text/javascript'></script>";
echo "<script src='".THEME."js/slide.js' type='text/javascript'></script>";
echo "<script type='text/javascript' src='".INCLUDES."mintAjax.js'></script>\n";
echo "</head>\n<body>\n";
require_once THEMES."templates/panels.php";
ob_start();
?> Kliknij i zaczekaj na załadowanie kodu ...
W admin_header i admin_header_mce dałem tak i działa:
<?php
/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright (C) 2002 - 2008 Nick Jones
| http://www.php-fu...
+--------------------------------------------------------+
| Filename: admin_header.php
| Author: Nick Jones (Digitanium)
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licen... Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("ADMIN_PANEL", true);
require_once INCLUDES."output_handling_include.php";
require_once INCLUDES."header_includes.php";
require_once THEME."theme.php";
if ($settings['maintenance'] == "1" && !iADMIN) { redirect(BASEDIR."maintenance.php"); }
if (iMEMBER) { $result = dbquery("UPDATE ".DB_USERS." SET user_lastvisit='".time()."', user_ip='".USER_IP."' WHERE user_id='".$userdata['user_id']."'"); }
echo "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>\n";
echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>\n";
echo "<head>\n<title>".$settings['sitename']."</title>\n";
echo "<meta http-equiv='Content-Type' content='text/html; charset=".$locale['charset']."' />\n";
echo "<meta name='description' content='".$settings['description']."' />\n";
echo "<meta name='keywords' content='".$settings['keywords']."' />\n";
echo "<link rel='stylesheet' href='".THEME."css/style.css' type='text/css' media='screen' />";
echo "<link rel='stylesheet' href='".THEME."css/slide.css' type='text/css' media='screen' />";
echo "<script type='text/javascript' src='".THEME."js/pngfix/supersleight-min.js'></script> ";
echo "<script src='".THEME."js/jquery-1.3.2.min.js' type='text/javascript'></script>";
echo "<script src='".THEME."js/slide.js' type='text/javascript'></script>";
echo "<link rel='stylesheet' href='".THEME."styles.css' type='text/css' media='screen' />\n";
if (file_exists(IMAGES."favicon.ico")) { echo "<link rel='shortcut icon' href='".IMAGES."favicon.ico' type='image/x-icon' />\n"; }
if (function_exists("get_head_tags")) { echo get_head_tags(); }
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>\n";
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
echo "</head>\n<body>\n";
require_once THEMES."templates/panels.php";
ob_start();
?> Kliknij i zaczekaj na załadowanie kodu ... |
|
|
|
DJPromo |
Dodany dnia 26.04.2009 10:08:30
|
Bywalec
Postów: 630 Pomógł: 41
v7.02.07 Data rejestracji: 13.06.2006 18:51
|
Adres bo nie będę bawił się zgadywankę.
A w admin_header i admin_header_mce masz dodać tak samo jak w header.
Pomogłem Kliknij Pomógł
Życie to chwila zbyt krótka aby móc .... Życie to chwila / trzeba patrzeć i podziwiać
|
|
|
|
nmpministranci |
Dodany dnia 26.04.2009 16:57:13
|
Początkujący
Postów: 135 Pomógł: 1 Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
www.testerbazy.yo... adres mojej strony
Wiadomość doklejona:
Mam problem. Wyżej wymieniony slider działa mi w admin_header i w admin_header_mce, ale w header.php już nie. Dokładnie chodzi o to, że chyba gryzą się dwa skrypty( skrypt do efektu accordion i skrypt od tego slidera). Proszę o pomoc, ponieważ lista menu accordion nie zwija się, ani się nie rozwija...
Oto kod header.php:
<?php
/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright (C) 2002 - 2008 Nick Jones
| http://www.php-fu...
+--------------------------------------------------------+
| Filename: header.php
| Author: Nick Jones (Digitanium)
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licen... Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
require_once INCLUDES."output_handling_include.php";
require_once INCLUDES."header_includes.php";
require_once THEME."theme.php";
if ($settings['maintenance'] == "1" && !iADMIN) { redirect(BASEDIR."maintenance.php"); }
if (iMEMBER) { $result = dbquery("UPDATE ".DB_USERS." SET user_lastvisit='".time()."', user_ip='".USER_IP."' WHERE user_id='".$userdata['user_id']."'"); }
echo "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>\n";
echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>\n";
echo "<head>\n<title>".$settings['sitename']."</title>\n";
echo "<meta http-equiv='Content-Type' content='text/html; charset=".$locale['charset']."' />\n";
echo "<meta name='description' content='".$settings['description']."' />\n";
echo "<meta name='keywords' content='".$settings['keywords']."' />\n";
echo "<script type='text/javascript' src='".INCLUDES."mintAjax.js'></script>\n";
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>\n";
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
echo "<link rel='stylesheet' href='".THEME."css/style.css' type='text/css' media='screen' />\n";
echo "<link rel='stylesheet' href='".THEME."css/slide.css' type='text/css' media='screen' />";
echo "<script type='text/javascript' src='".THEME."js/pngfix/supersleight-min.js'></script> ";
echo "<script src='".THEME."js/jquery-1.3.2.min.js' type='text/javascript'></script>";
echo "<script src='".THEME."js/slide.js' type='text/javascript'></script>";
echo "<link rel='stylesheet' href='".THEME."styles.css' type='text/css' media='screen' />\n";
if (file_exists(IMAGES."favicon.ico")) { echo "<link rel='shortcut icon' href='".IMAGES."favicon.ico' type='image/x-icon' />\n"; }
if (function_exists("get_head_tags")) { echo get_head_tags(); }
require_once THEMES."templates/panels.php";
echo "</head>\n<body>\n";
ob_start();
?> Kliknij i zaczekaj na załadowanie kodu ...
Wiadomość doklejona:
Ok.Problem się rozwiązał.
Wiadomość doklejona:
Mam jeszcze jedno pytanko: jak dodać pole logowania do tego panelu? Chodzi mi o efekt taki jak na http://gdzservers...
Wiadomość doklejona:
Proszę o pomoc...jak dodać ten skrypt logowania z php fusion do tego rozwijanego paneliku..
PW od moderatora:
- Brak Stopki! - chemix 29.04 - 15:03
Edytowane przez nmpministranci dnia 11.05.2009 19:28:11
|
|
|
|
cypiss |
Dodany dnia 18.05.2009 23:11:45
|
Przedszkolak
Postów: 23
Data rejestracji: 22.02.2009 00:45
|
a jak to "podpiąć" pod logowanie? bo przy wpisaniu usera i hasła nic się nie dzieje u mnie...
Wiadomość doklejona:
OK, już sobie poradziłem - teraz tylko chciałbym wstawić w ten panel avatar usera, któy jest zalogowany - da radę? z góry dzięki za wskazówki
Edytowane przez cypiss dnia 18.05.2009 23:51:02
|
|
|