https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
WelcomeBlcok'lu Hoş Siyah Menü
#1
Demo: http://betammo.10tr.net/
Resim Ekliyemiyorum İnternet Hakkım Çok Az.

Header.css
Kod:
#headerv2 a {
    background: #333333;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}

#headermenu {
    background: #333333;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    padding: 10px;
    z-index: 9999;
    font-family: Montserrat;
}

#headermenu a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

#headermenu span {
    transition: 0.2s;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

#headermenu span:hover {
    background: #434343;
    color: #fff;
    font-size: 15px;    
    transition: 0.2s;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

#headermenu img {
    background: #333333;
    transition: 0.2s;
    opacity: 0.6;
}

#headermenu img:hover {
    background: #434343;
    transition: 0.2s;
    opacity: 0.8;
}

#hs {
    float: right;
    
    font-family: Montserrat;
}

#mn {
    margin-left: auto;
    margin-right: auto;
    float: left;
    
    font-family: Montserrat;
}

#mn a{
    margin: 0 auto;
}

#mn font {
    background: #333333;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    transition: 0.2s;
}

#mn font:hover {
    background: #333333;
    opacity: 0.6;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    transition: 0.2s;
}

Panel.css
Kod:
#pmbox {
background: url(http://i.hizliresim.com/mzmYrZ.png) no-repeat;
width: 45px;
height: 30px;
}

.pmnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

#alertbox {
background: url(http://i.hizliresim.com/DRpN8m.png) no-repeat;
width: 45px;
height: 30px;
}

.alertnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

.panel {
background: url(http://i.hizliresim.com/EqkazB.png);
height: 30px;
font-family: Georgia;
padding: 7px 15px 7px 15px;
font-size: 16px;
color: #fff;
}

.panel a {
color: #fff;
}

.panel img {
margin-right: 14px;
}

.panel li:hover {
opacity: 0.9;
}

.giris {
float:right;
}

.giris input {
border-radius: 3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
color: #3d3d3d;
outline: none;
background: #fff;
font-family: Arial, sans-serif;
borrder: 1px solid #999;
}

.giris button {
background: #3d3d3d;
border-radius: 2px;
color: #fff;
webkit-border-radius: 2px;
moz-border-radius: 2px;
height: 25px;
cursor: pointer;
border:none;
}

.giris ul {
list-style:none;
margin-top: -3px;
}

.giris ul li {
float:left;
}

.paneltext {
    color: #fff;
    float:left;
    font-family: Montserrat;
    font-size: 15px;;
}

Header Şablonunun En Üstüne
Kod:
<div id="headerv2">
              <div id="headermenu"><div class="panell">{$welcomeblock}</div>
                <div id="mn">
    <a href='index.php'><span>Ana Sayfa</span></a>&nbsp;&nbsp;&nbsp;
    <a href='portal.php'><span>Portal</span></a>&nbsp;&nbsp;&nbsp;
    <a href='search.php'><span>Arama</span></a>&nbsp;&nbsp;&nbsp;
    <a href='memberlist.php'><span>Üye Listesi</span></a>&nbsp;&nbsp;&nbsp;
    <a href='calendar.php'><span>Takvim</span></a>&nbsp;&nbsp;&nbsp;
    <a href='/misc.php?action=help'><span>Yardım</span></a>&nbsp;&nbsp;&nbsp;
                  </div></div></div>

WelcomeBlock_guest:
Kod:
<a href="/usercp.php">Giriş Yap</a> --- <a href="/member.php?action=register">Üye Ol --</a>

WelcomeBlock_member
Kod:
<div class="paneltext">Hoşgeldiniz Sayın <a href="{$mybb->user['profilelink']}">{$mybb->user['username']}</a></div>
<div class="giris"> <ul><li><a href="{$mybb->settings['bburl']}/usercp.php"><img title="Kullanıcı Kontrol Paneli" src="http://i.hizliresim.com/L4mV7Z.png"/></a></li><li>-- {$modcplink}</li><li> --{$admincplink} --</li></li> <li> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img title="Çıkış" src="http://i.hizliresim.com/1kqQmN.png"/</a>--</li></div>

Welcomeblock_member_admin
Kod:
<a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php"><img title="Admin Paneli" src="http://i.hizliresim.com/YlmXPk.png"/></a>

WelcomeBlock_member_moderator
Kod:
<a href="{$mybb->settings['bburl']}/modcp.php"><img title="Moderatör Paneli" src="http://i.hizliresim.com/8bA4n1.png"/></a>

Alıntı Değildir.
Ara
Cevapla PGM
Teşekkür verenler:
#2
(22-09-2015 Saat: 20:54)Tugrul Nickli Kullanıcıdan Alıntı: Demo: http://betammo.10tr.net/
Resim Ekliyemiyorum İnternet Hakkım Çok Az.

Header.css
Kod:
#headerv2 a {
   background: #333333;
color: #fff;
font-size: 15px;
text-decoration: none;
}

