- Katılım
- 8 Ocak 2018
- Mesajlar
- 1,071
- Çözümler
- 37
- Tepkime puanı
- 2,723
Merhaba,
Xenforo 2.x sürümlerinde ayrıca çalışan özel alanlar ekliyoruz.
Not : Video'lu Anlatım Yakında Gelicektir.
1. Adım
Kullanıcılar > Özel Kullanıcı > Alan Ekle kısmına Giriyoruz. Aşağıda Ekran Görüntüsünde kendiniz yapacağınız alana göre düzenleyiniz.
2. Adım
Görünüm ve Diller > Şablonlar > message_macros şablonuna girdikten sonra
Hemen Altına Aşağıda Verilen kodumuzu ekliyoruz.
{$user.Profile.custom_fields."isim"} tırnak içerisinde alınan " Alan kimliği-ID " yazdığınız ıd yazılcaktır.
3. Adım
Görünüm ve Diller > Şablonlar > extra.less şablonuna giriyoruz ve altta verdiğim css kısmını ekliyoruz.
Sonuç
Xenforo 2.x sürümlerinde ayrıca çalışan özel alanlar ekliyoruz.
Not : Video'lu Anlatım Yakında Gelicektir.
1. Adım
Kullanıcılar > Özel Kullanıcı > Alan Ekle kısmına Giriyoruz. Aşağıda Ekran Görüntüsünde kendiniz yapacağınız alana göre düzenleyiniz.
2. Adım
Görünüm ve Diller > Şablonlar > message_macros şablonuna girdikten sonra
PHP:
<xf:if is="$extras.website && $user.Profile.website">
<dl class="pairs pairs--justified">
<dt>{{ phrase('website') }}</dt>
<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
</dl>
</xf:if>
PHP:
<xf:if is="$extras.message_count">
<dl class="namesblock maveracheats maveracheats--justified" >
<dt style="color:white;">İsim</dt>
<dd style="color:white;">{$user.Profile.custom_fields.isim}</dd>
</dl>
</xf:if>{$user.Profile.custom_fields."isim"} tırnak içerisinde alınan " Alan kimliği-ID " yazdığınız ıd yazılcaktır.
3. Adım
Görünüm ve Diller > Şablonlar > extra.less şablonuna giriyoruz ve altta verdiğim css kısmını ekliyoruz.
CSS:
.maveracheats {
color: #4d5460;
font-family: Tahoma,Geneva,sans-serif;
font-size: 11px;
padding: 6px 9px;
margin-top: 2px;
margin: 0;
overflow: hidden;
}
.maveracheats
{
&.maveracheats--plainLabel
{
> dt
{
color: inherit;
}
}
&.maveracheats--spaced + .maveracheats
{
margin-top: @xf-paddingMedium;
}
&.maveracheats--noColon
{
> dt
{
&:after
{
content: "";
}
}
}
> dt
{
padding: 0;
margin: 0;
color: @xf-textColorMuted;
.m-appendColon();
}
> dd
{
padding: 0;
margin: 0;
}
&.maveracheats--inline
{
display: inline;
> dt,
> dd
{
display: inline;
}
}
&.maveracheats--columns
{
display: table;
table-layout: fixed;
width: 100%;
> dt,
> dd
{
display: table-cell;
}
> dt
{
width: 50%;
padding-right: @xf-paddingMedium;
}
&.maveracheats--fixedSmall > dt
{
width: 200px;
}
&.maveracheats--fluidSmall > dt
{
width: 25%;
}
&.maveracheats--fluidHuge > dt
{
width: 70%;
}
@media (max-width: 500px)
{
display: block;
> dt,
> dd
{
display: block;
}
&.maveracheats > dt // the .maveracheats repetition is to increase specificity to override all fixed/fluid options
{
width: auto;
padding-right: 0;
}
& + .maveracheats
{
margin-top: @xf-paddingMedium;
}
}
}
&.maveracheats--justified
{
.m-clearFix();
> dt
{
float: left;
max-width: 100%;
margin-right: @xf-paddingMedium;
}
> dd
{
float: right;
text-align: right;
max-width: 100%;
}
}
&.maveracheats--rows
{
display: inline-table;
margin-right: @xf-paddingMedium;
&.maveracheats--rows--centered
{
> dt,
> dd
{
text-align: center;
}
}
&:last-of-type
{
margin-right: 0;
}
> dt
{
display: table-row;
font-size: 80%;
&:after
{
content: '';
display: none;
}
}
> dd
{
display: table-row;
}
}
}
.maveracheatsWrapper
{
&.maveracheatsWrapper--spaced
{
.maveracheats
{
margin-top: @xf-paddingMedium;
&:first-child
{
margin-top: 0;
}
}
}
}
.maveracheatsJustifier
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right: -5px;
margin-bottom: -5px;
.maveracheats.maveracheats--rows
{
margin-right: 5px;
margin-bottom: 5px;
}
}
/* Yeni PostBit Çizgileri */
.namesblock {
margin-top:2px;
box-shadow:0px 3px #5d6677, 0px 4px 5px rgba(0,0,0,0.3);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background:#4d5460;
text-align:left;
padding:0 10px;
color:#fff;
position:relative;
text-decoration:none;
height:26px;
font-family:Arial;
transition:all 0.3s ease;
padding-left:10px;
padding-right:10px;
padding-top:6px;
}Sonuç
