Bu uygulamada avatar nik gibi içeriklerin konumları değişmez. Her üye grubu için farklı bir css kodlaması hazırlayarak üye gruplarına ait profil görüntüsünü değiştirebilirsiniz. Gerisi size kalmış.



Öncelikle mybb profil alanını kurup admin panelden aktif edin.

Daha sonra kullandığınız temanın displaytemplate.php dosyasında şu kodu bulup:
Kod:


şununla değiştirin:
Kod:


Daha sonra her üye grubu için kullandığınız temanın index.css dosyasına yeni css kodlarınızı giriniz.

Yasaklı üye grubu için css kodları:
Kod:

#Yasaklı li.linkname
{
background: url(../images/camp_bg2.png) repeat-x bottom left #FFF;
border-radius: 5px;
box-shadow: 0 0 6px #B6B6B6;
-webkit-box-shadow: 0 0 6px #B6B6B6;
font-size: 16px;
font-weight: bold;
margin-top: 5px;
padding: 10px;
}
#Yasaklı li.prf_mybb
{
text-align: left;
}
#Yasaklı li.prf_mybb ul li, .poster ul li.prf_mybb ul li
{
display: block;
margin: 0 !important;
}
#Yasaklı li.profile, #Yasaklı li.im_icons, #Yasaklı li.prf_mybb, #Yasaklı li.add_this_style
{
background: url(../images/camp_bg2.png) repeat-x bottom left #FFF;
border-radius: 5px;
box-shadow: 0 0 4px #B6B6B6;
-webkit-box-shadow: 0 0 4px #B6B6B6;
margin: 7px 0 !important;
padding: 5px !important;
}

#Yasaklı
{
background: url(../images/bluebg2.png) repeat-x top left #F9F9F9;
box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
border-radius: 10px;
margin: 0 auto;
margin-top: 5px;
padding: 5px 0;
text-align: center;
width: 95%;
text-shadow: 1px 1px 0 #FFF;
}
.poster #Yasaklı ul
{
margin: 0 auto !important;
width: 85%;
}

şunlar da Yönetici üye grubu için css kodları:
Kod:

#Yönetici li.linkname
{
background: url(../images/camp_bg.png) repeat-x bottom left #FFF;
border-radius: 5px;
box-shadow: 0 0 6px #B6B6B6;
-webkit-box-shadow: 0 0 6px #B6B6B6;
font-size: 16px;
font-weight: bold;
margin-top: 5px;
padding: 10px;
}
#Yönetici li.prf_mybb
{
text-align: left;
}
#Yönetici li.prf_mybb ul li, .poster ul li.prf_mybb ul li
{
display: block;
margin: 0 !important;
}
#Yönetici li.profile, #Yönetici li.im_icons, #Yönetici li.prf_mybb, #Yönetici li.add_this_style
{
background: url(../images/camp_bg.png) repeat-x bottom left #FFF;
border-radius: 5px;
box-shadow: 0 0 4px #B6B6B6;
-webkit-box-shadow: 0 0 4px #B6B6B6;
margin: 7px 0 !important;
padding: 5px !important;
}

#Yönetici
{
background: url(../images/bluebg.png) repeat-x top left #F9F9F9;
box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
border-radius: 10px;
margin: 0 auto;
margin-top: 5px;
padding: 5px 0;
text-align: center;
width: 95%;
text-shadow: 1px 1px 0 #FFF;
}
.poster #Yönetici ul
{
margin: 0 auto !important;
width: 85%;
}

Bu şekilde her üye grubu için css dosyanıza yeni css kodları girerek üye gruplarına özel profil alanları oluşturabilirsiniz.

Bu anlatıma ait geçici demo siteyi buraya tıklayıp görebilirsiniz. Demo sitede ziyaretçi, yönetici ve yasaklı üye grupları için farklı profil alanları oluşturulmuştur.

Kaynak: Her üye grubuna farklı profil alanı