Forum Blogowe 17 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

»  »  »  »  ::
Zamknięty przez: Htsz
2014-04-10, 16:18
Autor Wiadomość
lenn 


Imię: Anna
Wiek: 41
Dołączyła: 29 Wrz 2009
Posty: 20
Wysłany:    [blog.pl] obrazek (nie tło) na całej stronie
... a więc (nie zaczyna się zdania od "a więc...") więc a.
czy jest może Wam wiadomo, drodzy moi, czy da się wstawić na bloga obrazek "na wierzch" rzeczonego, w skrócie: tło->treść->obrazek na treści.

z góry zaznaczam, ze nie chodzi mi o ochronę treści na blogu, tylko o uzyskanie pewnego efektu - dla przykładu, tak jakby na całym blogu padał śnieg (to tylko przykład).

znalazłam animowanego gifa, przerobiłam go na przezroczysty, ale jak go wstawiam w kod (nad wszystkimi divami) to owszem, jest, ale tylko pojedynczy.
próbowałam skopiować go i głupią metodą ustwaić w określonych miejscach kilka tych samych obrazków, bnez duplikowania, mniej więcej na takiej zasadzie: (dla obrazka 500x500)

obrazek - top0, left 500
obrazek - top500, left500
obrazek - top1000, left500

itd tak samo, dla drugiej "kolumny" strony, ale się nie da. chyba interpretuje ten sam obrazek jako po prostu jeden obrazek i tyle.

może powinnam go ponazywać inaczej i wtedy spróbować ww. metody, ale strasznie dużo z tym zachodu.

ale zrobię to chyba, jeśli mi napiszecie, ze nie da się inaczej.
obrazek jak był, tak jest tylko w lewym górnym rogu.

czy
______________________________________________________
męczy się człowiek lenn męczy
znów zeń jest rzeczy niepotraf
niepewny cozrobień
yeń
(Białoszewski [twórczo przetworzony])
 
  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

miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-10, 16:16   

Cytat

czy jest może Wam wiadomo, drodzy moi, czy da się wstawić na bloga obrazek na wierzch

Myślę, że chodzi o pozycjonowanie divów w CSS. Poczytaj sobie o tym. ;)
 
  podziel si� tym postem na:
lenn 


Imię: Anna
Wiek: 41
Dołączyła: 29 Wrz 2009
Posty: 20
Wysłany: 2009-10-10, 16:32   
...no nie wiem czy o to chodzi.
chodzi o to, czy (ogólnie rzecz ujmując), czy da się na wierzch tła dać obrazek, który będzie się powtarzał na CAŁEJ stronie.

gdzieś w necie czytałam, że nie. ale to byli angole, a polscy programiści są najlepsi na świecie:), a poza tym wypowiedź była z 2004 roku... może coś się zmieniło?

[ Dodano: 10-10-2009, 17:35 ]
próbowałam też zrobić dużego gifa z tego co mam (przypominam, ze jest animowany), łącząc go na szerokość i długość w programie graficznym (easy gif animator), ale też się nie da chyba. przynajmniej nic o tym nie wiem.
______________________________________________________
męczy się człowiek lenn męczy
znów zeń jest rzeczy niepotraf
niepewny cozrobień
yeń
(Białoszewski [twórczo przetworzony])
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-10, 16:41   

lenn napisał/a:

próbowałam też zrobić dużego gifa

Zrób dużego gifa na szerokość strony, a wysokość np. 100px. A potem:

Kod

background-repeat: repeat-y;
Ostatnio zmieniony przez miglu149 2009-10-10, 16:43, w całości zmieniany 1 raz  
 
  podziel si� tym postem na:
lenn 


Imię: Anna
Wiek: 41
Dołączyła: 29 Wrz 2009
Posty: 20
Wysłany: 2009-10-10, 16:42   
ale animowanego da sie? musiałabym go połączyć z pionie i poziomie, chyba że jest w cssie jakiś sposób na to, komenda repeat jak szukałam, odnosi się tylko do tła...
______________________________________________________
męczy się człowiek lenn męczy
znów zeń jest rzeczy niepotraf
niepewny cozrobień
yeń
(Białoszewski [twórczo przetworzony])
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-10, 16:44   
Zrób jednego diva na wszystkich divach i ustaw obrazek jako tło...
 
  podziel si� tym postem na:
