Ez a bejegyzés a blog és weblap tulajdonosoknak lehet érdekes. A favicon nem más, mit az a kis kép, ami a címsorban vagy a a könyvjelzőben megjelenik az oldalak címe mellett. Bárkinek lehetősége van* egy ilyet elhelyezni a saját oldalán, méghozzá nem is túl bonyolult.
Első lépésben készítenünk kell egy 16x16 pixel méretű képet, amit .gif vagy .ico formátumban kell elmentenünk. Erre a célra gyakorlatilag bármilyen képszerkesztő program tökéletes, de ha mégis úgy gondoljuk, hogy "mi ehhez kevesek vagyunk :P", akkor interneten is megszerkeszthetjük saját faviconunkat például itt: http://www.favicon.hu/. Ez egy nagyon egyszerű oldal, hátránya, hogy csak pár színt használhatunk, de ez is megteszi, ha arról van szó. Ha elkészült a képünk, akkor feltöltjük valahova, hogy utána hivatkozni tudjunk a képre. Ha ez megvan a lapunk forráskódjában a <head> és </head> tag közé beillesztjük ezt a sort:
<link href="http://www.oldalcime.hu/favicon.ico" rel="shortcut icon" type="image/x-icon">
Mentsük el és következő alkalommal, amikor megnézzük oldalunkat, ott fog díszelegni a címsorban a beállított kép.
___________________________
* Egyes ingyenes tárhelyeken, például az ultraweben (uw.hu) a favicon-t nem lehet megváltoztatni!
A következő címkéjű bejegyzések mutatása: html. Összes bejegyzés megjelenítése
A következő címkéjű bejegyzések mutatása: html. Összes bejegyzés megjelenítése
2008. július 30., szerda
Favicon
by Bálint2008. június 29., vasárnap
Táblázat létrehozása HTML-ben
by bemapoeViki érdeklődésére, és mert tudom, hogy nekem is sokáig gondot okozott táblázatot készíteni blogban, vagy egyáltalán HTML-környezetben, ezennel bemutatom a táblázat kódját:
<table cellspacing="0" cellpadding="2" width="600" border="1"><tbody>
<tr>
<td valign="top" width="199">1. oszlop, 1. sor</td>
<td valign="top" width="196">2. oszlop, 1. sor</td>
<td valign="top" width="196">3. oszlop, 1. sor</td>
</tr>
<tr>
<td valign="top" width="200">1. oszlop, 2. sor</td>
<td valign="top" width="197">2. oszlop, 2. sor</td>
<td valign="top" width="197">3. oszlop, 2. sor</td>
</tr>
</tbody></table>
A cellspacing a cellák közti távolság, a cellpadding a cellán belüli margó, a width a táblázat össz-szélessége, a border a a táblázat és a cellák szegélye (ha 0 az értéke, akkor nem látszik a táblázat szegélye). Az első <tr> közötti rész az első sor, a második közötti a második sor és így tovább. Minél több <td>-t illesztesz be egy sorba, annál több oszlopod lesz abban a sorban.
Feliratkozás:
Bejegyzések (Atom)
