Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
Reply to this topicStart new topic
> [layout] panel administracyjny
kilab
post 26.03.2012, 18:19:57
Post #1





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Witam,

Przybierałem się ostatnio do ujednolicenia wykonywanych projektów od strony panelu ale przybranie się było ciężkie. Od wczoraj siedzę przeziębiony w domu więc postanowiłem jakoś ten czas wykorzystać.

I zmusiłem się wreszcie do stworzenia panelu administracyjnego, który obsługiwałby wszystkie funkcje zarządzania. Staram się więc stworzyć obsługę wszystkich elementów żeby w przyszłości już nic nie dorabiać.
Zastanawiam się nad zwijaniem i rozwijaniem poszczególnych bloków w lewej kolumnie, ale czy jest sense ukrywania pozostałych elementów przy jednym aktywnym?

Więc proszę o ogólne oceny, porady, jak również informacje o tym, co jeszcze powinienem dodać żeby za jakiś czasu nie było niespodzianki smile.gif

http://kilab.pl/tmp/panel/

PS. Zamierzam udostępnić layout za darmo, jak tylko go skończę, więc jeśli ktoś byłby chętny, za kilka dni będzie można pobrać smile.gif


--------------------
Go to the top of the page
+Quote Post
Damiankossek
post 26.03.2012, 18:52:57
Post #2





Grupa: Zarejestrowani
Postów: 118
Pomógł: 8
Dołączył: 10.12.2009

Ostrzeżenie: (0%)
-----


Szczerze mi sie nawet podoba ale musialbym go poddac delikatnemu tuningowi :-)
A co do rozwijanych belek po lewej to jak najbardziej poniewaz jak bedzie wiecej modulow to delikanty syf i chaos sie zrobi smile.gif
Hmm komunikaty error,success i warning chyba z Magento zaporzyczyles tongue.gif ?

Jezeli wydasz wersje finalna to z checia zaimplementuje w moim przyszlym Panelu ktory z biegiem wolnego czasu powoli buduje :-)
Go to the top of the page
+Quote Post
kilab
post 26.03.2012, 19:08:28
Post #3





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Z tabelkami masz rację, na razie nie przewiduję więcej opcji, ale jednak z czasem może się nazbierać. Do zrobienia smile.gif

Z Magento nigdy styczności nie miałem, ale taki styl jak ja zrobiłem jest dość popularny, szczególnie ikony FamFam ;P


--------------------
Go to the top of the page
+Quote Post
Damiankossek
post 26.03.2012, 21:40:57
Post #4





Grupa: Zarejestrowani
Postów: 118
Pomógł: 8
Dołączył: 10.12.2009

Ostrzeżenie: (0%)
-----


W kazdym badz razie czekam na finala smile.gif Fajnie ze udostepniasz ...
Go to the top of the page
+Quote Post
ShadowD
post 26.03.2012, 21:58:09
Post #5





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


Możesz dać paczkę tych ikon? Czy to są z
http://www.famfamfam.com/lab/icons/

Tylko przerobione na 1 kolor?


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
kilab
post 26.03.2012, 22:22:31
Post #6





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Początkowo były FamFam (zostały przy ostrzeżeniach), ale wgrałem nowe z http://pc.de/icons/

Przy okazji, bloki w lewej kolumnie schowane smile.gif

Ten post edytował kilab 26.03.2012, 22:22:47


--------------------
Go to the top of the page
+Quote Post
ShadowD
post 26.03.2012, 23:41:23
Post #7





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


http://screenup.pl/?l=6LG4TMW

Pomarańczowe cyfry do wymiany lub do zrobienia czegoś z nimi, są nie czytelne i krzywo "poupychane", popraw bo szkoda. Ogólnie w dobrą stronę, ale za mało pokazujesz - przemyśl co jeszcze by się przydało, jakiś edytor wizualny skrojony do potrzeb, może jakieś "wielo-ikonowe" pole, tabele itd. Dodatkowo popracował bym z formami tab by jakoś je zmienić, pola do jednokrotnego wyboru mogły by być jednym blokiem tak jak na tel z andkiem lub jabłkiem takie połączone tak i nie i suwak jako całość który się przesuwa i pod zaznacza wybraną opcję. Ogólnie to co masz to początek i to dobry! :-)


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
kilab
post 27.03.2012, 09:54:05
Post #8





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


