Oyun Forumları İçin Header (Son Derece Şık)

[Torrent]

Yapımcı: metehandurmus

Ekran görüntüleri;





Kuruluma geçelim;

headere girip içini silin bununla doldurun;

Code:

<div id="container">
<a name="top" id="top"></a>
<div id="head">
<div class="wrapper">
<div class="logo">
<a href="index.php" alt="Forum Adı" title="Forum Adı"><i class="fa fa-gamepad" aria-hidden="true"></i> full<b>oyun</b></a>
</div>
<div class="n-menu">
<li><a href="index.php" alt="Forum" title="Forum">Forum</a></li>
<li><a href="portal.php" alt="Portal" title="Portal">Portal</a></li>
<li><a href="memberlist.php" alt="Üye Listesi" title="Üye Listesi">Üye Listesi</a></li>
<li><a href="showteam.php" alt="Forum Takımı" title="Forum Takımı">Forum Takımı</a></li>
</div>
{$welcomeblock}
</div>
</div>
<div class="seperator">
<li class="yesil"></li>
<li class="kirmizi"></li>
<li class="mavi"></li>
<li class="yesil"></li>
<li class="kirmizi"></li>
<li class="mavi"></li>
<li class="yesil"></li>
<li class="kirmizi"></li>
<li class="mavi"></li>
<li class="yesil"></li>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />

header_welcomeblock_guests içine girin bununla doldurun

Code:

<div class="n-menu-2" style="float: right;"><li><a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login"><i class="fa fa-sign-in" aria-hidden="true"></i> {$lang->welcome_login}</a></li><li><a href="{$mybb->settings['bburl']}/member.php?action=register" class="register"><i class="fa fa-paper-plane" aria-hidden="true"></i> {$lang->welcome_register}</a></li></div>
<div class="modal" id="quick_login" style="display: none;">
<form method="post" action="{$mybb->settings['bburl']}/member.php">
<input name="action" type="hidden" value="do_login" />
<input name="url" type="hidden" value="" />
<input name="quick_login" type="hidden" value="1" />
<table width="100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->login}</strong></td>
</tr>
<tr>
<td class="trow1" width="25%"><strong>{$login_username}</strong></td>
<td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->password}</strong></td>
<td class="trow2">
<input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
</td>
</tr>
<tr>
<td class="trow1">&nbsp;</td>
<td class="trow1 remember_me">
<input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
<label for="quick_login_remember">{$lang->remember_me}</label>
</td>
</tr>
<tr>
<td class="trow2" colspan="2">
<div align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></div>
</td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
$("#quick_login input[name='url']").val($(location).attr('href'));
</script>

header_welcomeblock_member içine girip bununla doldurun;

Code:

<div class="n-menu-2" style="float: right;">
<li><a href="usercp.php"><i class="fa fa-slack" aria-hidden="true"></i> Kullanıcı KP</a></li>
{$modcplink}
{$admincplink}
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i class="fa fa-sign-out" aria-hidden="true"></i> Çıkış Yap</a></li>
</div>

header_welcomeblock_member_moderator içine girip bununla doldurun;

Code:

<li class="modcp"><a href="{$mybb->settings['bburl']}/modcp.php"><i class="fa fa-gavel" aria-hidden="true"></i> {$lang->welcome_modcp}</a></li>

header_welcomeblock_member_admin içine girip bununla doldurun;

Code:

<li class="admincp"><a href="{$mybb->settings['bburl']}/{$admin_dir}/index.php"><i class="fa fa-cogs" aria-hidden="true"></i> {$lang->welcome_admin}</a></li>

headerinclude şablonunun sonuna ekleyin;

Code:

<link href="https://fonts.googleapis.com/css?family=Sansita:400,700,800|Ubuntu+Condensed" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="images/nara/fontawesome/css/font-awesome.css" />

temanızın global.css sine girin en alta ekleyin;

Code:

#head {
font-family: 'Ubuntu Condensed', sans-serif;
color: #f5f5f5;
background: #212121;
position: relative;
width: 100%;
height: 40px;
}

#head a {
text-decoration: none;
}

#head .logo {
font-family: 'Sansita', cursive;
color: #fff;
font-size: 20px;
float: left;
padding: 5px;
margin: 1px 5px;
text-shadow: 0px 2px 0px rgba(0,0,0,0.3);
}

#head .logo a {
color: #fff;
}

.n-menu {
float: left;
list-style-type: none;
margin: 3px 10px;
}

.n-menu a {
color: #f5f5f5;
transition: all 250ms;
}

.n-menu li {
float: left;
font-size: 16px;
opacity: 0.7;
transition: all 250ms;
margin: 5px 10px;
}

.n-menu li:after {
content: '.';
margin: -18px 7px;
position: absolute;
font-size: 30px;
}

.n-menu li:last-child:after {
content: '';
}

.n-menu li:hover {
opacity: 1;
}

.n-menu-2 {
float: right;
list-style-type: none;
}

.n-menu-2 a {
color: #fff;
}

.n-menu-2 li {
float: left;
padding: 5px;
font-size: 13px;
margin: 5px 2px;
border-radius: 3px;
transition: all 250ms;
}

.n-menu-2 li.modcp {
background: #ff9800;
}

.n-menu-2 li.admincp {
background: #f44336;
}


.n-menu-2 li i {
float: left;
background: rgba(0,0,0,0.3);
padding: 9px;
font-size: 12px;
margin: -5px 6px -5px -5px;
}

.n-menu-2 li:first-child {
background: #2196f3;
}

.n-menu-2 li:first-child:hover {
background: #4caf50;
}

.n-menu-2 li:last-child {
background: #4caf50;
}

.n-menu-2 li:last-child:Hover {
background: #2196f3;
}

.seperator {
list-style-type: none;
position: relative;
width: 100%;
height: 3px;
background: black;
box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.seperator li {
width: 10%;
height: 3px;
float: left;
}

.seperator li.yesil {
background: #2e7d32;
}

.seperator li.mavi {
background: #0277bd;
}

.seperator li.kirmizi {
background: #c62828;
}