#headermenu {
background: #333333;
width: 100%;
margin-left: auto;
margin-right: auto;
position: fixed;
padding: 10px;
z-index: 9999;
font-family: Montserrat;
}

#headermenu a {
color: #fff;
text-decoration: none;
font-size: 15px;
}

#headermenu span {
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu span:hover {
background: #434343;
color: #fff;
font-size: 15px;
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu img {
background: #333333;
transition: 0.2s;
opacity: 0.6;
}

#headermenu img:hover {
background: #434343;
transition: 0.2s;
opacity: 0.8;
}

#hs {
float: right;

font-family: Montserrat;
}

#mn {
margin-left: auto;
margin-right: auto;
float: left;

font-family: Montserrat;
}

#mn a{
margin: 0 auto;
}

#mn font {
background: #333333;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

#mn font:hover {
background: #333333;
opacity: 0.6;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

Panel.css
Kod:
#pmbox {
background: url(http://i.hizliresim.com/mzmYrZ.png) no-repeat;
width: 45px;
height: 30px;
}

.pmnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

#alertbox {
background: url(http://i.hizliresim.com/DRpN8m.png) no-repeat;
width: 45px;
height: 30px;
}

.alertnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

.panel {
background: url(http://i.hizliresim.com/EqkazB.png);
height: 30px;
font-family: Georgia;
padding: 7px 15px 7px 15px;
font-size: 16px;
color: #fff;
}

.panel a {
color: #fff;
}

.panel img {
margin-right: 14px;
}

.panel li:hover {
opacity: 0.9;
}

.giris {
float:right;
}

.giris input {
border-radius: 3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
color: #3d3d3d;
outline: none;
background: #fff;
font-family: Arial, sans-serif;
borrder: 1px solid #999;
}

.giris button {
background: #3d3d3d;
border-radius: 2px;
color: #fff;
webkit-border-radius: 2px;
moz-border-radius: 2px;
height: 25px;
cursor: pointer;
border:none;
}

.giris ul {
list-style:none;
margin-top: -3px;
}

.giris ul li {
float:left;
}

.paneltext {
color: #fff;
float:left;
font-family: Montserrat;
font-size: 15px;;
}

Header Şablonunun En Üstüne
Kod:
<div id="headerv2">
 <div id="headermenu"><div class="panell">{$welcomeblock}</div>
<div id="mn">
<a href='index.php'><span>Ana Sayfa</span></a>&nbsp;&nbsp;&nbsp;
   <a href='portal.php'><span>Portal</span></a>&nbsp;&nbsp;&nbsp;
   <a href='search.php'><span>Arama</span></a>&nbsp;&nbsp;&nbsp;
   <a href='memberlist.php'><span>Üye Listesi</span></a>&nbsp;&nbsp;&nbsp;
   <a href='calendar.php'><span>Takvim</span></a>&nbsp;&nbsp;&nbsp;
<a href='/misc.php?action=help'><span>Yardım</span></a>&nbsp;&nbsp;&nbsp;
 </div></div></div>

WelcomeBlock_guest:
Kod:
<a href="/usercp.php">Giriş Yap</a> --- <a href="/member.php?action=register">Üye Ol --</a>

WelcomeBlock_member
Kod:
<div class="paneltext">Hoşgeldiniz Sayın <a href="{$mybb->user['profilelink']}">{$mybb->user['username']}</a></div>
<div class="giris"> <ul><li><a href="{$mybb->settings['bburl']}/usercp.php"><img title="Kullanıcı Kontrol Paneli" src="http://i.hizliresim.com/L4mV7Z.png"/></a></li><li>-- {$modcplink}</li><li> --{$admincplink} --</li></li> <li> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img title="Çıkış" src="http://i.hizliresim.com/1kqQmN.png"/</a>--</li></div>

Welcomeblock_member_admin
Kod:
<a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php"><img title="Admin Paneli" src="http://i.hizliresim.com/YlmXPk.png"/></a>

WelcomeBlock_member_moderator
Kod:
<a href="{$mybb->settings['bburl']}/modcp.php"><img title="Moderatör Paneli" src="http://i.hizliresim.com/8bA4n1.png"/></a>

Alıntı Değildir.

Bir de alıntı değil demişsin, renklerine kadar alıntı be. Haysiyetsiz adam seni..
@Corleone
vov.
Cevapla PGM
Teşekkür verenler:
#3
(22-09-2015 Saat: 21:03)#Gokss Nickli Kullanıcıdan Alıntı:
(22-09-2015 Saat: 20:54)Tugrul Nickli Kullanıcıdan Alıntı: Demo: http://betammo.10tr.net/
Resim Ekliyemiyorum İnternet Hakkım Çok Az.

Header.css
Kod:
#headerv2 a {
   background: #333333;
color: #fff;
font-size: 15px;
text-decoration: none;
}

