Polskie forum wsparcia dla phpBB

Witam może ktoś napisać jak zrobić taką tabelkę jak ta:

.
Jeśli chodzi o moda to jest dostępny pod tym adresem
http://startrekguide.com/community/view ... c743be4ab7

PS wcześniej myślałem żeby zrobić tylko coś takiego

I przenieść ją niżej na białe tło aby była bardziej widoczna bo teraz to tak jakoś się zlewa, ale jak zobaczyłem tą tabelę w temacie to mi się bardzo spodobała

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>test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
        /* <![CDATA[ */
        *{margin: 0; padding: 0}
        #div1 {
        margin: 20px auto;
        background: #DEDEDA;
        width: 910px;
        height: 150px;
        border: 1px solid #000;
        }
       
        #div2,#div3,#div4 {
       width: 298px;
        height: 30px;
        background: #515556;
       float: left;
       }
       #div2,#div4 {margin: 4px 4px 0 4px;}
       #div2-2,#div4-4 {margin: 0 4px 4px 4px;}
       #div3 {margin: 4px 0 0 0;}
       #div3-3 {margin: 0 0 4px 0;}
        #div2-2,#div3-3,#div4-4 {
       border: 1px solid #000;
       width: 296px;
        height:110px;
       float: left;
       }
       p {
        margin-top: 6px;
        text-align: center;
        font: 13px "tahoma";
        font-weight: bold;
        color: #E8AC7A;
        }
       a {
       font: 10pt "arial";
       padding: 10px;
       color: #7895A3;
       }
        /* ]]> */
        </style>
        </head>
    <body>
    <div id="div1">   
       <div id="div2">
        <p>Recent topics</p>
        </div>
       <div id="div3">
        <p>Global announcments</p>
        </div>
       <div id="div4">
        <p>Recent posts</p>
        </div>
       <div id="div2-2">
       <a>Recent topics</a>
       </div>
       <div id="div3-3">
       <a>Global announcments</a>
       </div>
        <div id="div4-4">
       <a>Recent posts</a>
       </div>
    </div>
    </body>
    </html>

hmm jest mały problem bo nie potrafię "zgrać" w jedno tego oryginalnego kodu czyli:

Kod: Zaznacz cały

<!-- IF S_RECENT_PANEL -->

<!-- IF S_RECENT_PANEL > 1 -->
<table border="0" style="margin-left: auto; margin-right: auto;">
<tr>
<!-- ENDIF -->
<!-- BEGIN recent_panel_module -->
	<!-- IF S_RECENT_PANEL > 1 -->
	<td style="vertical-align: top;">
	<!-- ENDIF -->
	<table class="tablebg" cellspacing="1" style="margin-left: auto; margin-right: auto;">
	<tr>
		<th>{recent_panel_module.TITLE}</th>
	</tr>
	<tr>
		<td class="row1" width="{RECENT_PANEL_MODULE_WIDTH}" style="white-space: nowrap; vertical-align: top;"><p class="genmed">
		<!-- BEGIN row -->
			<a href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
		<!-- END row -->
		</p></td>
	</tr>
	</table>
	<!-- IF S_RECENT_PANEL > 1 -->
	</td>
	<!-- ENDIF -->
<!-- END recent_panel_module-->
<!-- IF S_RECENT_PANEL > 1 -->
</tr>
</table>
<!-- ENDIF -->

<br style="clear: both;" />
<!-- ENDIF -->

z tym co dostałem w odpowiedzi czyli:

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>test</title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <style type="text/css">
            /* <![CDATA[ */
            *{margin: 0; padding: 0}
            #div1 {
            margin: 20px auto;
            background: #DEDEDA;
            width: 910px;
            height: 150px;
            border: 1px solid #000;
            }
           
            #div2,#div3,#div4 {
           width: 298px;
            height: 30px;
            background: #515556;
           float: left;
           }
           #div2,#div4 {margin: 4px 4px 0 4px;}
           #div2-2,#div4-4 {margin: 0 4px 4px 4px;}
           #div3 {margin: 4px 0 0 0;}
           #div3-3 {margin: 0 0 4px 0;}
            #div2-2,#div3-3,#div4-4 {
           border: 1px solid #000;
           width: 296px;
            height:110px;
           float: left;
           }
           p {
            margin-top: 6px;
            text-align: center;
            font: 13px "tahoma";
            font-weight: bold;
            color: #E8AC7A;
            }
           a {
           font: 10pt "arial";
           padding: 10px;
           color: #7895A3;
           }
            /* ]]> */
            </style>
            </head>
        <body>
        <div id="div1">   
           <div id="div2">
            <p>Recent topics</p>
            </div>
           <div id="div3">
            <p>Global announcments</p>
            </div>
           <div id="div4">
            <p>Recent posts</p>
            </div>
           <div id="div2-2">
           <a>Recent topics</a>
           </div>
           <div id="div3-3">
           <a>Global announcments</a>
           </div>
            <div id="div4-4">
           <a>Recent posts</a>
           </div>
        </div>
        </body>
        </html>

