MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
007combatant avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Pro Paket Kullanıcı Paneli Yapımı


Sponsor Reklam
media venus

Çevrimdışı 007combatant
 Tarih: 22-12-2011, Saat:12:19
#1
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ü:
resim

rar şifresi:mybb.com.tr

AlıntıKaynak: www.mybb.com.trlogin_username}


Ek Dosyalar
.rar   pro-kullanıcı-paneli.rar (Dosya Boyutu: 47.5 KB / İndirme Sayısı: 144)
Cevapla
Bunu Beğenenler: beta , Manager
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı monster33
 Tarih: 20-05-2012, Saat:18:54
#2
Teşekkürler
Cevapla
Bunu Beğenenler:

Çevrimdışı ByBrown
 Tarih: 29-05-2012, Saat:17:39
#3
Bunu nasıl oval yapcaz?
Cevapla
Bunu Beğenenler:

Çevrimdışı atTheDisco
 Tarih: 24-04-2013, Saat:16:43
#4
Arka planı siyah yapmak istiyorum nasıl yapcam bide kenarlarını oval yapmak istiyorum
Cevapla
Bunu Beğenenler:

Çevrimdışı xpserkan
 Tarih: 24-04-2013, Saat:17:16
(Son Düzenleme: 24-04-2013, Saat:17:17, Düzenleyen: xpserkan.)
#5
(24-04-2013, Saat:16:43)baybars Adlı Kullanıcıdan Alıntı: Arka planı siyah yapmak istiyorum nasıl yapcam bide kenarlarını oval yapmak istiyorum

Panelin css kodlarına bakınız;
Kod:
background: #eee;
Üsteki gibi 4/5 tane ekli, bunların #eee renk kodlarını değişmeniz yeterlidir.

Kenarları oval yapmak için şu kodu bulun:
Kod:
#panel-cerceve {
border: 1px solid #a1a1a1;
margin: 0px 0px;
}

Aşağıdaki gibi değiştirin:
Kod:
#panel-cerceve {
border: 1px solid #a1a1a1;
margin: 0px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

Gölgeli oval yapmak için:

Kod:
#panel-cerceve {
border: 1px solid #a1a1a1;
margin: 0px 0px;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
    box-shadow: 0px 0px 6px #333;
    -moz-box-shadow: 0px 0px 6px #333;
    -webkit-box-shadow: 0px 0px 6px #333;
}
Cevapla
Bunu Beğenenler:

Çevrimdışı Cléxy
 Tarih: 04-09-2013, Saat:01:17
#6
Bişey sorucam anadizine yolla derken?
Cevapla
Bunu Beğenenler:

Çevrimdışı LiBeRtY
 Tarih: 04-09-2013, Saat:01:22
#7
(04-09-2013, Saat:01:17)Cléxy Adlı Kullanıcıdan Alıntı: Bişey sorucam anadizine yolla derken?

Forumunuzun kurulu olduğu klasör oluyor.
İndirdiğiniz ek dosyayı inc,images vs klasörlerinin olduğu alana yollayın .
Cevapla
Bunu Beğenenler:

Çevrimdışı Cléxy
 Tarih: 04-09-2013, Saat:01:30
#8
(04-09-2013, Saat:01:22)LiBeRtY Adlı Kullanıcıdan Alıntı:
(04-09-2013, Saat:01:17)Cléxy Adlı Kullanıcıdan Alıntı: Bişey sorucam anadizine yolla derken?

Forumunuzun kurulu olduğu klasör oluyor.
İndirdiğiniz ek dosyayı inc,images vs klasörlerinin olduğu alana yollayın .

Forumumu direk 10tl den kurdum klasör vs. nerden bakıcam?
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb Multi Color Tema Yapımı Detaylı Anlatım... ßyßurak 14 6,123 10-02-2015, Saat:12:34
Son Yorum: xPyrion
  [MCTR] MyBB Tema Yapımı Videolu Anlatım 007combatant 17 8,579 07-11-2014, Saat:20:28
Son Yorum: LeafLanterman18
  [DERS] MyBB Siyah Tooltip Yapımı. Feyz 7 3,227 08-07-2014, Saat:15:49
Son Yorum: kuscu
  [MCTR - 1.6] vBulletin 3 Stil Profil Sayfası Yapımı Screwy 11 3,250 23-05-2014, Saat:21:42
Son Yorum: atomcu
  [MCTR - 1.6] vBulletin 3 Stil Postbit Yapımı Screwy 6 3,098 06-04-2014, Saat:16:25
Son Yorum: Sailorby



Konuyu Okuyanlar: 1 Ziyaretçi