#headermenu {
background: #333333;
width: 100%;
margin-left: auto;
margin-right: auto;
position: fixed;
padding: 10px;
z-index: 9999;
font-family: Montserrat;
}

#headermenu a {
color: #fff;
text-decoration: none;
font-size: 15px;
}

#headermenu span {
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu span:hover {
background: #434343;
color: #fff;
font-size: 15px;
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu img {
background: #333333;
transition: 0.2s;
opacity: 0.6;
}

#headermenu img:hover {
background: #434343;
transition: 0.2s;
opacity: 0.8;
}

#hs {
float: right;

font-family: Montserrat;
}

#mn {
margin-left: auto;
margin-right: auto;
float: left;

font-family: Montserrat;
}

#mn a{
margin: 0 auto;
}

#mn font {
background: #333333;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

#mn font:hover {
background: #333333;
opacity: 0.6;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

Panel.css
Kod:
#pmbox {
background: url(http://i.hizliresim.com/mzmYrZ.png) no-repeat;
width: 45px;
height: 30px;
}

.pmnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

#alertbox {
background: url(http://i.hizliresim.com/DRpN8m.png) no-repeat;
width: 45px;
height: 30px;
}

.alertnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

.panel {
background: url(http://i.hizliresim.com/EqkazB.png);
height: 30px;
font-family: Georgia;
padding: 7px 15px 7px 15px;
font-size: 16px;
color: #fff;
}

.panel a {
color: #fff;
}

.panel img {
margin-right: 14px;
}

.panel li:hover {
opacity: 0.9;
}

.giris {
float:right;
}

.giris input {
border-radius: 3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
color: #3d3d3d;
outline: none;
background: #fff;
font-family: Arial, sans-serif;
borrder: 1px solid #999;
}

.giris button {
background: #3d3d3d;
border-radius: 2px;
color: #fff;
webkit-border-radius: 2px;
moz-border-radius: 2px;
height: 25px;
cursor: pointer;
border:none;
}

.giris ul {
list-style:none;
margin-top: -3px;
}

.giris ul li {
float:left;
}

.paneltext {
color: #fff;
float:left;
font-family: Montserrat;
font-size: 15px;;
}

Header Şablonunun En Üstüne
Kod:
<div id="headerv2">
 <div id="headermenu"><div class="panell">{$welcomeblock}</div>
<div id="mn">
<a href='index.php'><span>Ana Sayfa</span></a>&nbsp;&nbsp;&nbsp;
   <a href='portal.php'><span>Portal</span></a>&nbsp;&nbsp;&nbsp;
   <a href='search.php'><span>Arama</span></a>&nbsp;&nbsp;&nbsp;
   <a href='memberlist.php'><span>Üye Listesi</span></a>&nbsp;&nbsp;&nbsp;
   <a href='calendar.php'><span>Takvim</span></a>&nbsp;&nbsp;&nbsp;
<a href='/misc.php?action=help'><span>Yardım</span></a>&nbsp;&nbsp;&nbsp;
 </div></div></div>

WelcomeBlock_guest:
Kod:
<a href="/usercp.php">Giriş Yap</a> --- <a href="/member.php?action=register">Üye Ol --</a>

WelcomeBlock_member
Kod:
<div class="paneltext">Hoşgeldiniz Sayın <a href="{$mybb->user['profilelink']}">{$mybb->user['username']}</a></div>
<div class="giris"> <ul><li><a href="{$mybb->settings['bburl']}/usercp.php"><img title="Kullanıcı Kontrol Paneli" src="http://i.hizliresim.com/L4mV7Z.png"/></a></li><li>-- {$modcplink}</li><li> --{$admincplink} --</li></li> <li> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img title="Çıkış" src="http://i.hizliresim.com/1kqQmN.png"/</a>--</li></div>

Welcomeblock_member_admin
Kod:
<a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php"><img title="Admin Paneli" src="http://i.hizliresim.com/YlmXPk.png"/></a>

WelcomeBlock_member_moderator
Kod:
<a href="{$mybb->settings['bburl']}/modcp.php"><img title="Moderatör Paneli" src="http://i.hizliresim.com/8bA4n1.png"/></a>

Alıntı Değildir.

Bir de alıntı değil demişsin, renklerine kadar alıntı be. Haysiyetsiz adam seni..
@Corleone

Sence Alıntımı Kardeşim Bi İncele İstersen Kodları. Ben Kod Çalmam Merak Etme Sen.
Ara
Cevapla PGM
Teşekkür verenler:
#4
(22-09-2015 Saat: 21:07)Tugrul Nickli Kullanıcıdan Alıntı:
(22-09-2015 Saat: 21:03)#Gokss Nickli Kullanıcıdan Alıntı:
(22-09-2015 Saat: 20:54)Tugrul Nickli Kullanıcıdan Alıntı: Demo: http://betammo.10tr.net/
Resim Ekliyemiyorum İnternet Hakkım Çok Az.

Header.css
Kod:
#headerv2 a {
   background: #333333;
color: #fff;
font-size: 15px;
text-decoration: none;
}

