Modyfkacja stylu/ramki

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Modyfkacja stylu/ramki

Post autor: ania07 » 02 marca 2009, 09:57

witam,
na forum http://www.kochamnarty.pl zainstalowałem Sb. Nie ma on podwojnej ramki jak widać poniżej na screnie:

http://img80.imageshack.us/my.php?image=ramki.png
(zaznaczylem strzałkami)
Pytanie: jak pozbyc sie podwójnych ramek w pozostałych działach, tak by one wygladaly jak SB dokładnie?
Co i gdzie zmodyfikować w tym stylu?

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 02 marca 2009, 11:18

Na te ramki jest po prostu dodatkowa tabela -

Kod: Zaznacz cały

<table width="100%" border="0" cellpadding="0" cellspacing="0">

  <tr>
    <td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/tl.gif" width="8" height="8" alt="" /></td>
    <td height="8" style="background:url('./styles/AeroGreenX/theme/images/tm.gif');"></td>
    <td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/tr.gif" width="8" height="8" alt="" /></td>
  </tr>
  <tr>
    <td width="8" style="background:url('./styles/AeroGreenX/theme/images/ml.gif');"></td>
    <td>
<table class="tablebg" cellspacing="0" width="100%">

        <tr>
              <th colspan="2">&nbsp;Dział&nbsp;</th>
              <th width="50">&nbsp;Tematy&nbsp;</th>
              <th width="50">&nbsp;Posty&nbsp;</th>
              <th>&nbsp;Ostatni post&nbsp;</th>
      </tr>
<tr>

			<td colspan="5" align="left" class="row3h"><h4><a href="http://www.kochamnarty.pl/sprawy-forum.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5">Sprawy forum</a></h4></td>
  </tr>
			<tr>
			<td class="row1" width="50" align="center"><img src="./styles/AeroGreenX/imageset/forum_read.png" width="28" height="28" alt="Brak nowych postów" title="Brak nowych postów" /></td>
			<td class="row1h" width="100%">
								<a class="forumlink" href="http://www.kochamnarty.pl/portalu.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5">O forum. Powitania, ogłoszenia i uwagi</a>
				<p class="forumdesc">Sprawy ważne dla naszego forum i naszych userów. Powitania, komunikaty, zapytania do moderatorów, administracji. Sprawy pilne.</p>

							</td>
			<td class="row2" align="center"><p class="topicdetails">32</p></td>
			<td class="row2" align="center"><p class="topicdetails">429</p></td>
			<td class="row2" align="center" nowrap="nowrap">
									<p class="topicdetails"><a href="http://www.kochamnarty.pl/post3125.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5#p3125" title="Re: Powitanie">Re: Powitanie</a></p>
					<p class="topicdetails">N, 1 mar 2009, 11:45</p>
					<p class="topicdetails"><a href="http://www.kochamnarty.pl/member3.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5" style="color: #CC0000;" class="username-coloured">pit</a>						<a href="http://www.kochamnarty.pl/post3125.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5#p3125"><img src="./styles/AeroGreenX/imageset/icon_topic_latest.gif" width="18" height="9" alt="Zobacz najnowszy post" title="Zobacz najnowszy post" /></a>

					</p>
							</td>
		</tr>
	</table>
</td>
    <td width="8" style="background:url('./styles/AeroGreenX/theme/images/mr.gif');"></td>
  </tr>
  <tr>
    <td width="8" height="8" align="right"><img src="./styles/AeroGreenX/theme/images/bl.gif" width="8" height="8" alt="" /></td>

    <td height="8" style="background:url('./styles/AeroGreenX/theme/images/bm.gif');"></td>
    <td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/br.gif" width="8" height="8" alt="" /></td>
  </tr>
</table>
<br />
w której jest treść

Kod: Zaznacz cały

<table class="tablebg" cellspacing="0" width="100%">
        <tr>
              <th colspan="2">&nbsp;Dział&nbsp;</th>
              <th width="50">&nbsp;Tematy&nbsp;</th>
              <th width="50">&nbsp;Posty&nbsp;</th>
              <th>&nbsp;Ostatni post&nbsp;</th>
      </tr>
