Data/ora curentă este: Joi Mar 28, 2024 7:25 pm

1 rezultat gasit pentru 191919

Personalizati cadrul atasamentelor

Personalizati cadrul atasamentelor


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

Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor 29-03-11
Nota


Acest efect apare
numai pentru cei care folosesc
urmatoarele browsere :


  • Firefox
  • Safari
  • Google Chrome



Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor 09615175839 Adaugari in CSS

Panou de Administrare Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Afisare Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Culori Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 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;
}


Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor Inreg10

Rezumatul proprietatilor CSS:

Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor 29-03-12

.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



Tag 191919 pe Forum gratuit: forum de suport al utilizatorilor Margin10
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;


Scris de Luky
la data de Mier Mar 31, 2010 12:23 am
 
Cauta in: Tutoriale
Subiect: Personalizati cadrul atasamentelor
Raspunsuri: 0
Vizualizari: 8141

Sus

Mergi direct la: