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álint

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!

2008. június 29., vasárnap

Táblázat létrehozása HTML-ben

by bemapoe

Viki é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.