hitetlen.com > Súgó > Háttér a modulodba

Háttér a modulodba

Minden egyszerü tipusú modulodba
egyedi hátteret tehetsz!
Hogy hogyan?
A varázslat nem is olyan nehéz,mint gondolnád.

Nem csináltam mást,mint a jól megszokott táblázat kódját vettem elő,és beletettem egy hátteret.

Itt a kép nem valahova kerül a lapon, hanem a lap "papírja" lesz, erre írunk majd. Olyan, mint egy tapéta, csak nincs neki vége.

Gondoljuk meg, ez mivel jár! A háttérbe álmodott kép (bizony) nem lehet túl éles vagy kontrasztdús. Nem ütheti agyon ugyanis a lapon a szöveget. A böngészők betűi túl könnyen olvashatalanná válnak… Legyen a kép vagy sötét és írjunk rá fehér vagy pasztellszín betűkkel, vagy legyen világos, amin a sötét "tinta" mutat. Kísérletezni kell.

A háttérkép témája alapvetően kétféle lehet: vagy egy elmosódott hangulatfestő fénykép, vagy valami imétlődő ákom-bákom (pl. buborékok, kockás füzetlap, márvány-utánzat). A böngésző veszi ezt a képet és annyiszor teszi egymás mellé és alá, ahányszor a lapon lévő egyéb anyag (képek, szöveg) megköveteli. Ez fényképnél lehet kínos. Ugyanis (megint csak) nem tudjuk, hogy az aki olvassa a lapunkat, mekkora ablakot használ és mekkora betűket (ha kisebbet, mint mi, lehet, hogy nem is tudja a kép miatt elolvasni!). Az általunk feltett fénykép vagy csak félig-negyedéig látszik, vagy kétszer-háromszor is ott van… Nehéz igazán jó hátteret kitalálni! Egy tipp: keressünk olyan képet, amelynek szélei illeszkednek. Azaz a képet önmagához illesztve nem üti a szemünket a határolóvonal. Mindez a probléma a tapéta jellegű kisképeknél nem jelentkezik.
Töbféle neve is van ennek a háttérmególdásnak.
Van aki tapátának hívja,más mintázatnak,vagy mintás háttérnek,illetve van aki patternek nevezi.
Én speciel a textúra szóra kaptam a legtöbb találatot a Google keresőben.
Valószínű ez lesz a legáltalánosabb neve,úgyhogy jó lesz megjegyezni.
Mutatok egy honlapot a sokezer közül,de ha ez nem elég(bár kétlem,mert többezer textúrát találhatsz majd ott),akkor ha kell,még adok címeket.Szóval majd itt nézz körűl:
http://www.grsites.com/textures/
(a Google is segíthet keresni számodra megfelelőt)

De jöjjön a lényeg,a táblázat HTML kódja!
Elösszőr megmutatom a legegyszerübb táblázat HTML kódját,ami jelen esetben egy egysoros,egy oszlopos lesz.

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=1>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

Most állítsuk a szegély méretét nullára (border=0),így maga a szegély "láthatatlan" lesz,tehát senki nem fogja látni,hogy itt valójában egy táblázatot lát.

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

Most pedig tegyünk bele egy hátteret:

<TABLE cellSpacing=0 cellPadding=0 width="100%"
background=http://www.grsites.com/textures/marb/marb154.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

Ennyi.Készen is vagyunk.
Csak cseréld le a kép URL-címét amire csak szeretnéd.

Válts vissza a HTML szerkesztő üzemmódból "normál" szövegszerkesztő üzemmódba,és
írj,írj,írj,írj,írj,írj,írj,írj,írj,írj,írj
írj,írj,írj,írj,írj,írj,írj,írj,írj,
írj,írj,írj,írj,írj,írj,írj,
írj,írj,írj,írj,írj,
írj,írj,írj,
írj,írj,
írj,írj,
írj!
 amíg csak győzöd:DDDDDDDDDDDDDDDDD

Súgó

  1. Még nincs hozzászólás
  1. Még nincsenek visszakövetések

Elakadtál? Kérj segítséget itt!
Még több Súgó (9 összesen 10 cikkek)


Demofunction nyit(url,l,t,o,e){ablak1=window.open(url,"ablak","left="+l+",top="+t+",width="+o+",height="+e+",status=no,menubar=no,scrollbars=no,resizable=no,directories=no,toolbar=no","top frames");ablak1.focus()return true;}HTML Kód:A:HOVER{color:#ffff00;text-decoration:underline overline;background:#ff0000;} Tipp:A link szövegének színe a kódban:color:#ffff00A link háttere:background:#ff0000Hogy állandóan működjön,a modúlt tedd jobbra vagy ...