CSS3 & jQuery

CSS3 Banner Paketi

CSS3 Banner Paketi

CSS3 Banner Paketi ücretsiz olarak kullanabileceğiniz

CSS3 banner paketi içerisindeki kod ve görselleri kullanarak web siteleriniz için güzel ve ilgi çekici bannerlar hazırlayabilirsiniz.

Kendinize görede görselleriniz ayarlayabilir ve yayınlayabilirsiniz bir kaç görsel resmi bunun için yeterli olacaktır. Hali hazırda kendi görsellerini de kullanarak bannerlerı istediğiniz gibi ayarlayabilirsiniz.

İlgili Makaleler

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Style Kodu:

<head>
        <title>CSS3 Banners</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
        <style type="text/css">			
            h1{
                padding-top: 10px;
                font-size: 36px;
                padding:0px;
                margin: 0px;
                line-height:100px;
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                width:310px;
                float:left;
            }
            .slogan{
                float: right;
                margin:75px 20px 0px 0px;
                font-size: 20px;
            }
            .banner{
                width:620px;
                height: 100px;
                margin:7px auto;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                padding-left:190px;
            }
            .banner0{
                background: #656964 url(banner0.png) no-repeat center left;
            }
            .banner1{
                color:#37535B;
                background: #31B3DA url(banner1.png) no-repeat center left;
                font-family: "Arial Narrow"; 
            }
            .banner2{
                color:#656A64;
                background: #81C573 url(banner2.png) no-repeat center left;
                font-family: "Palatino Linotype"; 
            }
            .banner3{
                color:#37535B;
                background: #656964 url(banner3.png) no-repeat center left;
                font-family: "Arial Narrow"; 
            }
            .banner4{
                color:#2B8EAC;
                background: #656964 url(banner4.png) no-repeat center left;
                font-family: "Century Gothic"; 
            }
            .banner5{
                color:#37535B;
                background: #C6CC10 url(banner5.png) no-repeat center left;
                font-family: "Trebuchet MS";
            }
            .banner6{
                color:#37535B;
                background: #b8d8fb url(banner6.png) no-repeat center left;
                font-family: "Arial Narrow"; 
                text-transform: uppercase;
                letter-spacing: 4px;
            }
            .banner7{
                color:#6e9cf9;
                background: #a08c60 url(banner7.png) no-repeat center left;
                font-family: "Arial Narrow"; 
                font-style: italic;
            }
        </style>
    </head>

Banner Kodları:

<body>
        <div class="banner banner0"></div>
        <div class="banner banner3"></div>
        <div class="banner banner1">
            <h1>Sweet City</h1>
            <div class="slogan">there's a lot to discover in your town</div>
        </div>
        <div class="banner banner2">
            <h1>Automobile</h1>
            <div class="slogan">The true fan club</div>
        </div>
        <div class="banner banner4">
            <h1>Arrow Shmallow</h1>
            <div class="slogan">Best Services</div>
        </div>
        <div class="banner banner5">
            <h1>Radio Header</h1>
            <div class="slogan">Listen to the music!</div>
        </div>
        <div class="banner banner6">
            <h1>Energizer</h1>
            <div class="slogan">The Smarter Power</div>
        </div>
        <div class="banner banner7">
            <h1>Brickyton</h1>
            <div class="slogan">We build everything</div>
        </div>
    </body>
</html>

Banner Görselleri

Ürün Videosu

CSS3 Banner Paketi

CSS3 - 10
Banner Paketi - 10
Style Kodu - 9
Banner Kodu - 7

9

Puan

Ücretsiz olarak kullanabileceğiniz CSS3 banner paketi içerisindeki kod ve görselleri kullanarak web siteleriniz için güzel ve ilgi çekici bannerlar hazırlayabilirsiniz.

Kullanıcı Oyu: İlk siz olun!

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu