Design 4 U // Dizajn forum - Veb i grafički dizajn
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS Ribons

3 posters

Ići dole

CSS Ribons Empty CSS Ribons

Počalji od Mr.Joker 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: [You must be registered and logged in to see this link.]
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 : 31
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje
CSS Ribons War1

Nazad na vrh Ići dole

CSS Ribons Empty Re: CSS Ribons

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

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

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

http://we-are-teens.com/

Nazad na vrh Ići dole

CSS Ribons Empty Re: CSS Ribons

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

Može Very Happy
Vuk98
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 :(
CSS Ribons War1

Nazad na vrh Ići dole

CSS Ribons Empty Re: CSS Ribons

Počalji od Sponsored content


Sponsored content


Nazad na vrh Ići dole

Nazad na vrh


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