<tr>
			<td colspan="5" align="left" class="row3h"><h4><a href="http://www.kochamnarty.pl/sprawy-forum.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5">Sprawy forum</a></h4></td>
  </tr>
			<tr>
			<td class="row1" width="50" align="center"><img src="./styles/AeroGreenX/imageset/forum_read.png" width="28" height="28" alt="Brak nowych postów" title="Brak nowych postów" /></td>
			<td class="row1h" width="100%">
								<a class="forumlink" href="http://www.kochamnarty.pl/portalu.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5">O forum. Powitania, ogłoszenia i uwagi</a>
				<p class="forumdesc">Sprawy ważne dla naszego forum i naszych userów. Powitania, komunikaty, zapytania do moderatorów, administracji. Sprawy pilne.</p>
							</td>
			<td class="row2" align="center"><p class="topicdetails">32</p></td>
			<td class="row2" align="center"><p class="topicdetails">429</p></td>
			<td class="row2" align="center" nowrap="nowrap">
									<p class="topicdetails"><a href="http://www.kochamnarty.pl/post3125.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5#p3125" title="Re: Powitanie">Re: Powitanie</a></p>
					<p class="topicdetails">N, 1 mar 2009, 11:45</p>
					<p class="topicdetails"><a href="http://www.kochamnarty.pl/member3.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5" style="color: #CC0000;" class="username-coloured">pit</a>						<a href="http://www.kochamnarty.pl/post3125.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5#p3125"><img src="./styles/AeroGreenX/imageset/icon_topic_latest.gif" width="18" height="9" alt="Zobacz najnowszy post" title="Zobacz najnowszy post" /></a>
				</p>
			</td>
		</tr>
	</table>
<br />
Porównaj sobie te dwa kody i będziesz wiedział o co biega.

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 02 marca 2009, 11:33

Możesz mi podać ścieżkę do pliku w którym mam to przeedytować?

I czy dobrze widzę ze chodzi o ten kod:
<td width="8" style="background:url('./styles/AeroGreenX/theme/images/mr.gif');"></td>
</tr>
<tr>
<td width="8" height="8" align="right"><img src="./styles/AeroGreenX/theme/images/bl.gif" width="8" height="8" alt="" /></td>

<td height="8" style="background:url('./styles/AeroGreenX/theme/images/bm.gif');"></td>
<td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/br.gif" width="8" height="8" alt="" /></td>
to usuniecie go spowoduje iż pozostanie jedna ramka?
I czy w każdym w sensie "kategoria"trzeba zmieniac osobno czy jest mozliwość usuniecia podwojnych ramek w jednym kodzie?
Ostatnio zmieniony 02 marca 2009, 11:53 przez ania07, łącznie zmieniany 1 raz.

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 02 marca 2009, 11:51

