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
2013-02-09, 00:01
Autor Wiadomość
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.
Wysłany:    [css] stopka & tło
Chciałem sobie zrobić szablon z jednym tłem wyświetlanym na górze, a drogim na dole przy stopce, ale nie wiem jak zabrać się za to drugie. Nie znalazłem w sieci odpowiedniego przykładu (pewnie źle szukam), a style z szablonów na wordpress są dla mnie zbyt pogmatwane.
Macie jakiś pomysł?
 
  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

teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA
Wysłany: 2010-03-02, 17:51   
kryczuś, czy chodzi ci o to?:


jeśli tak, to robisz container a w środku 3 div'y.
pierwszy to będzie nagłówek, drugi, to część właściwa z tekstem, trzecia oczywiście stopka dla której nadajesz w css tło graficzne, przy czym tło musi być od dołu (bottom center - ew. left czy right w zależności ja chcesz je ustawić).
jednak takie ustawienie powoduje problemy, jeśli chodzi o małą ilość tekstu - wtedy stopka nagle może znaleźć się "w powietrzu a nie na dole przeglądarki - nie jestem pewna, czy jest na to sposób,a przynajmniej ja nie umiem pokonać tej bariery :P
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.
Wysłany: 2010-03-02, 17:58   
Emm... O coś takiego: np.
 
  podziel si� tym postem na:
Yzoja 
WordPress.Klub
Psychofanka ||l||


Zaproszone osoby: 3
Imię: Angelika Wincenta
Pomogła: 8 razy
Wiek: 32
Dołączyła: 13 Gru 2008
Posty: 1040
Miasto: Zabrze
Wysłany: 2010-03-02, 18:19   
a ma się 'ruszać' to dolne i górne czy stać w miejscu? bo to też będzie różnica.
przy tym, by oba miał background-attachment: fixed, wystarczyłoby jedno tło dać normalnie w określeniu body, a drugie w jakimś divie, który byłby na całym ekranie.
jeśli nie, to wtedy budowa tego typu co teneniel mówi ;]
czyli masz tak:

CSS

Kod


body {
background: górne tło, bla bla,
margin: 0;
}

#kontener {
width: 100%
background-image: url();
background-position: bottom center;
}

#main {
width: np.800px;
margin: 0 auto;
}

#top {
paddingi, wysokość, czcionka, itp.
}

#blog {
paddingi, wysokość, czcionka, itp.
}

#bottom {
paddingi, wysokość, czcionka, itp.
}



HTML

Kod

<body>
<div id="kontener">
<div id="main">
<div id="top"></div>
<div id="blog"></div>
<div id="bottom"></div>
</div>
</div>
</body>


Ja bym to tak zrobiła ;]
______________________________________________________
|||||
Innerpartysystem - die tonight live forever
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-03-02, 18:33   
Podziel sobie w ten sposób na 3 części (podzieliłem Ci tła pod nie), a treść stopki i nagłówka ustaw sobie za pomocą marginesów. Oczywiście wysokość tego środkowego to np. 3 piksele (im więcej treści tym więcej tła, czyli (chyba) background-repeat: repeat-y; czy jakoś tak).

Ostatnio zmieniony przez miglu149 2010-03-02, 18:35, w całości zmieniany 1 raz  
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.
Wysłany: 2010-03-02, 18:34   
Tło dolne ma przemieszczać się w dół wraz ze stopką wraz z ilością tekstu w "kontenerze".
Taki żywy przykład jest na moim blogu, widać tło na dole widać przy większej rozdzielczości niż 1024x768

[ Dodano: 02-03-2010, 18:36 ]
miglu149, ja to też tak sobie zrobiłem, ale jak wepchnąć to tło dolne pod stopkę?

[ Dodano: 02-03-2010, 18:36 ]
a raczej jak to tam zakodować...
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-03-02, 18:36   
No chyba robisz oddzielny div na stopkę i tam umieszczasz tło.

Ten łuk i białe tło to jest jeden obrazek w kodzie (i on służy jako tło) z tym niebieskim tłem jakby coś...
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.
Wysłany: 2010-03-02, 18:40   
miglu149, masz dwa pliki ten łuk na tle i plik z samym tłem.
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-03-02, 18:46   
A nie można zrobić z tego jednego tła? Będzie łatwiej...
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.
Wysłany: 2010-03-02, 18:54   

miglu149 napisał/a:

A nie można zrobić z tego jednego tła? Będzie łatwiej...
To co w którymś momencie kawałek stopki będzie Ci się powtarzał?

Chyba znalazłem odpowiedni przykład z prostym kodem (bez udziwnień) - tuż pod nosem - link Projekt Htsza (wiedziałem, że u kogoś to widziałem :D )
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-03-02, 19:03   

Krzysiek napisał/a:

To co w którymś momencie kawałek stopki będzie Ci się powtarzał?

Stopka zawiera zazwyczaj mało treści. :P
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.
Wysłany: 2010-03-02, 19:14   
-_- Ehem...

np.

 
  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