Bine ati venit pe forumul de suport al Forumgratuit

Pentru a beneficia de tot ceea ce va ofera forumul nostru, va rugam sa va conectati daca sunteti deja membru sau sa va alaturati comunitatii noastre



Creati un forum gratuit ca acesta.

Personalizati cadrul atasamentelor

Vezi subiectul anterior Vezi subiectul urmator In jos

Personalizati cadrul atasamentelor

Mesaj Scris de Luky la data de Mier 31 Mar 2010, 12:23 am

Personalizati cadrul atasamentelor


In urma actualizarii de saptamana trecuta, Forumgratuit va ofera acest truc pentru a va personaliza atasamentele :

Nota


Acest efect apare
numai pentru cei care folosesc
urmatoarele browsere :

  • Firefox
  • Safari
  • Google Chrome


Adaugari in CSS

Panou de Administrare Afisare Culori Foaie de stil CSS


Adaugati urmatorul cod :

Cod:
.attachbox{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
color:#ffffff;
}
 
.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}




Rezumatul proprietatilor CSS:



.attachbox
>> Partea A
background-color: #191919; >> Culoarea de fundal
background-image:
url('http:image.address');
>> Imaginea de fundal
border: 1px solid #888888; >> Marginile partii A
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
>> Cele 4 colturi
color:#ffffff; >> Culoarea textului al Partii A
.attachbox dl.file
>> Part B
background-color: #212121; >> Culoarea de fundal
margin-top: 8px; >> Inaltimea marginii exterioare (de sus)
(Vedeti imaginea B)
padding: 5px; >> Marginea interioara
(Vedeti imaginea B)
border: 1px solid #fff; >> Culoarea cadrului
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
>> Cele 4 colturi



Imaginea B


Acesta este codul pentru toate patru colturi rotunde:
Cod:
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

Cine doreste sa faca doar un colt sau doua rotunde trebuie sa foloseasca codul asta:

Cod:

/* Pentru Mozilla FireFox */
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;

/* Pentru Safari */
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;

/* Pentru Opera, Google Chrome si altele */
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;


Acest tutorial a fost creat de staff-ul francez
Completat de Motanel
Reproducerea acestui tutorial nu este permisa fara acordul nostru, conform Articolului L122-1 apartinand ICC.


Ultima editare efectuata de catre Luky in Mier 12 Mai 2010, 11:34 pm, editata de 1 ori

Luky
Veteran Forumgratuit
Veteran Forumgratuit

Numarul mesajelor: 3600
Varsta: 23
Localizare: Bucuresti
Data de inscriere: 27/12/2007
Niciun warn

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum