CSS Ribons

Pogledaj prethodnu temu Pogledaj sledeću temu Ići dole

CSS Ribons

Počalji od Mr.Joker taj Pon Avg 01, 2011 10:42 pm

Sličnu navigaciju imao je nekada Admin Centar ili FoF kako želite. Primer:
[You must be registered and logged in to see this image.]
Imamo jedan box:
[You must be registered and logged in to see this image.]
Unutar njega heading:
[You must be registered and logged in to see this image.]
U css dodamo:
Kod:
h1
{
  margin: 0 -30px; /* top:0, right:-30px, bottom:0, left:-30px */
}
Sada se produžio heading izvan box-a.
[You must be registered and logged in to see this image.]
Dodate ovakav CSS:
Kod:
 h1{
        text-align: center;
        position: relative;
        color: #fff;
        margin: 0 -30px 30px -30px;
        padding: 10px 0;
        text-shadow: 0 1px rgba(0,0,0,.8);
        background: #5c5c5c;
        background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 0 rgba(0,0,0,.3);
    }

    h1:before, h1:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    h1:before
    {
        border-width: 0 10px 10px 0;
        border-right-color: #222;
        left: 0;
    }

    h1:after
    {
        border-width: 0 0 10px 10px;
        border-left-color: #222;
        right: 0;
    }
I eto ga:
[You must be registered and logged in to see this image.]

DEMO: KLIKNI OVDE
Tutorial by Catalin Rosu a.k.a Red
Preveo sa Engleskog: System32

Mr.Joker
Administrator
Administrator

Broj poruka Broj poruka : 1709
D4U Novac D4U Novac : 1871
Reputacija Reputacija : 31
Godina Godina : 24
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje


Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: CSS Ribons

Počalji od Prince. taj Pon Avg 01, 2011 10:45 pm

Predobro, oći to, može li to kako na forum :DDD


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: CSS Ribons

Počalji od Vuk98 taj Pet Avg 05, 2011 10:37 am

Može Very Happy
avatar
Vuk98
Aktivan član
Aktivan član

Broj poruka Broj poruka : 380
D4U Novac D4U Novac : 128
Reputacija Reputacija : 0
Lokacija Lokacija : Srbija :D
Poso/dokolice Poso/dokolice : Glupa škola :(


Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: CSS Ribons

Počalji od Sponsored content


Sponsored content


Nazad na vrh Ići dole

Pogledaj prethodnu temu Pogledaj sledeću temu Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu