Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Sosyal Ağlı Hoş Kahverengi Menü
#1
(08-05-2013, 07:57 PM)srdrylmz Nickli Kullanıcıdan Alıntı:  
Kod:
<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;    
}
.fleft {
    float:left;
}

.fright {
    float:right;
}

.cleft {
    clear:left;
}

.cright {
    clear: right;
}

.cboth {
    clear:both;
}

.hidden {
    overflow: hidden;
}


.fontwhite {
    color: #FFF;
}

.fontsmall {
    font-size:10px;
}/* Genel */
#shadow {overflow: inherit!important; width: 1160px; background: url("http://mebpersonel.com/_themes/hs-live/images/v6/bg.png") repeat-y}

.container {overflow: inherit!important; width: 960px; background: url("http://mebpersonel.com/_themes/hs-live/images/v6/icerikBg.png"); position: relative; -moz-box-shadow: 0 -2px 15px 3px rgba(000, 000, 000, .5);-webkit-box-shadow: 0 -2px 15px 3px rgba(000, 000, 000, .5); box-shadow: 0 -2px 15px 3px rgba(000, 000, 000, .50);}

/* Reklam */
.positionReklam {width: 180px; height: 599px; position: absolute; top: 0; right: -200px}


ul.navbar-menu-sag li a, .menu2 ul li, .menu2a ul li, .mansetBaslik h3, .itSol ul li a, .sagBaslik b {
    font-family: Segoe UI, Arial;
    font-weight: bold;
}



    /* Menü */
    .menu1 {background: url("http://mebpersonel.com/_themes/hs-live/images/v6/menuBg.png") repeat-x; height: 31px;width: 1024px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
    .menu1 ul li {float: left; background: url("http://mebpersonel.com/_themes/hs-live/images/v6/cizgiBg.png") no-repeat right}
    .menu1 ul li a {font-size: 14px; color: #fff; display: block; padding: 8px 13px; font-family: Segoe UI, Arial;font-weight: 700;}
    .menu1 ul li a:hover {color: yellow}
    .menu1 ul.sosyal-ul {float: right; position: relative; top: -1px}
    .menu1 ul.sosyal-ul li.su1 {background: none}


/* Menü2 */
    .menu2 {background: url("http://mebpersonel.com/_themes/hs-live//images/v6/menuBg2.png") repeat-x; height: 35px; padding-left: 6px; position: relative;}
    .menu2 ul {float: left}
    .menu2 ul li {float: left}
    .menu2 ul li a {color: #fff; font-size: 13px; display: block; padding: 6px 10px; line-height:16pt;}
    .menu2 ul li a:hover {color: yellow}
    .diger2 {float: right; width: 82px; height: 25px; background: url("http://mebpersonel.com/_themes/hs-live//images/v6/selectBg.png"); position: absolute; right: 5px;top:4px;}
    .diger2 a {color: #fff; display: block; padding:6px 3px 3px 40px;}
    .diger2 a:hover { text-decoration:none}

        .menu2a {background: url("http://mebpersonel.com/_themes/hs-live//images/v6/menuBg2.png") repeat-x; height: 35px; padding-left: 6px}
        .menu2a ul {float: left}
        .menu2a ul li {float: left}
        .menu2a ul li a {color: #fff; font-size: 13px; display: block; padding: 10px}
        .menu2a ul li a:hover {color: yellow;}


/* Header Blok */
    .headerBlok {background: #000; height: 31px; position:relative}
    
        /* Son Dakika */
        .sonDakika {}
        .sdBaslik {width: 144px; height: 31px; float: left; position: relative; background: url("http://mebpersonel.com//_themes/hs-live//images/v6/sonDakikaBg.png");margin-right: 8px;font-family: Segoe UI, Arial;line-height:16pt;}
        .sdBaslik span {position: relative; top: 4px; left: 10px; font-size: 13px; color: #fff}
        .sdListe {float: left; margin-left: 7px}
        .sdListe ul li {height: 31px}
        .sdListe ul li a {display: block; font-size: 11px; line-height: 31px; color: #fff}
        .sdListe ul li a:hover {text-decoration: underline}
        .last_minute {position: absolute;}
        /* Arama */
        .arama {float: right; width: 180px; height: 20px; background: #F4F4F4; position: absolute; top: 5px; right: 5px}
        .arama span {position: absolute; top: 0}
        .arama span.a2 {right: 0; width: 25px; height: 20px; cursor: pointer; background: url("http://mebpersonel.com//_themes/hs-live//images/v6/araBtn.png"); text-indent: -9999px}
        .arama span.a1 {left: 0}
        .arama span.a1 input {padding: 2px 0 2px 7px; height: 16px; width: 115px; color: #999; font-size: 11px}
        .arama .arasana {padding-top: 2px;border: none;background: #F4F4F4;color: #999;height: 14px;}
#ust_mansetler a em.foto {
    height: 46px;
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 95px;
    background-image: url(http://mebpersonel.com//_themes/hs-live//images/ustmanset-fotohaber.png);
    background-repeat: no-repeat;
}

#ust_mansetler a em.video {
    height: 46px;
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 95px;
    background-image: url(http://mebpersonel.com//_themes/hs-live//images/ustmanset-videohaber.png);
    background-repeat: no-repeat;

}

#ust_mansetler span  {
    z-index:100;
    color: #EEE;
    height: 24px;
    display: block;
    text-align: center;
    background-color: #000;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    line-height: 16pt;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 226px;
    opacity: .85;
    filter:alpha(opacity=85);    
    
}
#ust_mansetler a:hover span  {
    color: #FFF;
}

#ust_mansetler a:hover em  {


}

div.flashaber {
padding:10px 10px 0 10px;
background:white;
}

.menu1 ul.sosyal {float: right; position: relative;right:5px;top: 5px;}

.menu1 ul.sosyal li {background:none;}

.menu1 ul.sosyal a {
    background-image: url(http://mebpersonel.com//_themes/hs-live//images/socialicons.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin-left: 5px;
    padding:0;}
    
.sosyal a.facebook {background-position:0}
.sosyal a.google {background-position:-22px}
.sosyal a.twitter {background-position:-44px}
.sosyal a.youtube {background-position:-66px}
.sosyal a.rss {background-position:-88px}
.sosyal a.friendfeed {background-position:-110px}

</style>




<div class="menu1"><ul class="sosyal"><li><a class="facebook" href="http://www.facebook.com/mebpersonel"></a><li><a class="youtube" href="http://www.facebook.com/mebpersonel"></a><li><a class="google" href="http://www.facebook.com/mebpersonel"></a></li><li><a class="twitter" href="https://twitter.com/#!/mebpersonelCom"></a></li><li><a class="friendfeed" href=""></a></li><li><a class="rss" href="/rss.php"></a></li></ul><ul class="menu-ul"><li><a href="/index.html" title="Ana Sayfa">Ana Sayfa</a></li><li><a href="/forum" title="Forum">Forum</a></li><li><a href="/foto-galeri.html" title="Foto Galeri">Foto Galeri</a></li><li><a href="/video-galeri.html" title="Video Galeri">Video Galeri</a></li><li><a href="/yazarlar.html" title="Yazarlar">Yazarlar</a></li><li><a href="/firma-rehberi" title="Firma Rehberi">Firma Rehberi</a></li></ul></div>


Koddostu Ön,izle


Beğendiyseniz Rep Verebilirsiniz
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.

Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping