Index / pagina html de redirectionare cu doua sau mai mutle imagini
Lun Mar 08, 2010 10:17 pm
1. Imaginile
Mai intai de toate ne alegem imaginile, in acest tutorial am folosit urmatorul set:
http://www.accessgratuit.com/graphic-design-f15/butoane-redirect-portal-si-forum-t79.htm
2. Organizarea
Dupa ce am ales imaginile dorite mergem in PA/Module/HTML/Administrare pagini HTML si cream o noua pagina html.
Daca doriti ca imaginile sa fie lasate mai jos adaugati inainte de mai multe ori codul
Pentru a adauga o imagine cu redirectionare folositi:
La "LINK REDIRECTIONARE" inlocuiti cu link-ul dorit pentru rediectionare si la "LINK IMAGINE" inlocuiti cu link-ul catre imagine (ex.: http://siteimagini.imagine.png)
Daca doriti o adoua imagine cu redirectionare, aduagati codul din nou dupa primul, cu alte link-ul pentru redirectionare si pentru imagine. Pentru a treia faceti al fel si tot asa.
Daca doriti ca imaginile sa fie centrate folositi:
3. Personalizarea
Daca o sa vreti sa adaugati texte si link-uri si doriti sa le personalizati vom avea nevoie de niste coduri CSS.
Pentru text:
La "NUME FONT" adaugati ce font doriti cum ar fi Arial, Comic Sans Ms, Impact, Trebuchet MS etc.
Pentru link-uri:
La "text-decoration" daca doriti sa fie subliniat utilizati "underline" (ex.: text-decoration: underline)sau daca nu doriti sa fie subliniat utilizati "none" (ex.: text-decoration: none).
Toate aceste coduri CSS le adaugati intre:
Tutorial realizat de sLg
Mai intai de toate ne alegem imaginile, in acest tutorial am folosit urmatorul set:
http://www.accessgratuit.com/graphic-design-f15/butoane-redirect-portal-si-forum-t79.htm
2. Organizarea
Dupa ce am ales imaginile dorite mergem in PA/Module/HTML/Administrare pagini HTML si cream o noua pagina html.
Daca doriti ca imaginile sa fie lasate mai jos adaugati inainte de mai multe ori codul
- Cod:
<br>
Pentru a adauga o imagine cu redirectionare folositi:
- Cod:
<a href="LINK REDIRECTIONARE"><img src="LINK IMAGINE" border="0"></a>
La "LINK REDIRECTIONARE" inlocuiti cu link-ul dorit pentru rediectionare si la "LINK IMAGINE" inlocuiti cu link-ul catre imagine (ex.: http://siteimagini.imagine.png)
Daca doriti o adoua imagine cu redirectionare, aduagati codul din nou dupa primul, cu alte link-ul pentru redirectionare si pentru imagine. Pentru a treia faceti al fel si tot asa.
Daca doriti ca imaginile sa fie centrate folositi:
- Cod:
<center>CODURILE IMAGINILOR DE REDIRECTIONARE AICI</center>
3. Personalizarea
Daca o sa vreti sa adaugati texte si link-uri si doriti sa le personalizati vom avea nevoie de niste coduri CSS.
Pentru text:
- Cod:
body {
font-family: NUME FONT;
color: #COD CULOARE;}
La "NUME FONT" adaugati ce font doriti cum ar fi Arial, Comic Sans Ms, Impact, Trebuchet MS etc.
Pentru link-uri:
- Link
- Cod:
a:link {
text-decoration: none;
color: #COD CULOARE;}
- Link vizitat
- Cod:
a:visited {
text-decoration: none;
color: #COD CULOARE;}
- Link selectat (cursor deasupra)
- Cod:
a:hover {
text-decoration: underline;
color: #COD CULOARE;}
- Link activ
- Cod:
a:active {
text-decoration: none;
color: #COD CULOARE;}
La "text-decoration" daca doriti sa fie subliniat utilizati "underline" (ex.: text-decoration: underline)sau daca nu doriti sa fie subliniat utilizati "none" (ex.: text-decoration: none).
Toate aceste coduri CSS le adaugati intre:
- Cod:
<style type="text/css">CODURILE CSS AICI!</style>
Tutorial realizat de sLg
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
|
|