Forum Blogowe 19 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
yellowobsession 
WordPress.Klub

Imię: Kamil
Dołączył/a: 07 Lut 2012
Posty: 31
Wysłany:    [blogger] Jak dodać efekt lightbox 2 na bloga?
Witam,
jak zainstalować skrypt lightbox 2 http://lokeshdhakar.com/projects/lightbox2 na blogerze?
bardzo denerwujący jest to,gdy klikam na zdjęcia w poście i przekierowuje na strone ze zdjęciem.Próbowałem operacji "przywróc domyślne szablony widżetów",ale nie pomogło,dlatego chciałbym wgrać skrypt lightboxa.
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-06-16, 18:31   

yellowobsession napisał/a:

Próbowałem operacji przywróc domyślne szablony widżetów,ale nie pomogło
Trochę dziwne, żen ie pomogło to co napisałem w innym temacie, u mnie zadziałało natychmiast po zapisaniu zmian (miałem ustawiony ten sam szablon).

yellowobsession napisał/a:

jak zainstalować skrypt lightbox 2 http://lokeshdhakar.com/projects/lightbox2 na blogerze?
Masz dostęp do edytora HTML zatem postępujesz według instrukcji na ich stronie.

1. Pobierasz niezbędne pliki, tj. dwa javascript, jeden css i obrazki, wszystkie dostępne są tutaj: https://github.com/lokesh/lightbox2
2. Musisz mieć jakiś serwer gdzie możesz wgrać te pliki.
3. Znając adres serwera uzupełniasz pliki:
https://github.com/lokesh...ss/lightbox.css fragment:

Kod

.lb-prev:hover {
background: url(../../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
background: url(../../images/next.png) right 48% no-repeat;
}

https://github.com/lokesh.../js/lightbox.js fragment:

Kod

this.fileLoadingImage = 'images/loading.gif';
this.fileCloseImage = 'images/close.png';


o odpowiednie ścieżki do obrazków, tak żeby pobierało je z folderów na Twoim serwerze.

4. uzupełnione pliki wgrywasz na swój serwer
5. Przechodzisz do edytora HTML szablonu
6. odszukujesz </head> i tuż na nim wklejasz kody:

Kod

<script src="http://adrestwojegoserwera.pl/jquery-1.7.2.min.js"></script>
<script src="http://adrestwojegoserwera.pl/lightbox.js"></script>
<link href="http://adrestwojegoserwera.pl/lightbox.css" rel="stylesheet" />

7. Zapisujesz zmiany
8 Dodając obrazki do wpisu za każdym razem musisz przełączać się na widok HTML posta i w kodzie link obrazka dopisywać rel=lightbox przykład:

Kod

<a href="http://adrestwojegobloga.pl/images/image-1-full.jpg" rel="lightbox" title="my caption"><img src="http://adrestwojegobloga.pl/image-1.jpg"/></a>
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
yellowobsession 
WordPress.Klub

Imię: Kamil
Dołączył/a: 07 Lut 2012
Posty: 31
Wysłany: 2012-06-17, 02:18   

Kod

.lb-prev:hover {
background: url(../http://i.imgur.com/5AFlx.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
background: url(../http://i.imgur.com/fKWtI.png) right 48% no-repeat;

}




Kod

this.fileLoadingImage = 'http://i.imgur.com/UQUjB.gif';
this.fileCloseImage = 'http://i.imgur.com/t7Syq.png';



gdzie mam ten kod wkleić ?




a pod drugie czy dobrze uzupełniłem ten kod:


Kod

<script src="http://fs03n2.sendspace.com/dl/277e2e1741a6b1bf148b8101ffcf114f/4fdd204868e7e06a/gsvgtv/jquery-1.7.2.min.js"></script>
<script src="http://fs03n5.sendspace.com/dl/e28df3d506ad260e3df7894eace96db2/4fdd2047239368c3/9x410g/lightbox.js
"></script>
<link href="http://fs03n3.sendspace.com/dl/f5a6c01fe92316544a6f875296000da5/4fdd2049062161ee/pbsbf3/lightbox.css
" rel="stylesheet" />
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-06-17, 08:26   

yellowobsession napisał/a:

dzie mam ten kod wkleić ?
odszukaj w kodach źródłowych tego co podałem ja i zamień na Twoje.

yellowobsession napisał/a:

a pod drugie czy dobrze uzupełniłem ten kod:
nie da się wejść na te permalinki i zobaczyć źródeł zatem sendspace nie udostępnia hotlinku a jedynie pozwala na ściąganie plików. Musisz znaleźć inny serwer.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2025 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz