10.07.2011, Saat: 20:21
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.
Stil Adı:
Bağlı olduğu dosyalar:
Alta Kendi içeriğimi yazmak istiyorum tıklayın ve açılan kutucuğa aşağıdaki css kodlarını ekleyin ve kaydedin..
şimdi ;
Admincp Temalar & Şablonlar Şablonlar Temanız Header Şablonlar header_welcomeblock_guest şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.
Admincp Temalar & Şablonlar Şablonlar Temanız Header Şablonlar header_welcomeblock_member şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.
Admincp Temalar & Şablonlar Şablonlar Temanız Header Şablonlar header_welcomeblock_member_admin şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.
Admincp Temalar & Şablonlar Şablonlar Temanız Header Şablonlar header_welcomeblock_member_moderator şablonu açıp aşağıdaki kod ile komple değiştiriyoruz.
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ü:
rar şifresi:mybb.com.tr
İlk olarak css oluşturalım.
Admincp Temalar & Şablonlar temanız 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 Temalar & Şablonlar Şablonlar Temanız Header Şablonlar 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 = " — <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
lang.register_url = " — <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> <a class="lost-pwd" rel="nofollow" href="member.php?action=lostpw">{$lang->lost_password}</a>
<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 Temalar & Şablonlar Şablonlar Temanız Header Şablonlar 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&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 Temalar & Şablonlar Şablonlar Temanız Header Şablonlar 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 Temalar & Şablonlar Şablonlar Temanız Header Şablonlar 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ü:
rar şifresi:mybb.com.tr