Tipps und Tricks




Transparenz

um fuer die gaengigsten Browser die Transparenz festzulegen mueste man ueberall folgendes in den Quelltext einfuegen, zb

  <div style="filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;">

die folgenden Beispiele sind nur fuer Mozilla/Firefox ausgerichtet, mein composer/Mozilla-suite loescht die Angaben fuer die uebrigen Browser automatisch, also lass ichs dabei, Handarbeit faellt so schwer


     Transpaernte tabellen
- es folgt eine Bildleiste als Hintergrund und darueber
eine durchsichtige "Willkommen" Tabelle






W I L L K O M M E N



  der Quelltext aus der Tabelle

<td align="center" valign="top"
        
style="background-image: url(leiste.jpg); background-repeat: no-repeat;
           background-position: center;"
><br>
    <br>
    <br>
             <div style="-moz-opacity: 0.7;">
          <table width="200" height="170" border="1" cellspacing="0" cellpadding="0">
              <tbody>
                 <tr>
                  <td bgcolor="#ccffff" valign="top" align="center"> <br>
      <br>
      <br>
       <br>
                 <big>W I L L K O M M E N</big><br>
                  </td>
                </tr>
         </tbody>
</table>
</div>
<br>
<br>
<br>
</td>



 die selbe Tabelle nochmals mit onmouseover Efekt der Willkommen Tabelle






W I L L K O M M E N


            <div style="-moz-opacity: 0.7;">
<table width="200" height="170" border="1" cellspacing="0"
cellpadding="0">
<tbody>
 <tr onmouseover="this.bgColor='#ffff99'"
onmouseout="this.bgColor='ccffff'" bgcolor="#ccffff"
>
<td valign="top" align="center"> <br>
<br>
<br>
<br>
<big>W I L L K O M M E N</big><br>
</td>
</tr>
              </tbody>
</table>
</div>



eine Tabelle mit durchsichtiger Schrift, 0.5% transparenz.
 


Die Tabelle mit der durchsichtigen Schrift


.....
<div id="font"><font style="-moz-opacity: 0.5;" color="#ffffff">
         Die Tabelle mit der durchsichtigen Schrift</font><br>....




Beispielseiten mit transparenten Bereichen -Garten, -Webmaster, -Aktuelles

weitere Tipps -Thumbnails, -runde Ecken, -Zeilen u Spalten aendern Farbe



Home