Honlapépítéshez kódok

Keret és modulháttér kód:

<table width="100%" cellspacing="3" cellpadding="0" border="0" background="http://oromhir.gportal.hu/portal/oromhir/image/gallery/1212488118_33.gif">
    <tbody>
        <tr>
            <td>
            <table width="100%" cellspacing="10" cellpadding="0" border="0" background="http://markosistvan.gportal.hu/portal/markosistvan/image/gallery/1212681705_16.gif">
                <tbody>
                    <tr>
                        <td>


                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
 

István lapja:

Általános stílus a modulok hátterére: (világoskék lesz)

<p><style type="text/css">
<!--
td.modbody {font-family: verdana color: #000000; background-color: #d1eeee;}
-->
</style></p>

Keret szín:

        border-left: 1px dotted #ff9933;
        border-right: 1px dotted #ff9933;

        border-top: 1px dotted #ff9933;

        border-bottom: 1px dotted #ff9933;}

* keret képhez:

<table width="200" border="5" align="center" cellpadding="2" cellspacing="5" bordercolor="#669900">
  <tr>
    <th align="center" scope="row"><img src="http://img2.myimg.de/4a66de.jpg" width="300" height="400"></th>
  </tr>
</table>

Képre kép, váltogat + link

<p>

<a href="http://users2.smartgb.com/g/g.php?a=s&i=g24-02933-45 "target="_blank"><img onmouseover="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/guestbook.png'" onmouseout="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/guestbook_1.png'" height="100" src=" http://i180.photobucket.com/albums/x126/LindaDesign2007/guestbook_1.png" width="100" border="0" alt="" />

</a>

<a href="http://www.gportal.hu/gindex.php?pg=12241863"><img onmouseover="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/linkbook.png'" onmouseout="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/linkbook_1.png'" height="100" src=" http://i180.photobucket.com/albums/x126/LindaDesign2007/linkbook_1.png" width="100" border="0" alt="" />

</a>

</a>

<a href="http://gportal.hu/gindex.php?pg=12196148"><img onmouseover="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/fooldal.png'" onmouseout="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/fooldal_1.png'" height="100" src=" http://i180.photobucket.com/albums/x126/LindaDesign2007/fooldal_1.png" width="100" border="0" alt="" />

</a>

</p>

http://oromhir.gportal.hu/portal/oromhir/image/gallery/1194998496.gif

http://oromhir.gportal.hu/portal/oromhir/image/gallery/1195031998.gif

Szóval ez lenne a mostani COOL kód a HTML – es oldalak körében. A kód saját, tehát TILOS más oldalon feltűntetni!!
Ezt én hoztam létre Adobe Dreamweaver segítségével J

Akkor a leírás a kódban:

KÉK: a linkek, amikor ha kattintasz az az oldal fog megjelenni. Nálam a Főoldal, a Vendégkönyv és a Reklámkönyv van belinkelve.

Piros: ha van olyan linked, amit új ablakban szeretnél, hogy megnyíljon, akkor ezt kell odaírni.

Barna: az a kép, ami akkor jelenik meg, ha ráviszed a képre az egeret. Ez a második kép.

Zöld: az a kép, amit látsz először, mielőtt még nem viszed az egeret a képre.

http://oromhir.gportal.hu/portal/oromhir/image/gallery/1194901192.jpg

<p>

<img onmouseover="this.src=' http://markosistvan.gportal.hu/portal/markosistvan/image/gallery/1212736162_97.gif'" onmouseout="this.src=' http://markosistvan.gportal.hu/portal/markosistvan/image/gallery/1212736163_67.jpg'" height="100" src=" http://markosistvan.gportal.hu/portal/markosistvan/image/gallery/1212736163_67.jpg" width="100" border="0" alt="" />

</a>

<a href="http://www.gportal.hu/gindex.php?pg=12241863"><img onmouseover="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/linkbook.png'" onmouseout="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/linkbook_1.png'" height="100" src=" http://i180.photobucket.com/albums/x126/LindaDesign2007/linkbook_1.png" width="100" border="0" alt="" />

</a>

</a>

<a href="http://gportal.hu/gindex.php?pg=12196148"><img onmouseover="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/fooldal.png'" onmouseout="this.src=' http://i180.photobucket.com/albums/x126/LindaDesign2007/fooldal_1.png'" height="100" src=" http://i180.photobucket.com/albums/x126/LindaDesign2007/fooldal_1.png" width="100" border="0" alt="" />

</a>

</p>

  Betűtípus váltás:

<style type="text/css">
* {
  font-family: Book Antiqua ! important;
  font-size: 9pt ! important; font-color:blue;
}
</style>