lenn 


Imię: Anna
Wiek: 41
Dołączyła: 29 Wrz 2009
Posty: 20
Wysłany: 2009-10-10, 17:24   
czyli jak?

<div>
<div style="background(url:OBRAZEK)">


jakiś div
jakis div
jakiś div

</div>

?

[ Dodano: 10-10-2009, 18:29 ]
dałam tło z tego gifa we wszystkich divach na stronie, ale naokoło nich nie ma żadnej animacji..:) nie dziwota, dotyczyło to wszak tylko kilku divów. chyba żebym zrobiła JEDNEGO, WIELKIEGO DIVA:)
diva - godzillę, matkę wszystkich divów.
o wymiarach strony:)
a w nim malutkie divunie.

a czy mogę wobec tego dać mu wymiary width i height 100%, skoro we wszystkich innych divach mam ich rozmiary w px?
______________________________________________________
męczy się człowiek lenn męczy
znów zeń jest rzeczy niepotraf
niepewny cozrobień
yeń
(Białoszewski [twórczo przetworzony])
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-10, 17:30   
Pobaw się pozycjonowaniem tego diva. ;)
 
  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: 2009-10-10, 17:39   
miglu149, już Cię prosiłem, że jeżeli nie umiesz pomóc (nie jesteś pewien swojej rady) to nie strzelaj ślepo bo oboje tracicie czas niepotrzebnie.

lenn po raz kolejny kłania się tutaj kurs HTML+CSS ;)

wystarczy zastosować z-index do określenia pozycji warstwy tego obrazka, nadać tło standardowo używając tej grafiki, dodać szerokość i wysokość diva na 100% i ustawić pozycjonowanie na fixed.

Kod

<div style="z-index: 1; width:100%; height: 100%; background: url('http://adresobrazka.pl/natlo.gif'); position: fixed;"></div>


To rozwiązanie działa bez problemu na Firefox, Opera czy Chrome - tło widoczne jest nawet przy przesuwaniu ekranu. Kłopoty ma IE.

zamiast

Kod

position: fixed;
można użyć:

Kod

position: absolute; top:0px; left:0px;
ale w ten sposób zakolorujemy tylko to co widzimy po wczytaniu strony, po przewinięciu jej w dół tło nie będzie się uzupełniało.
______________________________________________________
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:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-10, 18:22   

Cytat

Pobaw się pozycjonowaniem

Htsz napisał/a:

position: fixed;

To o czym ja mówiłem?

[ Komentarz dodany przez: Htsz: 10-10-2009, 19:44 ]
tak pisałeś o pozycjonowaniu a pozostałe rady :> ? jak się do tego mają i czy są optymalnym rozwiązaniem problemu? raczej nie ;)
 
  podziel si� tym postem na:
lenn 


Imię: Anna
Wiek: 41
Dołączyła: 29 Wrz 2009
Posty: 20
Wysłany: 2009-10-10, 18:29   
...ale nadal nie, wiem, jak dać tego gifa na CAŁĄ szerokość i wysokość strony (powtórzyć go, tak jak można powtórzyc obrazek na tło). jeszcze raz przypominam, jest on animowany, więc nie za bardzo z rozciąganiem go. nie chodzi o warstwy, bo widać go na tle doskonale. moze dam adres, zobaczycie o co mi chodzi (dobra, przyznaję się, nie o śnieg:))


to
______________________________________________________
męczy się człowiek lenn męczy
znów zeń jest rzeczy niepotraf
niepewny cozrobień
yeń
(Białoszewski [twórczo przetworzony])
 
  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: 2009-10-10, 18:41   

lenn napisał/a:

...ale nadal nie, wiem, jak dać tego gifa na CAŁĄ szerokość i wysokość strony
podałem praktycznie gotowe rozwiązanie wyżej. Wstawiasz w odpowiednie miejsce w kodzie link pobrany z "Direct" na imageshack i gotowe.
______________________________________________________
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:   
»  »  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
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-2024 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