[MyBB] ByHayaLeT Header v2

[color=#FF0000]Tasarım ve Kodlama [/color] ByHayaLeT

[color=#FF0000]Kurulum:[/color]

Admin KP - Temalar ve Şablonlar - Temalar - Temanız - Css Oluştur;

Dosya Adı: header.css
Genel Stil
Kendi İçeriğimi Yazmak İstiyorum

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);

/* 2f4b87 */

/* 2f4b87 */

/* #1f325d */

/* Menu CSS */#cssmenu {

  width: auto;

}

#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a {

  padding: 0;

  margin: 0;

  line-height: 1;

  font-family: 'Source Sans Pro', sans-serif;

  font-weight: 500;

  font-size: 16px;

  color: #ffffff;

  -webkit-transition: all ease .3s;

  -o-transition: all ease .3s;

  -moz-transition: all ease .3s;

  -ms-transition: all ease .3s;

  transition: all ease .3s;

}

#cssmenu:before,

#cssmenu:after,

#cssmenu > ul:before,

#cssmenu > ul:after {

  content: '';

  display: table;

}

#cssmenu:after,

#cssmenu > ul:after {

  clear: both;

}

#cssmenu a {

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

#cssmenu ul {

  background: #3b5998;

  border-radius: 3px;

  border: 1px solid #2b4479;

  border: 1px solid #2d4373;

  -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);

  -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);

  -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);

  -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);

  box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);

}

#cssmenu ul > li {

  float: left;

  list-style: none;

}

#cssmenu ul > li > a {

  display: block;

  text-decoration: none;

  padding: 15px 44px;

  position: relative;

}

#cssmenu ul > li > a:hover {

  background: #2d4373;

  -webkit-box-shadow: inset 0 0 1px #1e2e4f;

  -o-box-shadow: inset 0 0 1px #1e2e4f;

  -moz-box-shadow: inset 0 0 1px #1e2e4f;

  -ms-box-shadow: inset 0 0 1px #1e2e4f;

  box-shadow: inset 0 0 1px #1e2e4f;

  -webkit-transition: all ease .3s;

  -o-transition: all ease .3s;

  -moz-transition: all ease .3s;

  -ms-transition: all ease .3s;

  transition: all ease .3s;

}

#cssmenu ul > li > a:hover:before {

  content: '';

  z-index: 2;

  position: absolute;

  border: 1px solid white;

  border-top: 0;

  border-bottom: 0;

  border-right: 0;

  width: 100%;

  height: 100%;

  top: 0;

  left: -1px;

  opacity: .2;

}

#cssmenu ul > li > a:hover:after {

  content: '';

  z-index: 2;

  position: absolute;

  border: 1px solid white;

  border-top: 0;

  border-bottom: 0;

  border-left: 0;

  width: 100%;

  height: 100%;

  top: 0;

  right: -1px;

  opacity: .2;

}

#cssmenu > ul > li > ul {

  opacity: 0;

  visibility: hidden;

  position: absolute;

}

#cssmenu > ul > li:hover > ul {

  opacity: 1;

  visibility: visible;

  position: absolute;

  border-radius: 0 0 3px 3px;

  -webkit-box-shadow: none;

  -o-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  box-shadow: none;

}

#cssmenu > ul > li > ul {

  width: 200px;

  position: absolute;

}

#cssmenu > ul > li > ul > li {

  float: none;

  position: relative;

}

#cssmenu > ul > li > ul > li > ul {

  opacity: 0;

  visibility: hidden;

  position: absolute;

}

#cssmenu > ul > li > ul > li:hover > ul {

  opacity: 1;

  visibility: visible;

  position: absolute;

}

#cssmenu > ul > li > ul > li > ul {

  left: 200px;

  top: 1px;

  width: 200px;

}

#cssmenu > ul > li > ul > li > ul > li {

  float: none;

}

#hayaletv3{

        border:none;

        border:0px;

        margin:0px;

        padding:0px;

        font-family:times new roman;

        font-size:14px;

        font-weight:bold;

        color:8e8e8e;

        }

#hayaletv3 ul{

        background:url(http://j1307.hizliresim.com/1c/r/qp99c.gif) top left repeat-x;

        height:43px;

        list-style:none;

        margin:0;

        padding:0;

        }

#hayaletv3 li{

        float:left;

        padding:0px 8px 0px 8px;

        }

#hayaletv3 li a:hover{

        color:#000000;

        text-decoration:none;

        }

#hayaletv3 li ul{

        background:#e0e0e0;

        border-left:2px solid #fce10e;

        border-right:2px solid #fce10e;

        border-bottom:2px solid #fce10e;

        display:none;

        height:auto;

        filter:alpha(opacity=95);

        opacity:0.95;

        position:absolute;

        width:225px;

        z-index:200;

        /*top:1em;

        /*left:0;*/

        }

#hayaletv3 li:hover ul{

        display:block;

        }

#hayaletv3 li li {

        display:block;

        float:none;

        padding:0px;

        width:225px;

        }

#hayaletv3 li ul a{

        display:block;

        font-size:12px;

        font-style:normal;

        padding:0px 10px 0px 15px;

        text-align:left;

        }

#hayaletv3 li ul a:hover{

        background:#FFCC00;

        color:#FF0000;

        opacity:1.0;

        filter:alpha(opacity=100);

        }

/*--------[Pro-v8 NavBar Css - 2013 X.S]--------*/

#navigasyon {

    font-family: tahoma;

    background: #E9EFF5 url(http://st.10tl.net/tema/diesel/nav_bg.png) repeat-x 0 0;

    display: block;

    height: 35px;

    line-height: 35px;

    margin: auto;

    border: 1px solid #D1D1D1;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    font-size: 11px;

}



