Witaj szanowny Gościu na forum Odjechani.com.pl. Serdecznie zachęcamy do rejestracji. Tylko u nas tak przyjazna atmosfera. Kliknij tutaj, aby się zarejestrować i dołączyć do grona Odjechanych!

Strona odjechani.com.pl może przechowywać Twoje dane osobowe, które w niej zamieścisz po zarejestrowaniu konta. Odjechani.com.pl wykorzystuje również pliki cookies (ciasteczka), odwiedzając ją wyrażasz zgodę na ich wykorzystanie oraz rejestrując konto wyrażasz zgodę na przetwarzanie swoich danych osobowych w ramach funkcjonowania serwisu. Więcej informacji znajdziesz w naszej polityce prywatności. Pozdrawiamy!


Zmiana tła w CSS
#1
Witam.
CSS nie jest mi zbytnio znane, mam otóż taki problem:
[Obrazek: screen-1358081783.jpg]

Tam gdzie jest menu, mam tło obrazkowe, a niżej gdzie jest główna treść strony mam zwykłe białe tło.
Jaki plik edytować i co do niego dodać aby strona była w tym jednolitym tle obrazkowym?
Jeśli trzeba to przytoczę zawartość odpowiadającego za to pliku.
[Obrazek: jGTeTrj.png]

"Tak młody jak dziś nie będziesz już nigdy. Wykorzystaj to z myślą o Twoim jutrze."

  Odpowiedz
#2
Wygląda mi na to, że obrazek tła jest powtarzany tylko poziomo lub stoi w miejscu. Powinieneś ustawić mu powtarzalność. Dodaj do sekcji, gdzie masz obrazek tła (powinno to być body) coś takiego:

background-image: url('link_tła'); (prawdopodobnie już jest coś takiego wstawione)
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;

Znaczenie linii od góry:
1. Powtarzanie tła
2. Tło będzie stało w miejscu, gdy zawartość strony będzie się poruszała
3. Wyjściowa pozycja tła będzie w lewym górnym rogu.
  Odpowiedz
#3
Owy obrazek jest powtarzany w pliku template.css czterokrotnie.
Przytoczę:

#jsn-header {
	border-top: 5px solid #374A5F;
	margin-bottom: 20px;
	background: url(../images/header-pattern.png);
}

#jsn-menu {
	z-index: 900;
	color: #f2f2f2;
	position: relative;
	background: url(../images/header-pattern.png);
}

div.jsn-modulecontainer ul.menu-mainmenu ul {
	margin: 0;
	padding: 0;
	position: absolute;
	background: url(../images/header-pattern.png);
}

div.jsn-modulecontainer ul.menu-sidemenu ul {
	top: 0;
	position: absolute;
	background: url(../images/header-pattern.png);
}

Gdzie wstawić kod który mi podałeś?
[Obrazek: jGTeTrj.png]

"Tak młody jak dziś nie będziesz już nigdy. Wykorzystaj to z myślą o Twoim jutrze."

  Odpowiedz
#4
Istnieje w css sekcja body?
Kod 1 - jak sama nazwa wskazuje odnosi się do nagłówka
kod 2 - najprawdopodobniej blok menu
kod 3 i 4 - wypadają, odnoszą się do jednego div'a

Jeśli jest sekcja body, a powinna być, to dodaj w niej kod:
background-image: url('../images/header-pattern.png');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
  Odpowiedz
#5
W pliku template.css nie mogę znaleźć sekcji body...

Niżej zamieszczam ten plik do pobrania, mógłbyś sprawdzić? Dla mnie to czarna magia...
Download
[Obrazek: jGTeTrj.png]

"Tak młody jak dziś nie będziesz już nigdy. Wykorzystaj to z myślą o Twoim jutrze."

  Odpowiedz
#6
(13.01.2013, 21:11)Nicholas napisał(a): W pliku template.css nie mogę znaleźć sekcji body...

Niżej zamieszczam ten plik do pobrania, mógłbyś sprawdzić? Dla mnie to czarna magia...
Download

Nicholas jeżeli dopiero zaczynasz przygodę z CSS, to radzę zacząć od czegoś prostszego niż szablon Joomla. Co do kodu. To na samym początku masz sekcje body. Wystarczy dodać tło.

html, body 
{
line-height: 1.5;
	margin: 0;
	padding: 0; 
	background-image:url('tlo');
}
Chomik: YouTube | Portfolio deviantART


  Odpowiedz
#7
Rafał mordeczko Haha
Dziękuję, teraz wszystko ok.
Pozostałym również dziękuję za pomoc :)
[Obrazek: jGTeTrj.png]

"Tak młody jak dziś nie będziesz już nigdy. Wykorzystaj to z myślą o Twoim jutrze."

  Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Zmiana strony w Wordpress. Nieśmiertelny 2 2 020 08.05.2014, 07:03
Ostatni post: szalony

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości