Pro Paket Kullanıcı Paneli

[QuitterTR]

Merhaba Arkadaşlar şimdi Pro paketteki gibi Kullanıcı paneli yapımını göreceğiz..

İlk olarak css oluşturalım.

Admincp  > Temalar & Şablonlar  > temanız  CSS oluştur diyoruz.

Kod: Tümünü Seç Tümünü Kopyala

kullanıcı_paneli.css

Bağlı Olduğu Dosyalar:

Kod: Tümünü Seç Tümünü Kopyala

Genel Stil

Alta Kendi içeriğimi yazmak istiyorum tıklayın ve açılan kutucuğa aşağıdaki css kodlarını ekleyin ve kaydedin..

Kod: Tümünü Seç Tümünü Kopyala

/* Kullanici Paneli CSS */
#panel-cerceve {
border: 1px solid #a1a1a1;
margin: 0px 0px;
}

#panel-avatar {
background: #eee;
border: 1px solid #fcfcfc;
border-right: 1px solid #a1a1a1;
padding: 1px;
width: 43px;
height: 43px;
vertical-align: middle;
}

#panel-ust {
background: #eee;
color: #000000;
font-size: 11px;
border: 1px solid #fcfcfc;
border-bottom: 1px solid #cdcdcd;
padding: 5px;
}

#panel-alt {
background: #eee;
color: #000000;
font-size: 11px;
border: 1px solid #fcfcfc;
padding: 5px;
}

#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}

#panel-alt .links {
margin: 0;
float: right;
}

/* Kullanici Paneli Icons CSS */

.profiles {
   background: url(images/usercp/viewprofile.gif) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.arkadas {
   background: url(images/usercp/editlists.gif) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.cikis-yap {
   background: url(images/usercp/cikis.png) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.son_yorumlar {
   background: url(images/usercp/subscriptions.gif) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.bugun_yorumlar {
   background: url(images/usercp/fsubscriptions.gif) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.pmler {
   background: url(images/usercp/composepm.gif) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.mods-paneli {
   background: url(images/usercp/options.gif) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

.admins-paneli {
   background: url(images/usercp/admins.png) no-repeat 0px 0px;
   padding: 2px;
   padding-left: 20px;
}

/* Panel Login-Register Icon */

#nick {
padding: 4px 4px 4px 20px;
border: 2px solid #ccc;
background: #fff url(admin/styles/default/images/icons/user.gif) 2px center no-repeat;
color: #6F6F6F;
width: 175px;
font:bold 12px "Lucida Grande", Arial, sans-serif;
}

#nick:focus {
background: #fff url(admin/styles/default/images/icons/user.gif) 2px center no-repeat;
border: 2px solid #73A6FF;
color: #000;
}

#sifre {
padding: 4px 4px 4px 20px;
border: 2px solid #ccc;
background: #fff url(admin/styles/default/images/icons/sifre.png) 2px center no-repeat;
color: #6F6F6F;
width: 175px;
font:bold 12px "Lucida Grande", Arial, sans-serif;
}

#sifre:focus {
background: #fff url(admin/styles/default/images/icons/sifre.png) 2px center no-repeat;
border: 2px solid #73A6FF;
color: #000;
}

şimdi ;

Admincp > Temalar & Şablonlar > Şablonlar > Temanız > Header Şablonlar > header_welcomeblock_guest şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.

şimdi ;

Admincp > Temalar & Şablonlar > Şablonlar > Temanız >Header Şablonlar > header_welcomeblock_guest şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript">
<!--
   lang.username = "{$lang->login_username}";
   lang.password = "{$lang->login_password}";
   lang.login = "{$lang->login}";
   lang.lost_password = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
   lang.register_url = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
   lang.remember_me = "{$lang->remember_me}";
// -->
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="panel-cerceve">
   <tr>
       <td rowspan="2" width="44" valign="middle" align="center" id="panel-avatar"><img src="{$theme['imgdir']}/default_avatar.png" alt="avatar" width="42" height="42" /></td>
       <td id="panel-ust"><span style="float: right;">{$lang->welcome_current_time}</span>{$lang->welcome_guest}</td>
   </tr>
   <tr>
<td id="panel-alt">
<form class="clearfix" action="member.php" method="post">
<input type="hidden" name="action" value="do_login" />
<input class="field" type="text" id="nick" name="username" size="23" value="Kullanıcı Adınız.. " onfocus="this.value=''" />
<input class="field keyboardInput" type="password" id="sifre" name="password" size="23" value="şifreniz.. " onfocus="this.value=''" />
<input type="submit" name="submit" value="{$lang->login}" class="bt_login" />
<label class="black" for="remember"><input type="checkbox" name="remember" id="remember" value="yes" checked="checked" />
<acronym title="Bu seçenek, sitemize her ziyaretinizde giriş bilgilerinizin otomatik olarak hatırlanmasını sağlar.">{$lang->remember_me}</acronym></label>&nbsp;&nbsp;<a class="lost-pwd" rel="nofollow" href="member.php?action=lostpw">{$lang->lost_password}</a>
&nbsp;&nbsp;<a rel="nofollow" href="{$mybb->settings['bburl']}/member.php?action=register" title="Ücretsiz ve hızlı kayıt olabilmek için tıklayın."><img src="images/uye-ol.gif" style="vertical-align: middle;" alt="kayıt ol" border="0" height="14" width="58"></a></form>
</td>
</tr>
</table>
<br>

Admin KP > Temalar & Şablonlar > Şablonlar > Temanız > Header Şablonlar > header_welcomeblock_member şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="panel-cerceve">
   <tr>
       <td rowspan="2" width="44" valign="middle" align="center" id="panel-avatar"><a rel="nofollow" href="{$mybb->settings['bburl']}/usercp.php?action=avatar" title="Avatarını Değiştirmek için Tıkla." class="panel-avatar"><img src="{$mybb->user['avatar']}" alt="avatar" width="42" height="42" /></a></td>
       <td id="panel-ust"><span style="float:right;">{$lang->welcome_current_time}</span>{$lang->welcome_back}   <a rel="nofollow" class="profiles" href="{$mybb->settings['bburl']}/usercp.php"><strong>{$lang->welcome_usercp}</strong></a> <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a> <a rel="nofollow" class="cikis-yap" href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></td>
   </tr>
   <tr>
       <td id="panel-alt"><span class="links">{$modcplink} {$admincplink}</span><a rel="nofollow" class="son_yorumlar" href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> <a rel="nofollow" class="bugun_yorumlar" href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a> <a class="pmler" href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}<!-- ProfileComments --> | <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}" title="{$lang->profile_comments}">{$lang->profile_comments_new_inmenu}</a> {$lang->profile_comments_new_inmenu_count}<!-- /ProfileComments --></td>
   </tr>
</table>
<br>

Admin KP > Temalar & Şablonlar > Şablonlar > Temalar > Header Şablonlar > header_welcomeblock_member_moderator

şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.

[Ciri]

az önceki konuyla birlikte 2. oluyor arama yapmadan açtığınız konu..
http://destek.10tl.net/showthread.php?tid=12843&highlight=paket

sözlü uyarımdır, tekrarında uyarı vermek durumunda kalacağım..