O właśnie, tabeli brakuje! Dodane do kolejki, formularze też przerobię bo coś mi nie gra w nich, elementy stronicowania smile.gif

Edytor odpuszczę sobie bo nie chcę nikomu narzucać żadnego konkretnego jeśli skorzysta z szablonu. Poprawię tylko te formy.

ShadowD, możesz wyjaśnić co miałem na myśli z:
Cytat
jakieś "wielo-ikonowe" pole

Trochę otępiony jestem tongue.gif I przy okazji z jakiej przeglądarki korzystasz bo zauważyłem na screenie, że napis na nagłówku boxa nie jest na środku sad.gif

Jestem też ciekaw jak to wygląda pod Windowsem, IE to pewnie wcale zabił układ biggrin.gif Nie mam niestety i na razie jeszcze nie sprawdzałem smile.gif

Ale to wieczorem, dzisiaj pokorzystam trochę z pogody smile.gif

Ten post edytował kilab 27.03.2012, 10:11:03


--------------------
Go to the top of the page
+Quote Post
ShadowD
post 27.03.2012, 14:25:36
Post #9





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


Ff.11 pod win


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
kilab
post 27.03.2012, 22:02:09
Post #10





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Dzięki wink.gif

Tabele zrobione, formularz poprawiony, strona logowania: http://kilab.pl/tmp/panel/login.html

Wciąż czekam na kolejne sugestie smile.gif


--------------------
Go to the top of the page
+Quote Post
ShadowD
post 27.03.2012, 23:02:21
Post #11





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


Dla niektórych buttonów masz podkreślenie na hover, a na innych nie - popraw, mi leży lepiej brak podkreślenia.

Inny kolor podświetlenie wiersza w tabeli (hover) lub dla 2n daj mniej szary, osobiści zastosował bym oba - zmniejszył odcień szarości (powinno tylko lekko się wyróżniać) a podświetlenie może lekki żółty?

Dodatkowo może czas na logo?


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
kilab
post 27.03.2012, 23:38:06
Post #12





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Podkreślenie buttonów mi umknęło, raz jeszcze dzięki smile.gif

Poprawiłem też te tła dla komórek, faktycznie za duży kontrast był. A z tym logo to, że wstawić czy jak? tongue.gif


--------------------
Go to the top of the page
+Quote Post
apathedosheu
post 31.03.2012, 05:38:48
Post #13





Grupa: Zarejestrowani
Postów: 12
Pomógł: 1
Dołączył: 4.02.2012

Ostrzeżenie: (0%)
-----


Kilab, wykonujesz kawał dobrej roboty jest po prostu hipnotajzing. Czekam na download.
Go to the top of the page
+Quote Post
kilab
post 31.03.2012, 13:02:37
Post #14





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Właściwie to już można pobrać tutaj, jak coś dorobię to poinformuję smile.gif


--------------------
Go to the top of the page
+Quote Post
xxdrago
post 5.04.2012, 22:20:27
Post #15





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


No mi się podoba pięknie smile.gif pobrałem własnie. Mógłbyś podpowiedzieć jaką funkcje użyłeś aby zrobić to pokaż/ukryj w menu?


--------------------
GG: 10972302 :)
Go to the top of the page
+Quote Post
kilab
post 5.04.2012, 22:38:19
Post #16





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


A dziękuję wink.gif

Do ukrycia wszystkich boksów funkcja hide, do pokazania boksu aktywnej strony analogicznie funkcja show smile.gif
A po kliknięciu to już tylko slideToggle smile.gif

Ten post edytował kilab 5.04.2012, 22:39:04