#navigasyon ol li {

    float: left;

    display: inline-block;

    margin: 0 3px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}



#navigasyon ol li a {

    color: #757575;

    text-shadow: 1px -1px 1px #eee;

    padding-left: 12px;

    background: url(http://st.10tl.net/tema/diesel/nav_hover_bg.png) no-repeat 0 0;

    display: block;

    outline: none;

    text-decoration: none;

    margin-left: -15px;

}



#navigasyon ol li:first-child {

    width: 30px;

    margin-left: 15px;

}



#navigasyon ol li a img {

    display: none;

}



#navigasyon_list li:first-child:hover img {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

}



#navigasyon_list li:first-child a {

    background: url(http://st.10tl.net/tema/diesel/nav_hover_bg.png) right top !important;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    position: relative;

    width: 35px;

    height: 35px;

}



#navigasyon_list li:first-child a:hover {

    background-position: 100% -43px !important;

}



#navigasyon_list li:first-child a img {

    display: block;

    position: relative;

    max-width: 22px;

    right: 3px;

    top: 7px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    filter: alpha(opacity=50);

    opacity: 0.5;

}



/* div yerine span eklendi */

#navigasyon_list li:first-child a i {

    display: none;

}



#navigasyon_list li:last-child span {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: none;

}



#navigasyon_list li:first-child span:hover {

    background-position: 100% -43px !important;

}



#navigasyon_list li:last-child a {

    font-family: tahoma;

    font-weight: bold;

    color: #555;

    font-size: 11px;

    background: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



#navigasyon li:hover a {

    background-position: 0 -43px;

    color: #444;

}



#navigasyon li:active a {

    color: #666;

    text-shadow: none;

    background-position: 0 -86px;

}



#navigasyon ol li a span {

    background: url(http://st.10tl.net/tema/diesel/nav_hover_bg.png) right top;

    display: block;

    padding-left: 4px;

    padding-right: 12px;

}



#navigasyon li:hover span {

    background-position: 100% -43px;

}



#navigasyon li:active span {

    background-position: 100% -86px;

}



#navigasyon_list {

margin:0px; padding:0px;

}

/*-----[Pro-v8 NavBar Font Hover Css - 2013 X.S]-------*/

.nav_font {

    font-weight: bold;

        font-style: normal;

    font-family: Tahoma, Geneva, Sans-Serif;

}



.nav_font_aktif {

    font-size: 12px;

        color: #3C4A9A;

}



.nav_font_aktif:hover {

        color: #333;

}

.slideright:hover {

    -webkit-transform: translate(1em, 0pt);

    -moz-transform: translate(1em, 0pt);

    -o-transform: translate(1em, 0pt);

    -ms-transform: translate(1em, 0pt);

}



.showbox {

    -webkit-transition: all 1s ease-in-out 0s;

    -moz-transition: all 1s ease-in-out 0s;

    -o-transition: all 1s ease-in-out 0s;

    -ms-transition: all 1s ease-in-out 0s;

}

.hayaletemre {

    background: #efefef urlhttp://st.10tl.net/tema/karanlik/destek.10tl.net-v4/kirmizi/arkaplan_bg_k.gif);

    color: #000;

    font-family: Verdana, Arial, Sans-Serif;

    font-size: 13px;

    text-align: center; 

    line-height: 1.4;

        background-attachment: fixed;

}

Admin KP - Temalar ve Şablonlar - Şablonlar - Temanız - Header Şablonları

[color=#006400]header[/color]'in İçindekileri Sil ve Aşağıdakileri Yerleştir







   Anasayfa

   Portal

   Üye Listesi

   Arama

   Takvim

   Yardım

   ByHayaLeT

   Link -1

   Link -2





{$welcomeblock}



			{$pm_notice}

			{$bannedwarning}

			{$bbclosedwarning}

			{$unreadreports}

			{$pending_joinrequests}

Admin KP - Temalar ve Şablonlar - Şablonlar - Temanız - Header Şablonları

[color=#006400]header_welcomeblock_guest[/color]'in İçindekileri Sil ve Aşağıdakileri Yerleştir









{$lang->welcome_login} — {$lang->welcome_register}

Admin KP - Temalar ve Şablonlar - Şablonlar - Temanız - Header Şablonları

[color=#006400]header_welcomeblock_member[/color]'in İçindekileri Sil ve Aşağıdakileri Yerleştir

 {$lang->welcome_back} Profilim — Üye Kontrol Paneli — Ayarlar {$modcplink}{$admincplink} — {$lang->welcome_logout}

Admin KP - Temalar ve Şablonlar - Şablonlar - Temanız - Navigasyon Şablonları

[color=#006400]nav[/color]'in İçindekileri Sil ve Aşağıdakileri Yerleştir





{$nav}{$activebit}

Admin KP - Temalar ve Şablonlar - Şablonlar - Temanız - Navigasyon Şablonları

[color=#006400]nav_bit[/color]'in İçindekileri Sil ve Aşağıdakileri Yerleştir
{$navbit['name']}

Admin KP - Temalar ve Şablonlar - Şablonlar - Temanız - Navigasyon Şablonları

[color=#006400]nav_bit_active[/color]'in İçindekileri Sil ve Aşağıdakileri Yerleştir
{$navbit['name']}

[color=#006400]nav_sep[/color] ve [color=#006400]nav_sep_active[/color]'nin içindekileri silin yani boş kalsın içi ve kaydedin.

İşlem Tamamdır ;)

⚡ Emre KRMN Uygun Fiyatlar Hızlı İşlemler | Copy/Paste, Forum & Dizin Tanıtımı, Boostrap Php Script ⚡

www.zaytoz.net

[MyBB] ByHayaLeT Header v2

Üye Girişi Yap