#headermenu {
background: #333333;
width: 100%;
margin-left: auto;
margin-right: auto;
position: fixed;
padding: 10px;
z-index: 9999;
font-family: Montserrat;
}

#headermenu a {
color: #fff;
text-decoration: none;
font-size: 15px;
}

#headermenu span {
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu span:hover {
background: #434343;
color: #fff;
font-size: 15px;
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu img {
background: #333333;
transition: 0.2s;
opacity: 0.6;
}

#headermenu img:hover {
background: #434343;
transition: 0.2s;
opacity: 0.8;
}

#hs {
float: right;

font-family: Montserrat;
}

#mn {
margin-left: auto;
margin-right: auto;
float: left;

font-family: Montserrat;
}

#mn a{
margin: 0 auto;
}

#mn font {
background: #333333;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

#mn font:hover {
background: #333333;
opacity: 0.6;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

Panel.css
Kod:
#pmbox {
background: url(http://i.hizliresim.com/mzmYrZ.png) no-repeat;
width: 45px;
height: 30px;
}

.pmnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

#alertbox {
background: url(http://i.hizliresim.com/DRpN8m.png) no-repeat;
width: 45px;
height: 30px;
}

.alertnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

.panel {
background: url(http://i.hizliresim.com/EqkazB.png);
height: 30px;
font-family: Georgia;
padding: 7px 15px 7px 15px;
font-size: 16px;
color: #fff;
}

.panel a {
color: #fff;
}

.panel img {
margin-right: 14px;
}

.panel li:hover {
opacity: 0.9;
}

.giris {
float:right;
}

.giris input {
border-radius: 3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
color: #3d3d3d;
outline: none;
background: #fff;
font-family: Arial, sans-serif;
borrder: 1px solid #999;
}

.giris button {
background: #3d3d3d;
border-radius: 2px;
color: #fff;
webkit-border-radius: 2px;
moz-border-radius: 2px;
height: 25px;
cursor: pointer;
border:none;
}

.giris ul {
list-style:none;
margin-top: -3px;
}

.giris ul li {
float:left;
}

.paneltext {
color: #fff;
float:left;
font-family: Montserrat;
font-size: 15px;;
}

Header Şablonunun En Üstüne
Kod:
<div id="headerv2">
 <div id="headermenu"><div class="panell">{$welcomeblock}</div>
<div id="mn">
<a href='index.php'><span>Ana Sayfa</span></a>&nbsp;&nbsp;&nbsp;
   <a href='portal.php'><span>Portal</span></a>&nbsp;&nbsp;&nbsp;
   <a href='search.php'><span>Arama</span></a>&nbsp;&nbsp;&nbsp;
   <a href='memberlist.php'><span>Üye Listesi</span></a>&nbsp;&nbsp;&nbsp;
   <a href='calendar.php'><span>Takvim</span></a>&nbsp;&nbsp;&nbsp;
<a href='/misc.php?action=help'><span>Yardım</span></a>&nbsp;&nbsp;&nbsp;
 </div></div></div>

WelcomeBlock_guest:
Kod:
<a href="/usercp.php">Giriş Yap</a> --- <a href="/member.php?action=register">Üye Ol --</a>

WelcomeBlock_member
Kod:
<div class="paneltext">Hoşgeldiniz Sayın <a href="{$mybb->user['profilelink']}">{$mybb->user['username']}</a></div>
<div class="giris"> <ul><li><a href="{$mybb->settings['bburl']}/usercp.php"><img title="Kullanıcı Kontrol Paneli" src="http://i.hizliresim.com/L4mV7Z.png"/></a></li><li>-- {$modcplink}</li><li> --{$admincplink} --</li></li> <li> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img title="Çıkış" src="http://i.hizliresim.com/1kqQmN.png"/</a>--</li></div>

Welcomeblock_member_admin
Kod:
<a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php"><img title="Admin Paneli" src="http://i.hizliresim.com/YlmXPk.png"/></a>

WelcomeBlock_member_moderator
Kod:
<a href="{$mybb->settings['bburl']}/modcp.php"><img title="Moderatör Paneli" src="http://i.hizliresim.com/8bA4n1.png"/></a>

Alıntı Değildir.

Bir de alıntı değil demişsin, renklerine kadar alıntı be. Haysiyetsiz adam seni..
@Corleone

Sence Alıntımı Kardeşim Bi İncele İstersen Kodları. Ben Kod Çalmam Merak Etme Sen.
Aynen class ve div isimleri değiştirmek çok kolay, renklerin ve hover renklerinin aynı olması da cabası..
vov.
Cevapla PGM
Teşekkür verenler:
#5
(22-09-2015 Saat: 21:15)#Gokss Nickli Kullanıcıdan Alıntı:
(22-09-2015 Saat: 21:07)Tugrul Nickli Kullanıcıdan Alıntı:
(22-09-2015 Saat: 21:03)#Gokss Nickli Kullanıcıdan Alıntı:
(22-09-2015 Saat: 20:54)Tugrul Nickli Kullanıcıdan Alıntı: Demo: http://betammo.10tr.net/
Resim Ekliyemiyorum İnternet Hakkım Çok Az.

Header.css
Kod:
#headerv2 a {
   background: #333333;
color: #fff;
font-size: 15px;
text-decoration: none;
}

