Open Italia Network

Supporto temi e grafica MDPro - Aree
asroma - 01 Apr 2008 - 08:57
Oggetto: Aree
Sto cambiando un po' la grafica del sito...allo stato attuale si presenta così http://www.mywebspace87.altervista.org/php/ ora...è da domenica sera che cerco di fare due aree per mettere due blocchi html sopra il blocco html con il marquee (quello di cui il blocco si chiama Mywebspace87)...ma...mai che riesco a far venire i blocchi come voglio io....la theme.html originale è questa

Codice:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
   <tr>
      <td>
      <div align="center">
         <!-- start of header -->
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td rowspan="2">
               <a title="Mywebspace87" href="index.php">
               <img border="0" src="{image-path}LogoBan.gif"></a></td>
             <td valign="bottom"><a href="index.php">
               <img border="0" title="Home" src="{image-path}home.jpg"></a></td>
               <td valign="bottom"><a href="modules.php?op=modload&amp;name=MDForum&amp;file=index">
               <img border="0" title="Forums" src="{image-path}forums.jpg"></a></td>
              <td valign="bottom">
               <a href="index.php?module=photogallery">
               <img border="0" title="Foto" src="{image-path}games.jpg"></a></td>
              <td valign="bottom">
               <a href="index.php?module=Areafiles">
               <img border="0" title="Downloads" src="{image-path}downloads.jpg"></a></td>
           </tr>
          
            <tr>
            
               <td colspan="4" height="20">
               <table border="0" width="100%" cellspacing="0" cellpadding="0" style="border: 2px solid #F5F5F5;">
                  <tr>
          </tr>
        </table
        </center></div></td>
                     <td bgcolor="#FBEFCA" style="border: 1px solid #DADADA; border-right: 0px;">
                     <p class="block_header">&nbsp;<!-- [user-welcome] --></p>
                     </td>
                     <td bgcolor="#FBEFCA" style="border: 1px solid #DADADA; border-left: 0px;">
                     <p class="block_header" align="right">
                     <!-- [user-links] -->&nbsp; </p>
                     </td>
                  </tr>
               </table>
               </td>
            </tr>
         </table>
         <!-- end of header -->
         <table border="0" width="100%" cellspacing="0" cellpadding="0" style="border-bottom: 1px dashed">
            <!-- start of content -->
            <tr>
               <td width="176" valign="top">
               <table border="0" cellspacing="0" cellpadding="0" width="174">
                  <tr>
                     <td colspan="3"><img src="{image-path}sb_top.jpg"></td>
                  </tr>
                  <tr>
                     <td background="{image-path}sb_left_tile.gif" width="7">&nbsp;</td>
                     <td width="160" align="right" style="background: url({image-path}sb_1_special.gif); background-position: top; background-repeat: repeat-x;" valign="top">
                     <!-- [left-blocks] --></td>
                     <td background="{image-path}sb_right_tile.gif" width="7">&nbsp;</td>
                  </tr>
                  <tr>
                     <td colspan="3"><img src="{image-path}sb_base.jpg"></td>
                  </tr>
               </table>
               </td>
               <td valign="top"><br>
               <!-- [center-blocks] --><br>
               <!-- [modules] --></td>
               <td width="1%" valign="top" align="right"><br>
               <!-- [right-blocks] --></td>
            </tr>
         </table>
         <center><!-- [footer-msg] --><!-- end of footer --></center><br>
      </div>
      </td>
   </tr>
</table>



e questa è ad esempio l'ultimo mio tentativo di creazione delle due aree

Codice:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
   <tr>
      <td>
      <div align="center">
         <!-- start of header -->
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td rowspan="2">
               <a title="Mywebspace87" href="index.php">
               <img border="0" src="{image-path}LogoBan.gif"></a></td>
             <td valign="bottom"><a href="index.php">
               <img border="0" title="Home" src="{image-path}home.jpg"></a></td>
               <td valign="bottom"><a href="modules.php?op=modload&amp;name=MDForum&amp;file=index">
               <img border="0" title="Forums" src="{image-path}forums.jpg"></a></td>
              <td valign="bottom">
               <a href="index.php?module=photogallery">
               <img border="0" title="Foto" src="{image-path}games.jpg"></a></td>
              <td valign="bottom">
               <a href="index.php?module=Areafiles">
               <img border="0" title="Downloads" src="{image-path}downloads.jpg"></a></td>
           </tr>
          
            <tr>
            
               <td colspan="4" height="20">
               <table border="0" width="100%" cellspacing="0" cellpadding="0" style="border: 2px solid #F5F5F5;">
                  <tr>
          </tr>
        </table
        </center></div></td>
                     <td bgcolor="#FBEFCA" style="border: 1px solid #DADADA; border-right: 0px;">
                     <p class="block_header">&nbsp;<!-- [user-welcome] --></p>
                     </td>
                     <td bgcolor="#FBEFCA" style="border: 1px solid #DADADA; border-left: 0px;">
                     <p class="block_header" align="right">
                     <!-- [user-links] -->&nbsp; </p>
                     </td>
                  </tr>
               </table>
               </td>
            </tr>
         </table>
         <!-- end of header -->
         <table border="0" width="100%" cellspacing="0" cellpadding="0" style="border-bottom: 1px dashed">
            <!-- start of content -->
            <tr>
               <td width="176" valign="top">
               <table border="0" cellspacing="0" cellpadding="0" width="174">
                  <tr>
                     <td colspan="3"><img src="{image-path}sb_top.jpg"></td>
                  </tr>
                  <tr>
                     <td background="{image-path}sb_left_tile.gif" width="7">&nbsp;</td>
                     <td width="160" align="right" style="background: url({image-path}sb_1_special.gif); background-position: top; background-repeat: repeat-x;" valign="top">
                     <!-- [left-blocks] --></td>
                     <td background="{image-path}sb_right_tile.gif" width="7">&nbsp;</td>
                     <td width="549" height="19" valign="top"><!-- [area1-blocks] --></td>
                     <td width="659" valign="top"><!-- [area2-blocks] --></td>
                     <td width="1%" valign="top" align="right"><br>
                     <!-- [right-blocks] --></td>
                  </tr>
                  <tr>
                     <td colspan="3"><img src="{image-path}sb_base.jpg"></td>
                  </tr>
               </table>
               </td>
               <td valign="top"><br>
               <!-- [center-blocks] --><br>
               <!-- [modules] --></td>
            </tr>
         </table>
         <center><!-- [footer-msg] --><!-- end of footer --></center><br>
      </div>
      </td>
   </tr>
</table>


che ovviamente mi da una grafica sbagliata...
che potete vedere nell'allegato... qualcuno saprebbe correggermi la theme.html in modo che le due aree area1 e area2 stiano al disopra dell'area centrale? grazie
KalidhoS - 04 Apr 2008 - 23:30
Oggetto:
le define delle aree vanno subito sopra center-blocks, non tra left e right blocks :)

www.essen.it le animazioni in alto e l'immagine centrale sono aree esattamente come le vuoi tu :D

Ciao!
asroma - 06 Apr 2008 - 15:40
Oggetto:
grazie mille...comunque....ringrazio anche cradle...visto che già ci aveva messo le mani :-D
Tutti i fusi orari sono GMT
Powered by MDForum 2.0.8 © 2003-2007 basato su phpBB © 2001, 2002 phpBB
Tema grafico by subRebel del sito ktauber modificato e ottimizzato per MDForum da TiMax
e da MDRebel il quale usa Theme Graphics by Daz
e da Attachment-Mod 2.4.3