Skocz do zawartości
Pecetowicz Forum komputerowe

Jak ustawić tło na całą stronę? Szablon PFA. phpBB2 by Przemo.

Izabella Zalewska

dodany przez Izabella Zalewska,
w phpBB2 modified by Przemo

 Udostępnij Obserwujący 0
Przejdź do rozwiązania Rozwiązane przez Mativve,

Rekomendowane odpowiedzi

  • Administrator
  • Rozwiązanie
Mativve

Mativve 4 525

Napisano
  • Administrator
  • Rozwiązanie
Napisano

Witaj

W stylach CSS należy umieścić taką właściwość: 

background-repeat: no-repeat;
background-size: 100% auto;

dodatkowo aby tło "scrollowało" się można dodać: 

background-attachment: fixed;

 

A w przypadku Twojej strony będzie to wyglądało tak: 

body {
	background: url(images/bg.png) #0a0a0a repeat;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	background-attachment: fixed;
}

 

  • Lubię to! 2
  • Super 1
  • Dzięki! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Administrator
Mativve

Mativve 4 525

Napisano
  • Administrator
Napisano (edytowane)

@Izabella Zalewska Super

 

Co do "row" to tutaj jest lekka górka bo w kategoriach tło jest graficzne i trzeba by było je przerobić na przezroczyste. Ewentualnie pozbyć się go usuwając z .row_forum właściwość background i dla #content ustawić taką regułę: 

#content {
	width: 1020px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	background: rgba(0,0,0,0.95);
}

Wynikiem czego będzie takie efekt jak na screenie poniżej - ("siłę" przezroczystości można ustawić w przedziale od 0 do 1 w ostatniej wartości rgba(0, 0, 0, 0.95)

Spoiler

obraz.png

 

Edytowane przez Mativve
  • Lubię to! 2
  • Super 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Obserwujący 0
Tematy
×
×
  • Dodaj nową pozycję...