Peste 500 tutoriale in limba romana.

Salutare prieteni,
In minutele urmatoare am sa va arat cum puteti adauga un efect tip scoci la tagurile code. Mai jos aveti o previzualizare pentru a vedea despre ce este vorba.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Pentru realizarea acestui efect adaugati urmatorul cod in:
Panou de administrare ~> Afisare ~> Culori ~> Imagini si culori ~> Foaie de stil css

Cod:

dl.codebox{
    margin: 20px auto;
    width: 720px;
    min-height: 120px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2) ;
}

dl.codebox:before{
    content: '';
    position:absolute;
    width: 130px;
    height: 30px;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg)
}
dl.codebox:after{
    content: '';
    position:absolute;
    right:0;
    bottom:0;
    width: 130px;
    height: 30px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg)
}


---

Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link] & [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Acesta era acel codebox care il vroia si DanyX. Felicitari Madalin.

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
RazvaNSam 30 Iun - 10:26

Ai pus intr-un final codul dorit de multi , insa din cate vad DaniX sa cam curatat ..

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
Razvan11Sam 30 Iun - 11:16

Sai dea cineva linkul baiatului, ca tot dorea codul asta de cateva luni bune

Re: Efect de scoci la balizele BBCode [code][/code]
VizitatoSam 30 Iun - 13:53

multumesc mult pentru cod, dar am facut rost de el de pe forumul de suport. multumesc oricum

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
DanyXJoi 5 Iul - 18:11

Pentru phpbb2 nu e?

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
llg-cstrikeMar 28 Aug - 22:17

salutare se poate sa-mi dati si mie codul acesta dar pentru punbb?

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
NorkMar 19 Feb - 10:12

Nu este foarte 'stralucit' , dar oricum bravo

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
400kgSam 21 Dec - 9:42

nu merge

thumb_upîmi placethumb_downnu îmi place

Re: Efect de scoci la balizele BBCode [code][/code]
CronosSam 8 Feb - 4:50

Re: Efect de scoci la balizele BBCode [code][/code]
Continut sponsorizat