Pewnie /template/viewforum_body.html
Przećwicz sobie na tym -

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>Modyfkacja stylu/ramki</title>
</head>
<body>
	<table width="100%" cellpadding="0" cellspacing="0" style="border:10px solid blue">

      <tr>
        <td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/tl.gif" width="8" height="8" alt="" /></td>
        <td height="8" style="background:url('./styles/AeroGreenX/theme/images/tm.gif');"></td>
        <td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/tr.gif" width="8" height="8" alt="" /></td>
      </tr>
      <tr>
        <td width="8" style="background:url('./styles/AeroGreenX/theme/images/ml.gif');"></td>
        <td>
    <table class="tablebg" cellspacing="0" width="100%" border="1" style="border:1px solid red">

            <tr style="background:yellow">
                  <th colspan="2">&nbsp;Dział&nbsp;</th>
                  <th width="50">&nbsp;Tematy&nbsp;</th>
                  <th width="50">&nbsp;Posty&nbsp;</th>
                  <th>&nbsp;Ostatni post&nbsp;</th>
          </tr>
    <tr>

             <td colspan="5" align="left" class="row3h"><h4><a href="http://www.kochamnarty.pl/sprawy-forum.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5">Sprawy forum</a></h4></td>
      </tr>
             <tr>
             <td class="row1" width="50" align="center"><img src="./styles/AeroGreenX/imageset/forum_read.png" width="28" height="28" alt="Brak nowych postów" title="Brak nowych postów" /></td>
             <td class="row1h" width="100%">
                            <a class="forumlink" href="http://www.kochamnarty.pl/portalu.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5">O forum. Powitania, ogłoszenia i uwagi</a>
                <p class="forumdesc">Sprawy ważne dla naszego forum i naszych userów. Powitania, komunikaty, zapytania do moderatorów, administracji. Sprawy pilne.</p>

                         </td>
             <td class="row2" align="center"><p class="topicdetails">32</p></td>
             <td class="row2" align="center"><p class="topicdetails">429</p></td>
             <td class="row2" align="center" nowrap="nowrap">
                               <p class="topicdetails"><a href="http://www.kochamnarty.pl/post3125.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5#p3125" title="Re: Powitanie">Re: Powitanie</a></p>
                   <p class="topicdetails">N, 1 mar 2009, 11:45</p>
                   <p class="topicdetails"><a href="http://www.kochamnarty.pl/member3.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5" style="color: #CC0000;" class="username-coloured">pit</a>                  <a href="http://www.kochamnarty.pl/post3125.html?sid=66b7cb31bbd12f17eaf6a8af91acf8b5#p3125"><img src="./styles/AeroGreenX/imageset/icon_topic_latest.gif" width="18" height="9" alt="Zobacz najnowszy post" title="Zobacz najnowszy post" /></a>

                   </p>
                         </td>
          </tr>
       </table>
    </td>
        <td width="8" style="background:url('./styles/AeroGreenX/theme/images/mr.gif');"></td>
      </tr>
      <tr>
        <td width="8" height="8" align="right"><img src="./styles/AeroGreenX/theme/images/bl.gif" width="8" height="8" alt="" /></td>

        <td height="8" style="background:url('./styles/AeroGreenX/theme/images/bm.gif');"></td>
        <td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/br.gif" width="8" height="8" alt="" /></td>
      </tr>
    </table>
    <br />
</body>
</html>

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 02 marca 2009, 12:39

Usunięcie:
<td width="8" style="background:url('./styles/AeroGreenX/theme/images/mr.gif');"></td>
</tr>
<tr>
<td width="8" height="8" align="right"><img src="./styles/AeroGreenX/theme/images/bl.gif" width="8" height="8" alt="" /></td>

<td height="8" style="background:url('./styles/AeroGreenX/theme/images/bm.gif');"></td>
<td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/br.gif" width="8" height="8" alt="" /></td>
nic nie daje, ramki są dalej dwie. Bardzo proszę o dodatkowa pomoc.

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 02 marca 2009, 13:02

Trzeba usunąć całą tabelę, potrzebujesz tylko to co na niebiesko
<table width="100%" cellpadding="0" cellspacing="0">

<tr>
<td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/tl.gif" width="8" height="8" alt="" /></td>
<td height="8" style="background:url('./styles/AeroGreenX/theme/images/tm.gif');"></td>
<td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/tr.gif" width="8" height="8" alt="" /></td>
</tr>
<tr>
<td width="8" style="background:url('./styles/AeroGreenX/theme/images/ml.gif');"></td>
<td>
<table class="tablebg" cellspacing="0" width="100%" border="1">

<tr>
<th colspan="2">&nbsp;Dział&nbsp;</th>
<th width="50">&nbsp;Tematy&nbsp;</th>
<th width="50">&nbsp;Posty&nbsp;</th>
<th>&nbsp;Ostatni post&nbsp;</th>
</tr>
<tr>

<td colspan="5" align="left" class="row3h"><h4><a href="http://www.kochamnarty.pl/sprawy-forum. ... b5">Sprawy forum</a></h4></td>
</tr>
<tr>
<td class="row1" width="50" align="center"><img src="./styles/AeroGreenX/imageset/forum_read.png" width="28" height="28" alt="Brak nowych postów" title="Brak nowych postów" /></td>
<td class="row1h" width="100%">
<a class="forumlink" href="http://www.kochamnarty.pl/portalu.html? ... 1acf8b5">O forum. Powitania, ogłoszenia i uwagi</a>
<p class="forumdesc">Sprawy ważne dla naszego forum i naszych userów. Powitania, komunikaty, zapytania do moderatorów, administracji. Sprawy pilne.</p>

