Start arrow Programowanie arrow patTemplate arrow Szablon dla Joomla w patTemplate
Szablon dla Joomla w patTemplate: Pierwszy krok Drukuj Wyślij znajomemu
Spis treści
Szablon dla Joomla w patTemplate
Założenia
Pierwszy krok
Drugi krok
Trzeci krok
Czwarty krok

Pierwszy krok - Kod tabeli w HTML

Oto kod tabeli naszego szablonu:

 
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <!-- I wiersz naglowka - ⇒ 
         <tr>
            <td>
               <!-- tabela z naglowkiem - ⇒ 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td align="center" valign="top">
                        HEADER
                     </td>
                  </tr>
               </table>
               <!-- koniec tabeli z naglowkiem - ⇒ 
            </td>
         </tr>
      <!-- koniec: I wiersz naglowka - ⇒ 
 
      <!-- II wiersz z pozycjami  opcjonalnymi user3 i user4 - ⇒ 
         <tr>
            <td>
               <!-- tabela z komorkami na pozycje user3 i user4 - ⇒ 
               <!-- [user3] || [user4] - ⇒ 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td align="center" valign="top">
 
                        USER3
                     </td>
                     <td align="center" valign="top">
                        USER4
                     </td>
                  </tr>
               </table>
               <!-- koniec tabeli z komorkami na pozycje user3 i user4 - ⇒ 
            </td>
         </tr>
         <!-- koniec II wiersza - ⇒ 
 
         <!-- III wiersz z 3 kolumnami: lewa, centralna i opcjonalnie prawa [right]  - ⇒ 
         <tr>
            <td valign="top">
            <!-- tabela z 3 kolumnami: lewa :: centralna [prawa] - ⇒ 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <!-- lewa komorka :: pozycja LEFT - ⇒ 
                     <td valign="top">
                        LEFT
                     </td>
                     <!-- koniec lewej komorki - ⇒ 
 
                     <!-- komorka na obszar centralny - ⇒ 
                     <td valign="top">
                        <!-- tabelka na moduly user1 i user2 - ⇒ 
                        <!-- [user1] || [user2] - ⇒ 
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                              <td align="center" valign="top">
                                 USER1
                              </td>
                              <td align="center" valign="top">
                                 USER2
                              </td>
                           </tr>
                        </table>
                     <!-- koniec tabelki na moduly user1 i user2 - ⇒ 
 
                     <!-- tabela glownej zawartosci w centralnej czesci - ⇒ 
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                              <td>
                                 MAINBODY
                              </td>
                           </tr>
                        </table>
                        <!-- koniec tabela centralna - glownej zawartosci - ⇒ 
                     </td>
                     <!-- koniec: komorka na obszar centralny  - ⇒ 
 
                     <!-- prawa komorka :: pozycja RIGHT - ⇒ 
                     <td valign="top">
                        RIGHT
                     </td>
                     <!-- koniec prawa komorka :: pozycja RIGHT - ⇒ 
                  </tr>
               </table>
               <!-- koniec: tabeli z 3 kolumnami - ⇒ 
            </td>
         </tr>
         <!-- koniec: wiersza z tabela z 3 kolumnami - ⇒ 
 
         <!-- IV wiersz :: stopka - ⇒ 
         <tr>
            <td>
            <!-- tabelka na footer - ⇒ 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td align="center" valign="top">
                        FOOTER
                     </td>
                  </tr>
               </table>
               <!-- koniec tabelki na footer - ⇒ 
            </td>
         </tr>
         <!-- koniec wiersza stopki - ⇒ 
      </table>


Zmieniony ( 16.02.2007. )
 
« poprzedni artykuł   następny artykuł »