Twoje centrum PBF

Arashi · 2010-10-06 21:09:32

Podgląd:
http://www.arashi.pun.pl/forums.php - widać w ogłoszeniu. Wyglądają lepiej kiedy są zapełnione ;P

Kod:

<table border="0" width="100%">
    <tr border="0" align="left" valign="top">
        <td border="0" width="25%" height="200px">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł pierwszego boxa.</h2></span>
        <p>Tekst wewnątrz pierwszego boxa.</p>
        </div></div>
        
        </td>
        <td width="25%" height="200px">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł drugiego boxa.</h2></span>
        <p>Tekst wewnątrz drugiego boxa.</p>
        </div></div>
        
        </td>
        <td width="25%" height="200px">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł trzeciego boxa.</h2></span>
        <p>Tekst wewnątrz trzeciego boxa.</p>
        </div></div>
        
        </td>
        <td width="25%" height="200px">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł czwartego boxa.</h2></span>
        <p>Tekst wewnątrz czwartego boxa.</p>
        </div></div>
        
        </td>
        
    </tr>
</table>

W kodzie zamieniściłęm informacje co gdzie trzeba wpisać. Jeśli chcecie zmniejszyć ilość boxów, należy skopiować te część:

Kod:

<td width="25%" height="200px">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł boxa.</h2></span>
        <p>Tekst wewnątrz boxa.</p>
        </div></div>
        
        </td>

Analogicznie, jeśli chcecie ich mniej, usuwacie powyższą część z całego kodu.

Jeśli zmieniacie ilość boxów, musicie w każdym zmienić wysokość(width="XX%"):
1 Box: 100% każdy
2 Boxy: 50% każdy
3 Boxy: 33% każdy
4 Boxy: 25% każdy
5 Boxów: 20% każdy
6 Boxów: 16.6% każdy
7 Boxów: 14.2% każdy
8 Boxów: 12.5% każdy
9 Boxów: 11.1% każdy
10 Boxów: 10% każdy

Jeśli wysokość będzie za mała, bądź za duża, należy zmienić ją w każdym z boxów, inaczej będzie wyglądać brzydko.

Elian · 2010-10-07 14:52:25

Przydatny ten kodzik, zwłaszcza, że co raz częściej widujemy takie podzielenie ogłoszenia.

MarxVen · 2010-10-22 19:58:42

A umiałbyś to przerobić tak jak na http://www.design.pun.pl

Mangel · 2010-10-22 21:51:26

Gówno nie kodzik. W Operze wygląda jak idea słowa które stoi na początku tego posta.
Kod powinien śmigać we wszystkich 4 największych przeglądarkach.

MarxVen · 2010-10-22 22:28:12

Mangel:
Mi w operze wszystko ładnie śmiga.

Arashi · 2010-10-22 22:54:18

Mangel, specjalnie dla ciebie:

Kod:

<table border="0" id="tabelka0">
    <tr border="0" align="left" valign="top">
        <td id="tabelka1">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł pierwszego boxa.</h2></span>
        <p>Tekst wewnątrz pierwszego boxa.</p>
        </div></div>
        
        </td>
        <td id="tabelka1">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł drugiego boxa.</h2></span>
        <p>Tekst wewnątrz drugiego boxa.</p>
        </div></div>
        
        </td>
        <td id="tabelka1">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł trzeciego boxa.</h2></span>
        <p>Tekst wewnątrz trzeciego boxa.</p>
        </div></div>
        
        </td>
        <td id="tabelka1">
        <div border="0" class="box"><div border="0" valign="top">
        <span><h2>Tytuł czwartego boxa.</h2></span>
        <p>Tekst wewnątrz czwartego boxa.</p>
        </div></div>
        
        </td>
        
    </tr>
</table>

<style>
table#tabelka0 {
width: 100%
heigth: 200px
}
td#tabelka1 {
width: 25%
heigth: 200px
}
</style>

Czy teraz wszystko śmiga, sir?

Nelgor · 2010-10-26 16:24:27

Zastanawia mnie jedno. Czemu w Chromium jak i Operze nie widzę tytułów boxów?

Arashi · 2010-10-26 16:58:21

Jeśli umieszczasz to w ogłoszenie nie powinno być problemów - sprawdziłem i działało i na Chrome i na Mozilli. Jednak kiedy wklejam to w stopkę, z jakiegoś powodu nie działa: nie wiem czemu.

Nelgor · 2010-10-26 18:55:43

Wkleiłem w stopkę.
W ogłoszeniu działa. Tylko widzę jeden mankament w stylu Test9 (nie wiem jak z innymi, ale raczej to samo).

Chodzi o za niską belkę. Oczywiście jest tak we wszystkich box'ach.

Przeglądarka: Chromiumek niezawodny.

Jullka · 2010-10-29 13:26:14

Też miałam z tym problem...
jak kończysz pisać w ten Tekst,to umieść to 
 
 
 
 
 
 
 
Na końcu:)

Elian · 2010-10-29 15:05:43

Ja proponuję ustawić wysokość wiersza dodając do niego parametr:

Kod:

height="X"

Gdzie X wpisz wysokość w pikselach

Powinno pomóc

Kontakt	Toplisty	Wymiana Buttonami
Administrator - Elian gg: 9597453 Moderator - Nelgor gg: 2588077 Redaktor Naczelny PBF Station - Solarie gg: 5800060 AQQ: reira.lg@aqq.eu

Twoje centrum PBF

Ogłoszenie

Nowy serwis

Partnerzy

#1 2010-10-06 21:09:32

Ogłoszenie na DIVach

Kod:

Kod:

#2 2010-10-07 14:52:25

Re: Ogłoszenie na DIVach

#3 2010-10-22 19:58:42

Re: Ogłoszenie na DIVach

#4 2010-10-22 21:51:26

Re: Ogłoszenie na DIVach

#5 2010-10-22 22:28:12

Re: Ogłoszenie na DIVach

#6 2010-10-22 22:54:18

Re: Ogłoszenie na DIVach

Kod:

#7 2010-10-26 16:24:27

Re: Ogłoszenie na DIVach

#8 2010-10-26 16:58:21

Re: Ogłoszenie na DIVach

#9 2010-10-26 18:55:43

Re: Ogłoszenie na DIVach

#10 2010-10-29 13:26:14

Re: Ogłoszenie na DIVach

#11 2010-10-29 15:05:43

Re: Ogłoszenie na DIVach

Kod:

Stopka forum