O ile sam kod działa i wyświetla się "prawie" dobrze o tyle umieszczenie tych tabelek to istny koszmar. Potrafię tylko wgrać w jedną komórkę aby wyświetlał ostatni post :/

Spróbuj tak -

Kod: Zaznacz cały

<table style="border: 1px solid black;width:400px;margin:5px 10px;" cellspacing="0">

<tr style="height:25px;color:#E8AC7A;background:#515556"><th >{recent_panel_module.TITLE}</th></tr>
	<tr>
		<td style="background:#dcdee2;height:20px">
			<p class="genmed">
      <!-- BEGIN row -->
         <a href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
      <!-- END row -->
			</p>
		</td>
	</tr>
	
</table>

Dzięki kolego pit. Mam nadzieję że masz na imię Piotrek bo to chyba jedno co by nas lączyło. Gdyż zdaje się że nie mam Twoich umiejętności. Gdy wklejam ten ostatni kod. Pojawia mi się tylko jedna tabelka (no oki zawsze można zrobić kopię

ale w tytule mam tam tylko "najnowsze posty" i nic więcej/ Właśnie to samo mi się robiło gdy wpisywałem do tej pierwszej Twojej propozycji. jutro postaram się dać jakieś zdjęcia a swoją drogą temat ciekawy bo gdyby się udało rozwiązać to można to uwiecznić dla potomnych bo każdy czegoś takiego szuka

Dzięki kolego pit. Mam nadzieję że masz na imię Piotrek bo to chyba jedno co by nas lączyło.

Obawiam się, że nic nas nie łączy. Ten nick wybrałem ze względu na długość,

krótszy był tylko "qń" ale mi się nie podoba.
Spróbuj jeszcze ten kod, w poprzednim dałem (z nieznanych mi powodów width:400), jest już niemal identyczny jak oryginał.

Kod: Zaznacz cały

<table style="border: 1px solid black;width:298px;margin-left: auto; margin-right: auto;" cellspacing="0">
   <tr style="height:25px;color:#E8AC7A;background:#515556;"><th >{recent_panel_module.TITLE}</th></tr>
       <tr>
          <td class="row1" style="background:#dcdee2;height:20px;white-space: nowrap; vertical-align: top;" width="{RECENT_PANEL_MODULE_WIDTH}">
             <p class="genmed">
          <!-- BEGIN row -->
             <a href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
          <!-- END row -->
             </p>
          </td>
       </tr>
</table>

Gdyż zdaje się że nie mam Twoich umiejętności.

Gdybym miał umiejętności o jakie mnie posądzasz, miałbyś problem dawno rozwiązany.

swoją drogą temat ciekawy bo gdyby się udało rozwiązać to można to uwiecznić dla potomnych

Wydaje mi się, że ten problem jest już rozwiązany, przez niejakiego ania07.
http://www.kochamnarty.pl/
Wprawdzie jestem tam adminem ale coś z hasłem jest nie tak.

No więc tak. pobawiłem się trochę i oto rezultaty.

Pierwsza tabelka to oryginalny kod z niewielkimi zmianami:

Kod: Zaznacz cały

<!-- IF S_RECENT_PANEL -->

<!-- IF S_RECENT_PANEL > 1 -->
<table border="0" style="margin-left: auto; margin-right: auto;">
<tr style="height:25px;color:#0E98DD;background:#515556">
<!-- ENDIF -->
<!-- BEGIN recent_panel_module -->
	<!-- IF S_RECENT_PANEL > 1 -->
	<td style="background:#CBDCEA;height:20px">
	<!-- ENDIF -->
	<table class="tablebg" cellspacing="1" style="margin-left: auto; margin-right: auto;">
	<tr>
		<th>{recent_panel_module.TITLE}</th>
	</tr>
	<tr>
		<td class="row1" width="{RECENT_PANEL_MODULE_WIDTH}" style="white-space: nowrap; vertical-align: top;"><p class="genmed">
		<!-- BEGIN row -->
			<a href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
		<!-- END row -->
		</p></td>
	</tr>
	</table>
	<!-- IF S_RECENT_PANEL > 1 -->
	</td>
	<!-- ENDIF -->
<!-- END recent_panel_module-->
<!-- IF S_RECENT_PANEL > 1 -->
</tr>
</table>
<!-- ENDIF -->

a mianowicie po tym

Kod: Zaznacz cały

<table border="0" style="margin-left: auto; margin-right: auto;">

dodałem to:

Kod: Zaznacz cały

 <tr style="height:25px;color:#0E98DD;background:#515556">

Co spowodowało zmianę w "Najnowsze Tematy" i "Najnowsze Posty" a konkretniej jego color

Za tym

Kod: Zaznacz cały

<!-- IF S_RECENT_PANEL > 1 -->

dodałem to:

Kod: Zaznacz cały

<td style="background:#CBDCEA;height:20px">

I coś dziwnego bo cała tabelka ma tło danego koloru.

A dwa kody od Pita widać niżej. Nie przejmujcie się że są źle rozmieszczone bo to jest najmniejszy problem

Zresztą to tylko localhost

Zgadza się kolega ania07 rozwiązał problem czekam na jego kolegę który mu w tym pomógł aby i mi zdradził tajemnicę tabelki. Jeśli znajdę rozwiązanie natychmiast je Tu opublikuje bo naprawdę mod jest super i bardzo poszukiwany.

Czy Ty lemonic przypadkiem nie mataczysz?

Się wnerwiłem i zainstalowałem forum, wkleiłem ten ostatni kod i widzę, że działa zgodnie z oczekiwaniem.

Ten z Wczoraj, 12:09 też działa poprawnie.

Wygląda, że od dłuższego czasu młócimy słomę.

HeHe Ty się wnerwiasz to pomyśl sobie jak ja się czuje bo wszystkim się udaje tylko nie mi

Jak możesz to prześlij mi swój plik recent_panel.html może być na jakimś hostingu plików bo zdaje się że tu są wyłączone załączniki :/

http://odsiebie.com/pokaz/1735410---d094.html

Jesteś WIELKI

Wiesz o czym zapomniałem ? Jak się bawiłem w zmianę musiałem wkleić cały Twój kod zastępując dotychczasowy w wyniku czego zmniejszył mi się o te linijki

Kod: Zaznacz cały

<!-- IF S_RECENT_PANEL -->

<!-- IF S_RECENT_PANEL > 1 -->
<table border="0" style="margin-left: auto; margin-right: auto;">
<tr>
<!-- ENDIF -->
<!-- BEGIN recent_panel_module -->
	<!-- IF S_RECENT_PANEL > 1 -->
	<td style="vertical-align: top;">
	<!-- ENDIF -->

Dla tego wszystko wzięło w łeb

Gdyby nie ten pliczek to do usranej śmierci byśmy bawili się w kotka i myszkę

Jutro wklejam go na serwerek i pokaże światu jakie dzięki koledze Pit-owi dzieło mam.

Ps a dałoby radę zrobić tą tabelkę na podstawie kolorków prosilvera bo będę zmieniał styl gdyż wiosna idzie a ten jest zbyt przygnębiający

WIELKI

Bez przesady, 180cm to znowu nie tak dużo, wielki to jest Wałujew.

do usranej śmierci byśmy bawili się w kotka i myszkę

Tak długo to byśmy się nie bawili bo kończyły mi się już pomysły.
Ciesze się, razem z Tobą.

--------------------
Biega Ci o coś takiego?

recent_panel.html

Kod: Zaznacz cały

<!-- IF S_RECENT_PANEL -->

<!-- IF S_RECENT_PANEL > 1 -->
<table border="0" style="margin-bottom:-5px;margin-left: auto; margin-right: auto;">
<tr>
<!-- ENDIF -->
<!-- BEGIN recent_panel_module -->
	<!-- IF S_RECENT_PANEL > 1 -->
	<td style="vertical-align: top;">
	<!-- ENDIF -->
	        <table style="border: 1px solid #105289;width:350px;margin-top:5px;margin-left: auto; margin-right: auto;" cellspacing="0">
       <tr style="height:25px;color:#fff;background:#0C93D7;font:12px tahoma"><th >{recent_panel_module.TITLE}</th></tr>
           <tr>
              <td class="row1" style="height:20px;white-space: nowrap; vertical-align: top;" width="{RECENT_PANEL_MODULE_WIDTH}">
                 <p class="genmed" style="margin:4px 0">
              <!-- BEGIN row -->
                 <a style="padding-left:4px"href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
              <!-- END row -->
                 </p>
              </td>
           </tr>
    </table>
	<!-- IF S_RECENT_PANEL > 1 -->
	</td>
	<!-- ENDIF -->
<!-- END recent_panel_module-->
<!-- IF S_RECENT_PANEL > 1 -->
</tr>
</table>
<!-- ENDIF -->
<br style="clear: both;" />
<!-- ENDIF -->

Trzeba go - rzecz jasna - wrzucić do styles/prosilver/template i w overall_header.html, wkleić w wiadomym miejscu

No prawie...... oczywiście ostatnią wersję zainstaluję na forum ale jeśli można prosić...... (tak tak wiem natrętny jestem ale jak sobie człowiek coś wymarzy to trudno go sprowadzić na ziemię

) o coś takiego:

Chodzi o tą tabelkę na samym dole ona jest idealna do tego stylu tylko pojęcia nie mam jak to osiągnąć,
Po 2h zabawy zrezygnowałem a rezultat widać jako pierwsza tabelka.

Kod mojej tabelki (nie wiem czy Ci się przyda ale co mi tam też chce się czymś pochwalić

)

Kod: Zaznacz cały

<!-- IF S_RECENT_PANEL -->
<br />
<!-- IF S_RECENT_PANEL > 1 -->
<table border="0"  style="vertical-align: top;" style="margin-left: auto; margin-right: auto;">

<tr class="bg2">
<!-- ENDIF -->
<!-- BEGIN recent_panel_module -->
	<!-- IF S_RECENT_PANEL > 1 -->
<td style="vertical-align: top;">
	<!-- ENDIF -->
<table class="bg2" cellspacing="1" style="margin-left: auto; margin-right: auto;">
<tr>

<th class="forabg" class="inner"><span class="corners-top"><span></span></span> {recent_panel_module.TITLE}</th>
</tr>
 <tr>
      <td class="row1" width="500" style="white-space: nowrap; vertical-align: top;"><p  class="genmed"> 

      <!-- BEGIN row -->
         <a href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
      <!-- END row -->
         </p></td>
   
   </tr>
   </table>
	<!-- IF S_RECENT_PANEL > 1 -->
	</td>
	<!-- ENDIF -->
<!-- END recent_panel_module-->
<!-- IF S_RECENT_PANEL > 1 -->
</tr>
</table>
<!-- ENDIF -->

<br style="clear: both;" />
<!-- ENDIF -->

Kod tej tabelki na dole:

Kod: Zaznacz cały

<br clear="all" />
<div class="forabg">
	<div class="inner"><span class="corners-top"><span></span></span>
		<table class="table1" cellspacing="1" id="top_five">
		<thead>
		<tr>
			<th style="width: 50%;">{L_NEWEST_TOPICS}</th>
			<th style="width: 20%;">{L_TOP_FIVE_ACTIVE}</th>
			<th style="width: 30%;">{L_TOP_FIVE_NEWEST}</th>
		</tr>
		</thead>
		<tbody>
			<tr class="bg2">
					<td><!-- BEGIN hot_topic_row --><a href="{hot_topic_row.U_TOPIC}">{hot_topic_row.TOPIC_TITLE}</a><br />{hot_topic_row.USERNAME_FULL}<br /><!-- END hot_topic_row --></td>
					<td><!-- BEGIN top_five_active -->{top_five_active.USERNAME_FULL}<br /> {L_POSTS}: <a href="{top_five_active.S_SEARCH_ACTION}">{top_five_active.POSTS}</a><br /><!-- END top_five_active --></td>
					<td><!-- BEGIN top_five_newest -->{top_five_newest.USERNAME_FULL}<br /> {L_JOINED}: {top_five_newest.REG_DATE}<br /><!-- END top_five_newest --></td>
				</tr>
		</tbody>
		</table>

	<span class="corners-bottom"><span></span></span></div>
</div>

I teraz najgorsze czyli połączenie tego. Najbardziej wnerwia mnie to że ta na dole tabelka jest taka prosta a ja się motam i resztę włosów rwę z głowy a muszę powiedzieć że dużo ich nie zostało

Nie wiem cz Jaśnie Panu się spodoba ale, jako że nie grozi mi wybatożenie tylko tyle z siebie mogę dać.

recent_panel.html

Kod: Zaznacz cały

    <!-- IF S_RECENT_PANEL -->
    <br />
    <!-- IF S_RECENT_PANEL > 1 -->
	<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>
    <table border="0"  style="vertical-align: top;" style="margin-left: auto; margin-right: auto;">

    <tr class="bg2">
    <!-- ENDIF -->
    <!-- BEGIN recent_panel_module -->
       <!-- IF S_RECENT_PANEL > 1 -->
    <td style="vertical-align: top;">
       <!-- ENDIF -->
    <table cellspacing="1" style="margin-left: auto; margin-right: auto;">
    <tr>

    <th style="height:20px;border-bottom: 1px solid #fff"> {recent_panel_module.TITLE}</th>
    </tr>
    <tr>
          <td class="row1" width="500" style="white-space: nowrap; vertical-align: top;"><p  class="genmed">

          <!-- BEGIN row -->
             <a style="padding-left:4px" href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
          <!-- END row -->
             </p></td>
       
       </tr>
       </table>
       <!-- IF S_RECENT_PANEL > 1 -->
       </td>
       <!-- ENDIF -->
    <!-- END recent_panel_module-->
    <!-- IF S_RECENT_PANEL > 1 -->
    </tr>
    </table>
    <!-- ENDIF -->

    
    <!-- ENDIF -->




      <table class="table1" cellspacing="1" id="top_five">
      <thead>
      <tr>
         <th style="width: 50%;">{L_NEWEST_TOPICS}</th>
         <th style="width: 20%;">{L_TOP_FIVE_ACTIVE}</th>
         <th style="width: 30%;">{L_TOP_FIVE_NEWEST}</th>
      </tr>
      </thead>
      <tbody>
         <tr class="bg2">
               <td><!-- BEGIN hot_topic_row --><a href="{hot_topic_row.U_TOPIC}">{hot_topic_row.TOPIC_TITLE}</a><br />{hot_topic_row.USERNAME_FULL}<br /><!-- END hot_topic_row --></td>
               <td><!-- BEGIN top_five_active -->{top_five_active.USERNAME_FULL}<br /> {L_POSTS}: <a href="{top_five_active.S_SEARCH_ACTION}">{top_five_active.POSTS}</a><br /><!-- END top_five_active --></td>
               <td><!-- BEGIN top_five_newest -->{top_five_newest.USERNAME_FULL}<br /> {L_JOINED}: {top_five_newest.REG_DATE}<br /><!-- END top_five_newest --></td>
            </tr>
      </tbody>
      </table>

   <span class="corners-bottom"><span></span></span></div>
</div>

Pewnie że podoba

Trochę ją przerobiłem tylko nie wiem czy jakiś strasznie rażących błędów przy tym nie zrobiłem ale cóż robiłem to metodą prób i błędów a tych ostatnich było znacznie więcej

Teraz to wygląda mniej więcej tak.

Kod: Zaznacz cały

        <!-- IF S_RECENT_PANEL -->
        <br />
        <!-- IF S_RECENT_PANEL > 1 -->
       <div class="forabg">
       <div class="inner"><span class="corners-top"><span></span></span>
        <table border="0" style="margin-left: auto; margin-right: auto;">
        <tr class="bg2">
        <!-- ENDIF -->
        <!-- BEGIN recent_panel_module -->
           <!-- IF S_RECENT_PANEL > 1 -->
        <td>
           <!-- ENDIF -->
        <table cellspacing="0" style="margin-left: auto; margin-right: auto;">
        <tr>

        <tr border="0" style="height:25px;color:#fff;background:#0C93D7"><th >{recent_panel_module.TITLE}</th>
        </tr>
        <tr>
              <td class="row1" width="500" style="white-space: nowrap; vertical-align: top;"><p  class="genmed">
<br />
              <!-- BEGIN row -->
                 <a style="padding-left:4px" href="{recent_panel_module.row.LINK}">{recent_panel_module.row.TITLE}</a><br />
              <!-- END row -->
                 </p></td>
           
           </tr>
           </table>
           <!-- IF S_RECENT_PANEL > 1 -->
           </td>
           <!-- ENDIF -->
        <!-- END recent_panel_module-->
        <!-- IF S_RECENT_PANEL > 1 -->
        </tr>
        </table>
        <!-- ENDIF -->
        <!-- ENDIF -->
          </table>

       <span class="corners-bottom"><span></span></span>
    </div>
    </div>

A na zdjęciu to będzie coś takiego:

Niestety nie jest to idealne bo widać różnice między tabelami ale cóż mi się skończyły pomysły jak to ominąć

Chyba darujemy sobie dalsze kombinowanie i tak będzie musiało zostać.
Tak czy siak dzięki wielkie raz jeszcze i wielki szacun dla Ciebie za to że wytrzymałeś moje marudzenie

Polskie forum wsparcia dla phpBB

Tabelka w ostanich postach

Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach

Re: Tabelka w ostanich postach