#headermenu {
background: #333333;
width: 100%;
margin-left: auto;
margin-right: auto;
position: fixed;
padding: 10px;
z-index: 9999;
font-family: Montserrat;
}

#headermenu a {
color: #fff;
text-decoration: none;
font-size: 15px;
}

#headermenu span {
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu span:hover {
background: #434343;
color: #fff;
font-size: 15px;
transition: 0.2s;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#headermenu img {
background: #333333;
transition: 0.2s;
opacity: 0.6;
}

#headermenu img:hover {
background: #434343;
transition: 0.2s;
opacity: 0.8;
}

#hs {
float: right;

font-family: Montserrat;
}

#mn {
margin-left: auto;
margin-right: auto;
float: left;

font-family: Montserrat;
}

#mn a{
margin: 0 auto;
}

#mn font {
background: #333333;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

#mn font:hover {
background: #333333;
opacity: 0.6;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
transition: 0.2s;
}

Panel.css
Kod:
#pmbox {
background: url(http://i.hizliresim.com/mzmYrZ.png) no-repeat;
width: 45px;
height: 30px;
}

.pmnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

#alertbox {
background: url(http://i.hizliresim.com/DRpN8m.png) no-repeat;
width: 45px;
height: 30px;
}

.alertnew {
background: #b32720;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
width: 10px;
height: 10px;
margin-left: 20px;
font-family: Arial,sans-serif;
color: #fff;
padding:3px;
font-size: 9px;
text-align: center
}

