Tło pod forum

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Tło pod forum

Post autor: 1NuB » 22 października 2008, 13:55

Jo :wink:

Jak zrobić takie tło podobne do tego co jest na konkurencyjnej stronie phpbb3.pl? Używam stylu prosilver czyli tego samego co tu jest i tam. Zależy mi na byałym tle pod forum i po bokach ciemne no ale kolorki to już nie problem.

Wie ktoś jak to zrobić?

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Tło pod forum

Post autor: daroPL » 22 października 2008, 14:16

Co do tła w postaci gradientu, to tworzysz sobie mały gradient w programie graficznym. Następnie w CSS ustalasz dla body
background-image, background-repeat (na repeat-x) oraz background-color (kolor dla reszty tła, która nie będzie pokryta przez obrazek).
Jeśli chodzi o "po bokach ciemne" to ustalasz po prostu border-left i border-right (wartość 1px solid #wartość koloru). Najprawdopodobniej musisz ustawić do dla klasy wrap (nie jestem pewien - piszę bez sprawdzania).

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 22 października 2008, 15:00

Kurcze nawet niewiem gdzie to wpisać. Chcę poprostu jakieś 10 px od forum mieć czarne tło (chodzi by było jednokolorowe).

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Tło pod forum

Post autor: daroPL » 22 października 2008, 15:11

Robisz to w /theme/common.php

Polecam http://www.google.pl/search?q=kurs+css

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 22 października 2008, 15:28

To jest wg bez sensu, powinniście zrobić taki poradnik bo na pewno by się początkujacym przdało.

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 23 października 2008, 14:42

Znalazłem taką klase #wrap

Kod: Zaznacz cały

#wrap {
   padding: 0 20px;
   width: 900px;  
   margin: 0 auto;
   min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}
Co w niej mogę zmienić by nadać ten kolor? Moze o inną chodzi?

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Tło pod forum

Post autor: daroPL » 23 października 2008, 17:53

Dodaj do #wrap linie:

Kod: Zaznacz cały

border-left: 1px solid #000;
border-right: 1px solid #000;

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 24 października 2008, 15:14

Właśnie o to mi chodziło (podobny efekt ale wypełnienie sam ustawiam i gdy ustawię np za duże to będzie trzeba przewijać stronę w poziomie

da się jakoś zrobić w procentach? np 100%

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Tło pod forum

Post autor: daroPL » 24 października 2008, 15:45

Nie rozumiem o co Ci chodzi.

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 24 października 2008, 18:01

Kiedy wpiszę:
border-left: 1px solid #000;
border-right: 1px solid #000;
To po obu stronach pokazują mi się dwa czarne paski o szerokosci 1px i teraz gdy ustawię więcej np 1000px to paski mi sie zwiększą ale w zamian za to muszę przeinąć stronę w prawo by zobaczyc forum, I teraz gdy ustawię wartość dla siebie odpowiedznią to ktoś na niższej roździelczości i tak bedzie musiał przewijać... tutaj jest tak ze niezaleznie od rozdzielczosci pod forum jest białe tło, zaź ciut dalej lekko szarawe, i takie chce mieć tyle ze zamiast lekko szarawe, czarne.

ps znalazłem taki styl:
http://twojestyle.pl/phpBB3/index.php?s=573
I da się nałożyć prosilver na góre czyli kolory ikony logo itd a ten biały prostokąt i to niebieskie tło zostawić?

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Tło pod forum

Post autor: daroPL » 24 października 2008, 19:09

Hmm... chcesz zrobić border o tak dużej szerokości?
1NuB pisze:ps znalazłem taki styl:
http://twojestyle.pl/phpBB3/index.php?s=573
I da się nałożyć prosilver na góre czyli kolory ikony logo itd a ten biały prostokąt i to niebieskie tło zostawić?
Przecież podałem Ci wcześniej jak zrobić tło o innym kolorze. Ustaw w tym pliku co ustawiasz #wrap, dla body linię:

Kod: Zaznacz cały

background-color: #wartość_koloru;

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 25 października 2008, 19:28

----
Już się z tym uporałem. Jak zrobić odstęp od loga od końca strony (mozna zobaczyc na csadyba.pl) bo tak jak jest teraz to troche brzydko wygląda.

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Tło pod forum

Post autor: daroPL » 26 października 2008, 08:54

Do #wrap dodaj parametry:

Kod: Zaznacz cały

padding-top: 10px;
padding-bottom: 10px;

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 26 października 2008, 09:28

daroPL pisze:Do #wrap dodaj parametry:

Kod: Zaznacz cały

padding-top: 10px;
padding-bottom: 10px;
To nic nie dało. Wstawiłem <br /> w overall_header.html w linijce odpowiadającej za wyświetlanie loga.

1NuB
Posty: 96
Rejestracja: 17 września 2008, 14:23

Re: Tło pod forum

Post autor: 1NuB » 07 listopada 2008, 19:26

Jezeli mam jakis obrazek np o wymiarach 200x200 to jak go wstawić na tło strony, tak by sie pojawiał za tym białym prostokątem obok siebie tak jak tu http://www.csarena.pl/

Zablokowany

Wróć do „Pomoc”