Index / pagina html de redirectionare cu doua sau mai mutle imagini

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

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>


Daca doriti niste spatiu intre imagini si sa nu fie lipite intre ele, adaugati "& n b s p ;" (scris legat, daca il scriam legat in acest tutorial nu se vedea) de cate ori doriti intre codurile pentru imaginile de redirectionare.

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