.panel {
background: url(http://i.hizliresim.com/EqkazB.png);
height: 30px;
font-family: Georgia;
padding: 7px 15px 7px 15px;
font-size: 16px;
color: #fff;
}

.panel a {
color: #fff;
}

.panel img {
margin-right: 14px;
}

.panel li:hover {
opacity: 0.9;
}

.giris {
float:right;
}

.giris input {
border-radius: 3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
color: #3d3d3d;
outline: none;
background: #fff;
font-family: Arial, sans-serif;
borrder: 1px solid #999;
}

.giris button {
background: #3d3d3d;
border-radius: 2px;
color: #fff;
webkit-border-radius: 2px;
moz-border-radius: 2px;
height: 25px;
cursor: pointer;
border:none;
}

.giris ul {
list-style:none;
margin-top: -3px;
}

.giris ul li {
float:left;
}

.paneltext {
color: #fff;
float:left;
font-family: Montserrat;
font-size: 15px;;
}

Header Şablonunun En Üstüne
Kod:
<div id="headerv2">
 <div id="headermenu"><div class="panell">{$welcomeblock}</div>
<div id="mn">
<a href='index.php'><span>Ana Sayfa</span></a>&nbsp;&nbsp;&nbsp;
   <a href='portal.php'><span>Portal</span></a>&nbsp;&nbsp;&nbsp;
   <a href='search.php'><span>Arama</span></a>&nbsp;&nbsp;&nbsp;
   <a href='memberlist.php'><span>Üye Listesi</span></a>&nbsp;&nbsp;&nbsp;
   <a href='calendar.php'><span>Takvim</span></a>&nbsp;&nbsp;&nbsp;
<a href='/misc.php?action=help'><span>Yardım</span></a>&nbsp;&nbsp;&nbsp;
 </div></div></div>

WelcomeBlock_guest:
Kod:
<a href="/usercp.php">Giriş Yap</a> --- <a href="/member.php?action=register">Üye Ol --</a>

WelcomeBlock_member
Kod:
<div class="paneltext">Hoşgeldiniz Sayın <a href="{$mybb->user['profilelink']}">{$mybb->user['username']}</a></div>
<div class="giris"> <ul><li><a href="{$mybb->settings['bburl']}/usercp.php"><img title="Kullanıcı Kontrol Paneli" src="http://i.hizliresim.com/L4mV7Z.png"/></a></li><li>-- {$modcplink}</li><li> --{$admincplink} --</li></li> <li> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img title="Çıkış" src="http://i.hizliresim.com/1kqQmN.png"/</a>--</li></div>

Welcomeblock_member_admin
Kod:
<a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php"><img title="Admin Paneli" src="http://i.hizliresim.com/YlmXPk.png"/></a>

WelcomeBlock_member_moderator
Kod:
<a href="{$mybb->settings['bburl']}/modcp.php"><img title="Moderatör Paneli" src="http://i.hizliresim.com/8bA4n1.png"/></a>

Alıntı Değildir.

Bir de alıntı değil demişsin, renklerine kadar alıntı be. Haysiyetsiz adam seni..
@Corleone

Sence Alıntımı Kardeşim Bi İncele İstersen Kodları. Ben Kod Çalmam Merak Etme Sen.
Aynen class ve div isimleri değiştirmek çok kolay, renklerin ve hover renklerinin aynı olması da cabası..

Tamam, Sende Kendine Göre Haklısın Tartışma Çıkarmak İstemiyorum.
Ara
Cevapla PGM
Teşekkür verenler:


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