MyBB Destek Forumu

Orjinalini görmek için tıklayınız: Pro Paket Kullanıcı Paneli Yapımı
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
Merhaba Arkadaşlar şimdi Pro paketteki gibi Kullanıcı paneli yapımını göreceğiz..

İlk olarak css oluşturalım.

Admincp Sağ Ok Temalar & Şablonlar Sağ Ok temanız Sağ Ok CSS oluştur diyoruz.

Stil Adı:
Kod:
Kullanici_paneli.css

Bağlı olduğu dosyalar:
Kod:
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:
/* 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 Sağ Ok Temalar & Şablonlar Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok Header Şablonlar Sağ Ok header_welcomeblock_guest şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.

Kod:
<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>

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

Kod:
<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>


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

Kod:
<a class="admins-paneli" rel="nofollow" href="{$mybb->settings['bburl']}/{$admin_dir}/index.php">{$lang->welcome_admin}</a>


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

Kod:
<a rel="nofollow" class="mods-paneli" href="{$mybb->settings['bburl']}/modcp.php">{$lang->welcome_modcp}</a>


son olarak upload klasöründe çıkan images klasörünü forumun kurulu olduğunu anadizine yollayın işte bu kadar...

Ekran Görüntüsü:
40123153525848415813.png

rar şifresi:mybb.com.tr
Eline sağlık kardeşim, güzel anlatım olmuş. Pro paket için bişe kalmadı Gülümseme bu arada dosyaları ek olarak ilave edilmiştir.
eywh abi, navigasyon paylaşıldı şimdie panelde paylaşıldı menüde paylaşıldı sanırsam kaldı postbit Sırıtmak onuda paylaşırım Sırıtmak
Teşekkürler Barış abi güzel anlatım Gülümseme
admin kodlarını değiştrirken hatalı kod diyiyor
(02.11.2011, Saat: 16:11)oksn123 Adlı Kullanıcıdan Alıntı: [ -> ]admin kodlarını değiştrirken hatalı kod diyiyor

Admin kodlarını şu şekilde ekleyin hocam, ilk mesajdaki kodlarıda güncelledim..

Kod:
<a class="admins-paneli" rel="nofollow" href="{$mybb->settings['bburl']}/{$admin_dir}/index.php">{$lang->welcome_admin}</a>
saolun
Sayfalar: 1 2