GoldenLine
Zaloguj się
Alicja Ż.

Alicja Ż. Właściciel
TabulaMedia Creative
Advertising i
www.Grawero...

Temat: Tło różne na każdej podstronie - pełny ekran

Witajcie,
walczę od kilku godzin z tłem na stronę, gdzie chcę zrobić (i już zrobiłam) tło na cały ekran nieprzewijalne. Pojawił mi się teraz problem z tym, by owo tło było inne na każdej podstronie.

tło umieściłam w ten sposób:

body {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: url(images/tlo1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

strona jest na php i element body ma w sobie zagnieżdżony <div id="tresc">, którego zawartość się zmienia i wraz ze zmianą zawartości powinno zmienić się tło.
Jak to rozwiązać?

Od razu zaznaczam, że nie powinnam używać jquery.

Pomóżcie proszę, bo trochę "utknęłam", lub choćby jakieś podpowiedzi gdzie mogę znaleźć jakiś skrypt/tutorial, lub jakąkolwiek podpowiedź?

z góry pięknie dziękuję :D
Link do wypowiedziLink

konto usunięte

Temat: Tło różne na każdej podstronie - pełny ekran

ustaw inline style na poziomie PHP
style="background: url(images/tlo1.jpg)" dla <Body> i generuj losowo jeden z kilku linkow ktore zdefiniujesz...

samym CSSem tego nie zrobisz.. wiec albo JS albo PHP....
ps... nie potrzebujesz do tak prostej rzeczy jquery, ale ciekawe ze to wspomnialas, jakby vanilla js nie istnialo ;)Andrzej Winnicki edytował(a) ten post dnia 27.05.12 o godzinie 23:35
Link do wypowiedziLink
Alicja Ż.

Alicja Ż. Właściciel
TabulaMedia Creative
Advertising i
www.Grawero...

Temat: Tło różne na każdej podstronie - pełny ekran

ps... nie potrzebujesz do tak prostej rzeczy jquery, ale ciekawe ze to wspomnialas, jakby vanilla js nie istnialo ;)

duży skrót myślowy to był, bo w innych miejscach gdzie zadałam temat - od razu poszło w tym kierunku :)
niestety założenia projektu są sztywne: html, php i css

pokombinuję z Twoją sugestią :D
Link do wypowiedziLink

konto usunięte

Temat: Tło różne na każdej podstronie - pełny ekran

no to php :)
jesli nie chcesz modyfikowac kodu, CSS i calego bajzlu....

- wskaz swoj background na tlo.php
- w pliku tlo.php wrzuci w tablice swoje linki do docelowych obrazkow
- napisz malutki selector, ktory losowo wybeirze licze 0 do ilekolwiek jest w tablicy
- a na koniec wezmie jeden z linkow i przekieruje - zrobi header redirect 302 :) ... mozesz byc 301, ale mozliwe ze przegladarki to zacachuja i nie bedzie to dzialac jakbys dokladnie chciala...

tym sposobem w ogole nie bedziesz modifykowac glownej strony i bedziesz miala pelna kontrole nad kodem tlo.php, cokolwiek by sie tam nie dzialo ;)

... ale rownie dobrze to wszystko mozesz zrobic w samej stronie i zamist redirecta, bedziesz wyswietlac inline style i tyle ;)Andrzej Winnicki edytował(a) ten post dnia 28.05.12 o godzinie 00:09
Link do wypowiedziLink

konto usunięte

Temat: Tło różne na każdej podstronie - pełny ekran

ja bym dodawał klasę lub id do 'body i na tej podstawie zmieniał tło zdefiniował tła w css.
Link do wypowiedziLink

konto usunięte

Temat: Tło różne na każdej podstronie - pełny ekran

najprościej tak jak napisał Michał

1. zmiana class tresc
czy możesz nadać tlo dla wartości id="tresc"?
jeśli tam to dodajesz <div id="tresc" class="red">
jeśli tam to dodajesz <div id="tresc" class="blue">
i w stylach
#tresc .red {background:red}
#tresc .red {background:blue}
jeśli nie to, to samo robisz przy <body>

2. zmiana class body
body {
background: url('home.jpg');
}
body.page-id-1234 {
background: url('page-1234.jpg');
}
body.post-id-4567 {
background: url('page-4567.jpg');
}
3. możesz przyjąć tez logikę zmiany background dla zmieniających się URL, tutaj przykład dot. blogu, nie trzeba będzie definiować
http://www.southernspeakers.net/2010/10/different-back...

4. coś dla wielbicieli jquery
http://jsfiddle.net/jFyZ8/1/

5. coś dla wielbicieli js
http://www.ezineasp.net/post/Javascript-Change-Div-Bac...

Wybierz co najlepsze dla Ciebie i zmodyfikuj dla własnych potrzeb
Link do wypowiedziLink
Alicja Ż.

Alicja Ż. Właściciel
TabulaMedia Creative
Advertising i
www.Grawero...

Temat: Tło różne na każdej podstronie - pełny ekran

Panowie, szczerze powiem, że jakoś nie bardzo mi wychodzi, to o czym mówicie - pewnie dlatego, że jestem początkująca (bardzo :) )

Michał: jeśli dobrze myślę (a nie koniecznie musi tak być) to żeby zmieniać id lub class w body musiałabym go wielokrotnie używać, tj na kilku podstronach z różnymi id lub classami - cokolwiek.

Stronę skonstruowaną mam na razie tak, że:
<html>
<head>
</head>
<body>
<page-wrap>
<top>
</top>
<tresc>
tu dopiero uruchamiam i zakańczam php
</tresc>
</page-wrap>
<stopka>
</stopka>
</body>
</html>

czy wobec takiej konstrukcji jestem w stanie użyć Twojej sugestii?

Osobiście skłaniam się do rady Andrzeja, ale nie do końca wiem jeszcze jak sobie z tym poradzić?
Link do wypowiedziLink

konto usunięte

Temat: Tło różne na każdej podstronie - pełny ekran

Alicja, przyznam że na php to ja za bardo się nie znam, ale znalazłem coś takiego http://perishablepress.com/dynamic-body-class-id-php-w.... Myślę możesz to wykorzystać u siebie. I wtedy moją metodą będzie łatwo. Sposób Andrzeja wykorzystywałem kiedyś. A skrypt brałem stąd http://host.sonspring.com/css-rotator/
Link do wypowiedziLink
Alicja Ż.

Alicja Ż. Właściciel
TabulaMedia Creative
Advertising i
www.Grawero...

Temat: Tło różne na każdej podstronie - pełny ekran

Panowie,
uprzejmie dziękuję za pomoc - bez Was mogłoby się nie udać :)

Jeszcze raz dziękuję

Temat do zamknięcia :)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj