Zobacz temat
Strona 1 z 2: 12
|
Nivo Slider Panel - jQuery Image Slider w panelu
|
|
aszynka |
Dodany dnia 06.04.2011 17:19:59
|
![]() Przedszkolak ![]() Postów: 5 Data rejestracji: 06.04.2011 17:11 |
Witam serdecznie forumowiczów, zrobi?em sobie ostatnio prost? stronk? w PHP Fusion v7 i chcia?bym doda? Nivo Slider (nivo.dev7studios.com) do panela powitalnego, ale jestem strasznie blady w takich rzeczach i nie wiem jak sie za to zabrac. Bardzo prosze o pomoc. PW od moderatora:
Edytowane przez Pieka dnia 06.04.2011 19:04:51 |
|
|
W?cibski Go?? |
Dodany dnia 06.09.2025 12:29:04
|
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze |
![]() |
IP: localhost | |
Chemikpil |
Dodany dnia 06.04.2011 19:42:22
|
![]() Bywalec ![]() Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46 |
Ogólnie to masz wszystko ?adnie opisane u nich na stronie, ale skoro niema tam sposobu dla PHP-Fusion to zaraz to ogarniemy. Zak?adam ?e znasz podstawy CSS bo zaimplementowaniu panelu, samemu trzeba reszt? ustawi?. Nie napisa?e? jak? masz skórk? wi?c ja robi?em to na Gillette, ale nie powinno by? problemu z implementacj? w innej. Dobra jazda :) 1. Po ?ci?gni?ciu paczki i jej rozpakowaniu, kopiujemy pliki jquery.nivo.slider.pack.js nivo-slider.css do katalogu includes. 2. Teraz musimy doda? te pliki tak by slider móg? zadzia?a?. Wykorzystam tu OH (dzi?ki Pieka :)). Tworzymy nowy panel, wklejamy do niego ten kod: ... zapisujemy i w??czamy. 3. Zdj?cia, które maja si? przewija?, wrzucamy do katalogu images/nivo (katalog nivo musisz utworzy?). 4. W PA w miejscu gdzie umieszczamy tre?? panelu powitalnego ustawienia->g?ówne umieszczamy ten kod zamiast starego (UWAGA!!! jest to kod proponowany przez twórce, wi?c tu musisz go rozkmini? sam i doda? taki jaki chcesz, ten dodajemy dla sprawdzenia czy panel zadzia?a): Ja nie nadawa?em twardych ?cie?ek do obrazków, ale ty mo?esz. 5. Teraz musimy doda? kod CSS do pliku styles.css naszej skórki, u mnie to themes/Gillette/styles.css: 6. Na sam koniec musimy uruchomi? nasz slider. Przyk?adowa metoda na stronie twórcy mówi ?e ten kod: umieszczamy w sekcji head naszej strony czyli pliku header.php, jednak ja jestem zwolennikiem czysto?ci kody i lepiej jest umie?ci? to w osobnym pliku. Zak?adam ?e nie masz ?adnego w?asnego pliku JavaScript wi?c w katalogu skórki utwórz nowy plik np. nivo-slider.js, umie?? w nim ten kod: i zapisz. By doda? plik do sekcji head naszej strony ponownie skorzystamy z OH. Musimy wi?c podda? edycji nasz wcze?niej utworzony panel i w miejsce starego kodu wklei? ten: . Ponownie zapisujemy panel. Ogólnie to wszystko, pozostaje kwestia kodu CSS dla przycisków prev i next, oraz dla paginacji obrazków (1,2,3,... etc). Pozostawiam to dla Ciebie cho?by jako ?wiczenie, w ko?cu jak chcesz si? nauczy? inaczej ni? przez praktyk?. U mnie zadzia?a?o, lecz nie posiadam w?asnej strony testowej w sieci wi?c nie mog? Tobie udowodni? :) Pozdro. Edytowane przez Chemikpil dnia 13.04.2011 22:19:42 Nie pisa? na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej ods?onie) | ChemikPIL - My twitter |
|
|
Pieka |
Dodany dnia 06.04.2011 19:47:06
|
![]() ![]() Postów: 19887 Pomógł: 767 ![]() Data rejestracji: 23.02.2005 18:12 |
Michal, a nie lepiej podac to, co ma byc w header w formie panela? Nie bedzie musial grzebac w plikach.
Jestem jaki jestem
![]() |
|
|
Chemikpil |
Dodany dnia 06.04.2011 20:00:21
|
![]() Bywalec ![]() Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46 |
Pieka napisa?/a: Michal, a nie lepiej podac to, co ma byc w header w formie panela? Nie bedzie musial grzebac w plikach. Mówisz o OH? Mo?na wtedy wygl?da?o by to tak: 1. Tworzymy nowy panel i umieszczamy w nim ten kod: Zapisujemy i w??czamy :). Edytowane przez Pieka dnia 13.04.2011 20:48:33 Nie pisa? na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej ods?onie) | ChemikPIL - My twitter |
|
|
Pieka |
Dodany dnia 06.04.2011 20:03:07
|
![]() ![]() Postów: 19887 Pomógł: 767 ![]() Data rejestracji: 23.02.2005 18:12 |
Warto wkomponowac to w tresc pierwszego Twojego posta, bo bedzie balagan ![]() Jestem jaki jestem
![]() |
|
|
Chemikpil |
Dodany dnia 06.04.2011 20:10:23
|
![]() Bywalec ![]() Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46 |
Mini-tutorial poprawiony ![]() Nie pisa? na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej ods?onie) | ChemikPIL - My twitter |
|
|
aszynka |
Dodany dnia 07.04.2011 16:08:28
|
![]() Przedszkolak ![]() Postów: 5 Data rejestracji: 06.04.2011 17:11 |
Dziala jak marzenie! Dzieki wielkie ![]() ![]() |
|
|
Klubowo |
Dodany dnia 09.04.2011 13:09:28
|
![]() Przedszkolak ![]() Postów: 29 Ostrzeżeń: 3 ![]() Data rejestracji: 23.12.2010 11:43 |
Hmm..zrobi?em tak jak opisywa? Chemikpil,i nie wy?wietla si?... ![]() Moja strona www.[cenzura] Prosz? o pomoc bo próbowa?em ju? chyba wszystkiego... ![]() Edytowane przez Pieka dnia 08.07.2011 23:24:07 |
|
|
Gismo_PL |
Dodany dnia 09.04.2011 13:30:59
|
![]() Bywalec ![]() Postów: 462 Pomógł: 40 Ostrzeżeń: 2 ![]() Data rejestracji: 25.02.2007 21:13 |
Zacznij najpierw od porz?dku w swoim kodzie. Nawali?e? kilkukrotnie odwo?ania do tych samych plików skryptowych i styli, ?e a? mi si? odechciewa dalszego przegl?dania. Rób z g?ow? pewne modyfikacje a nie bezmy?lnie kopiujesz i wklejasz gdzie popadnie z my?l?, ?e mo?e zadzia?a.
|
|
|
Klubowo |
Dodany dnia 13.04.2011 20:44:07
|
![]() Przedszkolak ![]() Postów: 29 Ostrzeżeń: 3 ![]() Data rejestracji: 23.12.2010 11:43 |
Zacznij najpierw od porz?dku w swoim kodzie. Nawali?e? kilkukrotnie odwo?ania do tych samych plików skryptowych i styli, ?e a? mi si? odechciewa dalszego przegl?dania. Rób z g?ow? pewne modyfikacje a nie bezmy?lnie kopiujesz i wklejasz gdzie popadnie z my?l?, ?e mo?e zadzia?a. Pewnie akurat wtedy by?e? na mojej stronie jak próbowa?em kombinowa? po omacku. ![]() Sprawa wygl?da?a prosto,w ostatnim kodzie który poda? Chemikpil zmieni?em "gillette" na "Gillette" i dzia?a. Panel ?miga na 7.02.00. ![]() |
|
|
Pieka |
Dodany dnia 13.04.2011 20:51:04
|
![]() ![]() Postów: 19887 Pomógł: 767 ![]() Data rejestracji: 23.02.2005 18:12 |
I stad wniosek, ze warto stosowac okreslone stale, w tym przypadku THEME zamiast THEMES.
Jestem jaki jestem
![]() |
|
|
Chemikpil |
Dodany dnia 13.04.2011 22:22:01
|
![]() Bywalec ![]() Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46 |
Pieka napisa?/a: I stad wniosek, ze warto stosowac okreslone stale, w tym przypadku THEME zamiast THEMES. Dok?adnie. Kod w moim po?cie zosta? ju? poprawiony ![]() Nie pisa? na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej ods?onie) | ChemikPIL - My twitter |
|
|
Pieka |
Dodany dnia 13.04.2011 22:28:26
|
![]() ![]() Postów: 19887 Pomógł: 767 ![]() Data rejestracji: 23.02.2005 18:12 |
Tylko wywal tego slasha ![]() Jestem jaki jestem
![]() |
|
|
Chemikpil |
Dodany dnia 13.04.2011 23:09:12
|
![]() Bywalec ![]() Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46 |
Chemikpil napisa?/a:
Ogólnie to masz wszystko ?adnie opisane u nich na stronie, ale skoro niema tam sposobu dla PHP-Fusion to zaraz to ogarniemy. Zak?adam ?e znasz podstawy CSS bo zaimplementowaniu panelu, samemu trzeba reszt? ustawi?. Nie napisa?e? jak? masz skórk? wi?c ja robi?em to na Gillette, ale nie powinno by? problemu z implementacj? w innej. Dobra jazda :) 1. Po ?ci?gni?ciu paczki i jej rozpakowaniu, kopiujemy pliki jquery.nivo.slider.pack.js nivo-slider.css do katalogu includes. 2. Teraz musimy doda? te pliki tak by slider móg? zadzia?a?. Wykorzystam tu OH (dzi?ki Pieka :)). Tworzymy nowy panel, wklejamy do niego ten kod: ... zapisujemy i w??czamy. 3. Zdj?cia, które maja si? przewija?, wrzucamy do katalogu images/nivo (katalog nivo musisz utworzy?). 4. W PA w miejscu gdzie umieszczamy tre?? panelu powitalnego ustawienia->g?ówne umieszczamy ten kod zamiast starego (UWAGA!!! jest to kod proponowany przez twórce, wi?c tu musisz go rozkmini? sam i doda? taki jaki chcesz, ten dodajemy dla sprawdzenia czy panel zadzia?a): Ja nie nadawa?em twardych ?cie?ek do obrazków, ale ty mo?esz. 5. Teraz musimy doda? kod CSS do pliku styles.css naszej skórki, u mnie to themes/Gillette/styles.css: 6. Na sam koniec musimy uruchomi? nasz slider. Przyk?adowa metoda na stronie twórcy mówi ?e ten kod: umieszczamy w sekcji head naszej strony czyli pliku header.php, jednak ja jestem zwolennikiem czysto?ci kody i lepiej jest umie?ci? to w osobnym pliku. Zak?adam ?e nie masz ?adnego w?asnego pliku JavaScript wi?c w katalogu skórki utwórz nowy plik np. nivo-slider.js, umie?? w nim ten kod: i zapisz. By doda? plik do sekcji head naszej strony ponownie skorzystamy z OH. Musimy wi?c podda? edycji nasz wcze?niej utworzony panel i w miejsce starego kodu wklei? ten: . Ponownie zapisujemy panel. Ogólnie to wszystko, pozostaje kwestia kodu CSS dla przycisków prev i next, oraz dla paginacji obrazków (1,2,3,... etc). Pozostawiam to dla Ciebie cho?by jako ?wiczenie, w ko?cu jak chcesz si? nauczy? inaczej ni? przez praktyk?. U mnie zadzia?a?o, lecz nie posiadam w?asnej strony testowej w sieci wi?c nie mog? Tobie udowodni? :) Pozdro. Nie pisa? na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej ods?onie) | ChemikPIL - My twitter |
|
|
Dudeek |
Dodany dnia 14.04.2011 15:35:13
|
![]() Przedszkolak ![]() Postów: 6 Ostrzeżeń: 2 Data rejestracji: 02.11.2008 00:24 |
Zrobi?em wszystko zgodnie z instrukcj? i smiga na Google Chrome, lecz w Firefox czy Internet Explorer pokazuj? si? obrazki pod obrazkami, w czym mo?e tkwi? problem? //wszystko dzia?a Edytowane przez Dudeek dnia 14.04.2011 17:38:03 |
|
|
djdandi |
Dodany dnia 17.07.2011 11:13:13
|
![]() Pocz?tkuj?cy ![]() Postów: 164 Pomógł: 1 Ostrzeżeń: 5 ![]() Data rejestracji: 05.11.2007 14:14 |
Mam pytanie dlaczego nie ma obrazków tylko s? napisy Prev i Next. Da?em obrazki do katalogu mojego thema/images Pozdrawiam all |
|
|
Konto ukryte |
Dodany dnia 17.07.2011 11:15:12
|
![]() Pocz?tkuj?cy ![]() Postów: 151 Data rejestracji: 29.08.2009 15:26 ZBANOWANY: Dożywotnio |
A w ogóle czyta?e? uwa?nie post? Obrazki dodaje si? do folderu images/nivo.
Edytowane przez Pieka dnia 17.07.2011 11:36:00 |
|
|
djdandi |
Dodany dnia 17.07.2011 11:37:49
|
![]() Pocz?tkuj?cy ![]() Postów: 164 Pomógł: 1 Ostrzeżeń: 5 ![]() Data rejestracji: 05.11.2007 14:14 |
ok to mo?e inaczej chodzi o to ?e jak wejdziesz na stron? http://nivo.dev7s... i najedziesz na obrazek to pojawiaj? si? strza?ki po lewej i po prawej stronie oraz pod spodem jest loader a u mnie tego nie ma zamiast tych obrazków pojawiaj? si? napisy Prev i Next teraz rozumiesz. Wszystko mam zrobione jak podaje instrukcja. Dodam jeszcze to ?e chc? da? to w theme.php a nie w wiadomo?ci powitalnej. W theme.php da?em taki kod ![]() Edytowane przez djdandi dnia 17.07.2011 11:41:57 Pozdrawiam all |
|
|
emil90ck |
Dodany dnia 17.07.2011 11:50:11
|
![]() Bywalec ![]() Postów: 376 Pomógł: 30 Ostrzeżeń: 3 ![]() Data rejestracji: 25.07.2008 13:11 |
djdandi napisa?/a: ok to mo?e inaczej chodzi o to ?e jak wejdziesz na stron? http://nivo.dev7s... i najedziesz na obrazek to pojawiaj? si? strza?ki po lewej i po prawej stronie oraz pod spodem jest loader a u mnie tego nie ma zamiast tych obrazków pojawiaj? si? napisy Prev i Next teraz rozumiesz. Wszystko mam zrobione jak podaje instrukcja. Dodam jeszcze to ?e chc? da? to w theme.php a nie w wiadomo?ci powitalnej. W theme.php da?em taki kod ![]() Podaj prawid?ow? lokalizacje plików graficznych :) Najlepiej podaj ca?y adres wraz z www lub zastosuj zmienne. |
|
|
djdandi |
Dodany dnia 17.07.2011 11:58:35
|
![]() Pocz?tkuj?cy ![]() Postów: 164 Pomógł: 1 Ostrzeżeń: 5 ![]() Data rejestracji: 05.11.2007 14:14 |
No ale przegl?da?em wszystkie pliki które s? podane w instrukcji napisanej przez Chemikpil i nie ma tan nic odno?nie tych strza?ek i tego loadera. Gdzie powinno umie?ci? si? pliki skórek za??czonych razem z Nivo Slider. Pozdrawiam all |
|
Strona 1 z 2: 12
Przejdź do forum: |