</td>
<td class="row2" align="center"><p class="topicdetails">32</p></td>
<td class="row2" align="center"><p class="topicdetails">429</p></td>
<td class="row2" align="center" nowrap="nowrap">
<p class="topicdetails"><a href="http://www.kochamnarty.pl/post3125.html ... f8b5#p3125" title="Re: Powitanie">Re: Powitanie</a></p>
<p class="topicdetails">N, 1 mar 2009, 11:45</p>
<p class="topicdetails"><a href="http://www.kochamnarty.pl/member3.html? ... af91acf8b5" style="color: #CC0000;" class="username-coloured">pit</a> <a href="http://www.kochamnarty.pl/post3125.html ... 3125"><img src="./styles/AeroGreenX/imageset/icon_topic_latest.gif" width="18" height="9" alt="Zobacz najnowszy post" title="Zobacz najnowszy post" /></a>

</p>
</td>
</tr>
</table>
</br>

</td>
<td width="8" style="background:url('./styles/AeroGreenX/theme/images/mr.gif');"></td>
</tr>
<tr>
<td width="8" height="8" align="right"><img src="./styles/AeroGreenX/theme/images/bl.gif" width="8" height="8" alt="" /></td>

<td height="8" style="background:url('./styles/AeroGreenX/theme/images/bm.gif');"></td>
<td width="8" height="8"><img src="./styles/AeroGreenX/theme/images/br.gif" width="8" height="8" alt="" /></td>
</tr>
</table>

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 02 marca 2009, 13:17

Mówisz że mam edytowac dokładnie:
/template/viewforum_body.html

u mnie wygląda on zupełnie inaczej niż ty mi pokazujesz( rozumiem ze u ciebie jest (zródło strony)
U mnie to wygląda tak:

http://wklejto.pl/27768

i zupelnie nie wiem co usunąć by sie ramek pozbyć....

owszem poznikały mi ramki ale nie na stronie głównej i jak już poznikały to dwie, a ja chciałem jedną zostawić :)

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 02 marca 2009, 14:11

ja chciałem jedną zostawić
To jest tło obrazkowe, więc może lepiej popraw sobie:

Kod: Zaznacz cały

tl.gif, tm.gif, tr.gif, ml.gif, mr.gif, bl.gif, bm.gif, br.gif
będziesz miał takie ramki jak chcesz.

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 02 marca 2009, 14:12

Ale zobacz na spokojnie że w SB jest jedna ramka.

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 02 marca 2009, 14:43

Ta ramka wewnętrzna jest częścią tła, skoro usunąłeś obrazek to nie ma ramki.
Dodaj sobie do .tablebg border: 1px solid #566877;

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 02 marca 2009, 15:31

Ok, może innym razem, może bardziej przystępnie. Dzięki.

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 02 marca 2009, 18:41

owszem poznikały mi ramki ale nie na stronie głównej
Te z głównej są w index_body.html.
Tak na marginesie, to jest taki szablon i te ramki będziesz miał w co drugim pliku z rozszerzeniem .html, tak łatwo się ich nie pozbędziesz.
może bardziej przystępnie
Wiesz już jak to zrobić, teraz pozostaje Ci przejrzeć folder /template i kasować do skutku, a w stylesheet.css klasie ".tablebg" dać "border: 1px solid #566877;".

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 04 marca 2009, 13:23

Dziękuję za pomoc , problem rozwiązany.

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

Re: Modyfkacja stylu/ramki

Post autor: pit » 04 marca 2009, 14:49

Te ramki były całkiem fajne. :P

btw
Kurde, jestem tam administratorem ale zapomniałem hasło.

ania07
Posty: 216
Rejestracja: 05 stycznia 2009, 20:04
Kontakt:

Re: Modyfkacja stylu/ramki

Post autor: ania07 » 04 marca 2009, 15:05

Ramki były jak z dnia dziecka, w przedszkolu mają takie same.
Teraz jest elegancko i stylowo :)
Hasło jest jakie chcesz.
Każdy tam jest adminem . Pozdrawiam.

Zablokowany

Wróć do „Pomoc”