--------------------
Go to the top of the page
+Quote Post
markonix
post 9.04.2012, 00:52:05
Post #17





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----


Pobrane i użyte w projekcie shades.gif

Bardzo fajne i przejrzyste.
Moja propozycja to zapamiętywanie rozwiniętej sekcji z lewej strony.
Można to zrobić spokojnie w samym jQuery i dodać jako integralną część szablonu.
W tym momencie rozwijanie zawsze pierwszej sekcji jest po kilku minutach troszkę denerwujące.

Jak nie będziesz miał na to czasu to na pewno sam takową funkcje dopiszę.



--------------------
Go to the top of the page
+Quote Post
kilab
post 9.04.2012, 12:02:02
Post #18





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


@markonix, rozwijanie boksa zrobiłem w php, rozwija się sekcja dla danej strony, inaczej się nad tym nie zastanawiałem. Dla mnie o coś takiego chodziło i tak zrobiłem smile.gif


--------------------
Go to the top of the page
+Quote Post
markonix
post 9.04.2012, 16:00:55
Post #19





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----


Wydaje mi się, że elastyczniejsze jest zrobiebienie tego po stronie frontendu.
Poza tym ublubiona zakładka zawsze będzie rozwinięta nawet po kilku dniach oraz od razu funkcjonalność będzie wbudowana w szablon.

Można też połączyć obie metody wink.gif ale to już by była przesada.
Jedyny minus jaki mi przychodzi do głowy na rzecz PHP to wejście na konkretną podstronę prosto z historii - choć to też można by obsłużyć smile.gif

Możesz pokazać kod PHP, którym "otwierasz" zakładki?

  1. <script type="text/javascript">
  2. $(function(){
  3.  
  4. $(".box .h_title").not(this).next("ul").hide("normal");
  5.  
  6. var cookie = $.cookie('menu_array');
  7. if (cookie != null) {
  8. $('.box ul').each(function(index) {
  9. if (cookie.match('-' + index + '-')) {
  10. $(this).show('normal');
  11. }
  12. });
  13. } else {
  14. $(".box .h_title").not(this).next("#home").show("normal");
  15. }
  16.  
  17. $(".box").children(".h_title").click( function() {
  18. $(this).next("ul").slideToggle(function() {
  19. var cookie = '';
  20. $('.box ul').each(function(index) {
  21. if ($(this).is(':visible'))
  22. cookie = cookie + '-' + index + '-' ;
  23. });
  24. $.cookie('menu_array', cookie, { expires: 31 });
  25. });
  26. });
  27.  
  28. });
  29. </script>


Plugin do ciasteczek:
https://github.com/carhartl/jquery-cookie/b...query.cookie.js

Ten post edytował markonix 9.04.2012, 16:04:17


--------------------
Go to the top of the page
+Quote Post
kilab
post 9.04.2012, 16:25:10
Post #20





Grupa: Zarejestrowani
Postów: 180
Pomógł: 19
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


Każda lista (ul) w bloku ma id. Pobieram id strony z adresu i switchem sprawdzam aktualną sekcję.

  1. <script type="text/javascript">
  2. $(function(){
  3. $(".box .h_title").not(this).next("ul").hide("normal");
  4. <?php
  5. switch($modul){
  6. case 'informacje' : $modul_a = $modul; break;
  7. case 'ogloszenia' : $modul_a = $modul; break;
  8. case '...' : $modul_a = $modul; break;
  9. case '...' : $modul_a = $modul; break;
  10. default : $modul_a = 'home'; break;
  11. }
  12. ?>
  13. $(".box .h_title").not(this).next("#<?=$modul_a ?>").show("normal");
  14. $(".box").children(".h_title").click( function() { $(this).next("ul").slideToggle(); });
  15. });
  16. </script>


Ten post edytował kilab 9.04.2012, 16:26:43


--------------------
Go to the top of the page
+Quote Post

2 Stron V   1 2 >
Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 1.06.2024 - 10:04