Jak stworzyc dodatkowe tabele na reklamy?

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
DsD
Posty: 4
Rejestracja: 05 maja 2009, 17:19

Jak stworzyc dodatkowe tabele na reklamy?

Post autor: DsD » 05 maja 2009, 17:29

Adres forum: www.forumchomikuj.pl
Wersja phpBB3:3.0.4
Forum było instalowane od zera,
Serwer na którym zainstalowane jest forum: serwer ze strony wedb.pl

Używany(e) szablon(y):SpringTime

Chce dodać po prawej i lewej stronie dodatkowe tabele w których umieszczę reklamy itp tak jak na tym forum http://forum.perkusjaonline.pl/ tyle ze ja chce po obu stronach.
Proszę o pomoc, jeśli istnieje taki temat to przepraszam szukałem na wszystkie sposoby.

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: Jak stworzyc dodatkowe tabele na reklamy?

Post autor: pit » 05 maja 2009, 21:55

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
* {margin:0;padding:0;}
body {width: 999px; margin: 10px auto; background: #ccc}
#menu {height: 50px; background: green; border: 2px solid #000}
#reklama-l {width:110px; height: 100%; float: left; margin-right: 5px; border: 2px solid #488300}
#forum {background: #E7EFD2; width: 755px; height: 400px; float: left; border: 2px solid #488300}
#reklama-r {width:110px; height: 100%; float: left; margin-left: 5px; border: 2px solid #488300}
#reklama-l,#forum,#reklama-r {margin-top:5px}
</style>
</head>
<body>
<div id="menu"><h3>Menu</h3></div>
<a name="top"></a>
<div id="reklama-l"><h3>Reklama</h3>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
<div id="forum"><h3>Forum</h3></div>
<div id="reklama-r"><h3>Reklama</h3>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
</html>

DsD
Posty: 4
Rejestracja: 05 maja 2009, 17:19

Re: Jak stworzyc dodatkowe tabele na reklamy?

Post autor: DsD » 06 maja 2009, 06:28

Dzięki! I jeszcze jedna prośba. Pokierujesz mnie jeszcze co i jak dokładnie z tym kodem?

DsD
Posty: 4
Rejestracja: 05 maja 2009, 17:19

Re: Jak stworzyc dodatkowe tabele na reklamy?

Post autor: DsD » 06 maja 2009, 10:54

Aha i do tego jeszcze jedno pytanie.chce zmienić szerokość pierwszej tabeli, pierwszego działu jaki mam na forum, chce po prostu żeby był szersze, ma to wyglądać mniej więcej tak:

Obrazek

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: Jak stworzyc dodatkowe tabele na reklamy?

Post autor: pit » 06 maja 2009, 16:19

Pokierujesz mnie jeszcze co i jak dokładnie z tym kodem?
To mój styl czy Twój.
W "index_body.html" przed

Kod: Zaznacz cały

<!-- INCLUDE overall_header.html -->
wklej

Kod: Zaznacz cały

<div id="reklama-l"><h3>Reklama</h3>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
po

Kod: Zaznacz cały

<!-- INCLUDE overall_footer.html -->
wklej

Kod: Zaznacz cały

<div id="reklama-r"><h3>Reklama</h3>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
w stylach

Kod: Zaznacz cały

#wrap {
	background: #E7EFD2;
	background-image: url('./images/body_bg.gif');
	width: 755px;
	float: left;
}

i dopisz

Kod: Zaznacz cały

#reklama-l {width:110px; height: 100%; float: left; margin-right: 5px; border: 2px solid #488300}
    #reklama-r {width:110px; height: 100%; float: left; margin-left: 5px; border: 2px solid #488300}
    #reklama-l,#forum,#reklama-r {margin-top:5px}
#logo trzeba dać "width" stosownie do #wrap minus border, w tym przypadku 4px.

Zablokowany

Wróć do „Pomoc”