Strona 1 z 1

Tło pod forum

: 22 października 2008, 13:55
autor: 1NuB
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ć?

Re: Tło pod forum

: 22 października 2008, 14:16
autor: daroPL
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).

Re: Tło pod forum

: 22 października 2008, 15:00
autor: 1NuB
Kurcze nawet niewiem gdzie to wpisać. Chcę poprostu jakieś 10 px od forum mieć czarne tło (chodzi by było jednokolorowe).

Re: Tło pod forum

: 22 października 2008, 15:11
autor: daroPL
Robisz to w /theme/common.php

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

Re: Tło pod forum

: 22 października 2008, 15:28
autor: 1NuB
To jest wg bez sensu, powinniście zrobić taki poradnik bo na pewno by się początkujacym przdało.

Re: Tło pod forum

: 23 października 2008, 14:42
autor: 1NuB
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?

Re: Tło pod forum

: 23 października 2008, 17:53
autor: daroPL
Dodaj do #wrap linie:

Kod: Zaznacz cały

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

Re: Tło pod forum

: 24 października 2008, 15:14
autor: 1NuB
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%

Re: Tło pod forum

: 24 października 2008, 15:45
autor: daroPL
Nie rozumiem o co Ci chodzi.

Re: Tło pod forum

: 24 października 2008, 18:01
autor: 1NuB
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ć?

Re: Tło pod forum

: 24 października 2008, 19:09
autor: daroPL
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;

Re: Tło pod forum

: 25 października 2008, 19:28
autor: 1NuB
----
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.

Re: Tło pod forum

: 26 października 2008, 08:54
autor: daroPL
Do #wrap dodaj parametry:

Kod: Zaznacz cały

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

Re: Tło pod forum

: 26 października 2008, 09:28
autor: 1NuB
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.

Re: Tło pod forum

: 07 listopada 2008, 19:26
autor: 1NuB
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/