Ekip sayfası

[Hatake]

Bunu mybbye uyarlamak için uğraşmak gerekiyor. Ama benim yazdığım açık kaynak kodlu ekip sayfasıdır. Resimlerin üstüne gelip efektlere bakabilirsiniz.

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

https://jsfiddle.net/metehandrms/6y99b4h6/4/

İyi kullanımlar..

[Treebzy]

MyBB Uyarlaması Yapılırsa Efsane Şeyler Ortaya Çıkabilir Elinize Sağlık.

---

demo: http://hilehocam.10tl.net/showteam.php

- TEST ( ADAMI RÜTBEDEN ÇIKARMA )

[Treebzy]

bu arada cidden çok iyi olmuş.

[kaRanLık-61]

Zor değil forum yöneticiler(showteam) şablonunda ufak değişikler yapılır.yapmaya çalışanlar küçük bir yol.

[Dream41]

@Red0x
MyBB uyarladım avatar konusunda biraz sıkıntı var  yetkililerin kendi avatarı gözükmüyor defalut avatar yaptım bende.
Demo: http://frmweb.10tl.net/showteam.php
Global.css en alt:

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

@import 'https://fonts.googleapis.com/css?family=Open+Sans';

body {
 background: #fff;
}
#ekip {
 position: relative;
}
#ekip ul {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
 text-align: center;
}
#ekip ul li {
 display: inline-block;
 border-radius: 180px;
 width: 180px;
 height: 180px;
 overflow: hidden;
 border: 5px solid transparent;
 transition: all 250ms;
}
#ekip ul li:hover {
 border-color: #E64A19;
}
#ekip ul li:nth-child(even):hover {
 border-color: #303F9F;
}
#ekip ul li:hover .bio {
 opacity: 1;
}
#ekip ul li a {
 text-decoration: none;
 color: #fff;
}
#ekip ul li img {
 width: 180px;
 height: 180px;
 border-radius: 180px;
 float: left;
}
.bio {
 position: absolute;
 background: rgba(0,0,0,0.6);
 color: #fff;
 text-align: center;
 width: 180px;
 height: 180px;
 border-radius: 180px;
 font-family: 'Open Sans';
 cursor: pointer;
 opacity: 0;
 text-shadow: 0px 2px 1px rgba(0,0,0,0.5);
 transition: all 250ms;
}
.bio h2 {
 font-size: 16px;
 margin-top: 65px;
 margin-bottom: 10px;
}
.bio .cizgi {
 height: 1px;
 width: 70%;
 margin: auto;
 background-color: #fff;
}
.bio h6 {
 margin-top: 10px;
 font-size: 12px;
}

Admin kp>Temalar şablonlar>Şablonlar>Kullandığınız tema>Forum Yöneticileri - [showteam] Şablonlar>showteam_usergroup şablonlar
Hepsini silin bununla değiştirin.

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

<table border="0" cellspacing="0" cellpadding="5" class="tborder">
<tr>
<td class="thead" colspan="4"><strong>{$usergroup['title']}</strong></td>
</tr>
<tr>
<td class="trow1"><div id="ekip"><ul>{$usergrouprows}</ul></div></td>
</tr>
</table>

Admin kp>Temalar şablonlar>Şablonlar>Kullandığınız tema>Forum Yöneticileri - [showteam] Şablonlar>showteam_usergroup_user şablonlar
hepsini bunla değiştirin.

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

<li>
<a href="#">
<div class="bio">
<h2><a href="{$user['profilelink']}"><strong>{$user['username']}</strong></a></h2>
<div class="cizgi"></div>
<h6>{$usergroup['title']}</h6>
</div>
 <img src="http://frmweb.10tl.net/images/default_avatar.png" alt="#" title="#" />
</a>
</li>