Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
message_macros
şablonunu açın aşağıdaki kodu bulun.<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
extra.less
şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin..xgt-avatar{
display: block;
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
border-radius: 50%;
padding: 4px;
}
.xgt-avatar-border{
display: block...
.xgt-avatar{
display: block;
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
border-radius: 50%;
padding: 4px;
}
.xgt-avatar-border{
display: block;
border: 4px solid #fff;
border-radius: 50%;
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.xgt-avatar{
padding: 2px;
}
.xgt-avatar-border{
border-width: 2px;
}
}
.xgt-avatar2{
display: block;
background: linear-gradient(to right, green, yellow);
border-radius: 50%;
padding: 4px;
}
.xgt-avatar-border2{
display: block;
border: 4px solid #fff;
border-radius: 50%;
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.xgt-avatar2{
padding: 2px;
}
.xgt-avatar-border2{
border-width: 2px;
}
}
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<xf:else />
<div class="xgt-avatar2">
<div class="xgt-avatar-border2">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
</xf:if>
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<div class="xgt-avatar2">
<div class="xgt-avatar-border2">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<xf:else />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
</xf:if>
Ekli dosyayı görüntüle 10802
sonuç
Düzeltme ikinci verdiğim şu şekilde olacak
Kod:<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <div class="xgt-avatar2"> <div class="xgt-avatar-border2"> <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /> </div> </div> <xf:else /> <div class="xgt-avatar"> <div class="xgt-avatar-border"> <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /> </div> </div> </xf:if>
Kenar çerçevesini biraz genişletme yapsan güzel olur bence ek oflline olanları da tam kımızı yapsan hoş durur ben koda baktım ama anlayamadım tam nasıl yapacağımı.Sis
yaptım
Bunu extra.less içine ekle
Kod:.xgt-avatar{ display: block; background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); border-radius: 50%; padding: 4px; } .xgt-avatar-border{ display: block; border: 4px solid #fff; border-radius: 50%; } @media (max-width: @xf-publicNavCollapseWidth) { .xgt-avatar{ padding: 2px; } .xgt-avatar-border{ border-width: 2px; } } .xgt-avatar2{ display: block; background: linear-gradient(to right, green, yellow); border-radius: 50%; padding: 4px; } .xgt-avatar-border2{ display: block; border: 4px solid #fff; border-radius: 50%; } @media (max-width: @xf-publicNavCollapseWidth) { .xgt-avatar2{ padding: 2px; } .xgt-avatar-border2{ border-width: 2px; } }
bunu da <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /> ile değiştir
Kod:<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <div class="xgt-avatar"> <div class="xgt-avatar-border"> <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /> </div> </div> <xf:else /> <div class="xgt-avatar2"> <div class="xgt-avatar-border2"> <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /> </div> </div> </xf:if>
Kenar çerçevesini biraz genişletme yapsan güzel olur bence ek oflline olanları da tam kımızı yapsan hoş durur ben koda baktım ama anlayamadım tam nasıl yapacağımı.
Yapılabilir diye düşünüyorum ama bu temayı kullanmadım hiçMerhabalar buranin V4 Temasini kullaniyoruz bizde Sitemizde. HiddenKingin paylastigi tarzda bizde düzenleme yapabiliyormuyuz temamizda, yoksa V4 temasi bu tür degisikliklere kitlimi?
Suanki Durum:
Ekli dosyayı görüntüle 10810
Üstdeki ve Soldaki Kahverengileri kaldirip, normal Arkaplan Rengi yapmak istiyorum, ve 31 May 2015 Tarihininde altina cizgi, yani ikisini bölmek icin.
Sol Kisimdada Daireli Online/Offline Bölümü.
Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
Bu sitenin çalışması için temel çerezleri ve deneyiminizi geliştirmek için isteğe bağlı çerezleri kullanıyoruz.