Kullanıcı:
Filtreler
Neler yeni
Neler yeni

xenForo 2.x Mükemmel Pospit Stili

Zeki

Zeki

Ad
ZEKİ
Soyad
AYGÜN
Katılım
18 Ocak 2019
Konum
Yalova
Konular
777
Mesajlar
2,932
Ticaret - 0%
0   0   0
  
iletişim
Meslek
Webmaster & SEO
Detay  
Meslek
Webmaster & SEO
Tecrübe
12 Yıl
Uzmanlık alanları
Web tasarım, PHP, SEO, Seslendirme, Video montaj
İş referanslarım
youtube.com/channel/UC0EKnd0EWBefw9Wrqw_wrAA
Üyelik tipi
  1. Bireysel
Enpara   Hesap
ZEKİ AYGÜN
HESAP NO; 1237-0056746
ŞUBE: DOSAB BURSA
İBAN: TR69 0004 6012 3788 8000 0567 46
Enpara   Hesap
ZEKİ AYGÜN
HESAP NO: 497-6640783
ŞUBE: GEMLİK
İBAN: TR60 0006 2000 4970 0006 6407 83
Photoshop   Photoshop
  1. Orta düzey
    50%
İllüstratör   İllüstratör
  1. Başlangıç düzeyi
    30%
İllüstratör   UI / UX tasarım
  1. İleri düzey
    90%
PHP   PHP
  1. Orta düzey
    50%
PHP   CSS3
  1. İleri düzey
    90%
PHP   JavaScript
  1. Orta düzey
    50%
XF 2.x sürümü
için message_macros şablonunuzda alttaki kodu bulun
Kod: 
<xf:if is="$extras.message_count">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('messages') }}</dt>
                            <dd>{$user.message_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.like_count">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('likes') }}</dt>
                            <dd>{$user.like_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('points') }}</dt>
                            <dd>{$user.trophy_points|number}</dd>
                        </dl>
                    </xf:if>

bununla değiştirin
Kod: 
   <div class="WbbWupBlock WbbWupCenterBlock">
                      <div class="infoxi shadow_hgi">
                        <div class="textxi">
                 <h4 class="orange-texti">{$user.message_count|number}</h4>
               </div>
                    <div class="arrowi orange-arrowi"></div>
                     <div class="block_hgi shadow_hgi orange-bgi">
                  <div class="orange-textim"><i class="fa fa-comments fa-large fa-fixed-width" style="padding-right:3px;"></i>
              </div>
            </div>
          </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="red-texti">{$user.trophy_points|number}</h4>
             </div>
                  <div class="arrowi red-arrowi"></div>
                   <div class="block_hgi shadow_hgi red-bgi">
              <div class="red-textim"><i class="fa fa-trophy fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="green-texti">{$user.like_count|number}</h4>
              </div>
                  <div class="arrowi green-arrowi"></div>
                   <div class="block_hgi shadow_hgi green-bgi">
              <div class="green-textim"><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>

Extra.less şablonunuzada şu kodları ekleyin:
Kod: 
/////////Block-by-laurent68////////////
.WbbWupBlock {
  background: transparent;
}
.infoxi {
    overflow: hidden;
    margin: 5px auto;
    height: 40px;
}
.shadow_hgi {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1),1px 1px 5px 1px rgba(0,0,0,0.1);
}
.textxi {
    float: right;
    font-weight: bold;
    width: auto;
    margin-top: -5px;
}
.textxi h4 {
    margin-top: 15px;
    padding-bottom: 5px;
    border: none;
}
.arrowi {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 50px;
    margin-top: 10px;
}
.block_hgi {
    width: 50px;
    height: 50px;
    text-align: center;
}
.orange-texti, .red-texti, .green-texti {
    font-size: 16px;
    animation: blink 1s linear;
    padding-right: 10px;
}
.orange-textim, .red-textim, .green-textim {
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 40px;
    position: aboslute;
    float: left;
    color: #32CD32;
}
.orange-bgi {
    background: #ebb551;
}
.orange-textim, .orange-texti {
    color: #f46320;
}
.orange-arrowi {
    border-left: 12px solid #ebb551;
}
.red-arrowi {
    border-left: 12px solid #c62642;
}
.red-bgi {
    background: #c62642;
}
.red-textim, .red-texti {
    color: #7b132a;
}
.green-arrowi {
    border-left: 12px solid #008000;
}
.green-bgi {
    background: #008000;
}
.green-textim, .green-texti {
    color: #32CD32;
}
//////////fin-block///////////

Message_macros şablonundaki XF 2.1 sürümü için bu kodu şu kodla değiştirin
{$user.like_count|number}: {$user.reaction_score|number}

SONUÇ
1596802025881.png


EĞER ARTI ALAN EKLEMEK İSTERSENİZ ÖRNEK KONUMU WEBSİTESİ vb..

2. yöntem

message_macros şablonunuzda şunları arayın:
Kod: 
<xf:if is="$extras.register_date">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('joined') }}</dt>
                            <dd>{{ date($user.register_date) }}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.message_count">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('messages') }}</dt>
                            <dd>{$user.message_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.reaction_score">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('reaction_score') }}</dt>
                            <dd>{$user.reaction_score|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('points') }}</dt>
                            <dd>{$user.trophy_points|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.age && $user.Profile.age">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('age') }}</dt>
                            <dd>{$user.Profile.age}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.location && $user.Profile.location">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('location') }}</dt>
                            <dd>
                                <xf:if is="$xf.options.geoLocationUrl">
                                    <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                                <xf:else />
                                    {$user.Profile.location}
                                </xf:if>
                            </dd>
                        </dl>
                    </xf:if>
                    <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>

Ve şu kodla değiştirin:
Kod: 
 <div class="WbbWupBlock WbbWupCenterBlock">
                 <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="cyan-texti">{{ date($user.register_date) }}</h4>
             </div>
                  <div class="arrowi cyan-arrowi"></div>
                   <div class="block_hgi shadow_hgi cyan-bgi">
              <div class="cyan-textim"><i class="fas fa-registered fa-large fa-fixed-width" style="padding-right:3px;line-height: 2;font-size: 20px;"></i>
           </div>
         </div>
        </div>
                      <div class="infoxi shadow_hgi">
                        <div class="textxi">
                 <h4 class="orange-texti">{$user.message_count|number}</h4>
               </div>
                    <div class="arrowi orange-arrowi"></div>
                     <div class="block_hgi shadow_hgi orange-bgi">
                  <div class="orange-textim"><i class="fas fa-comments fa-large fa-fixed-width" style="padding-right:3px;"></i>
              </div>
            </div>
          </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="red-texti">{$user.trophy_points|number}</h4>
             </div>
                  <div class="arrowi red-arrowi"></div>
                   <div class="block_hgi shadow_hgi red-bgi">
              <div class="red-textim"><i class="fas fa-trophy fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="green-texti">{$user.like_count|number}</h4>
              </div>
                  <div class="arrowi green-arrowi"></div>
                   <div class="block_hgi shadow_hgi green-bgi">
              <div class="green-textim"><i class="fas fa-thumbs-up fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="blueviolet-texti">{$user.Profile.age}</h4>
             </div>
                  <div class="arrowi blueviolet-arrowi"></div>
                   <div class="block_hgi shadow_hgi blueviolet-bgi">
              <div class="blueviolet-textim"><i class="fas fa-user-alt fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
            <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="fuchsia-texti" style="font-size: 13px;">{$user.Profile.location}</h4>
             </div>
                  <div class="arrowi fuchsia-arrowi"></div>
                   <div class="block_hgi shadow_hgi fuchsia-bgi">
              <div class="fuchsia-textim"><i class="fas fa-map-marker-alt fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
                    <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="blue-texti" style="font-size: 5px;line-height: 4;">{$user.Profile.website|url('host', phrase('visit_site'))}</h4>
             </div>
                  <div class="arrowi blue-arrowi"></div>
                   <div class="block_hgi shadow_hgi blue-bgi">
              <div class="blue-textim"><i class="fas fa-link fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>

Ekstra .less şablonunuzada şunu ekleyin:
Kod: 
/////////Block-by-laurent68////////////
.WbbWupBlock {
  background: transparent;
}
.infoxi {
    overflow: hidden;
    margin: 5px auto;
    height: 40px;
}
.shadow_hgi {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1),1px 1px 5px 1px rgba(0,0,0,0.1);
}
.textxi {
    float: right;
    font-weight: bold;
    width: auto;
    margin-top: -5px;
}
.textxi h4 {
    margin-top: 15px;
    padding-bottom: 5px;
    border: none;
}
.arrowi {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 50px;
    margin-top: 10px;
}
.block_hgi {
    width: 50px;
    height: 50px;
    text-align: center;
}
.orange-texti, .red-texti, .green-texti, .cyan-texti, .blueviolet-texti, .fuchsia-texti, .blue-texti {
    font-size: 16px;
    animation: blink 1s linear;
    padding-right: 10px;
}
.orange-textim, .red-textim, .green-textim, .cyan-textim, .blueviolet-textim, .fuchsia-textim, .blue-textim {
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 40px;
    position: aboslute;
    float: left;
    color: #32CD32;
}
.blue-arrowi {
    border-left: 12px solid blue;
}
.blue-bgi {
    background: blue;
}
.blue-textim, .blue-texti {
    color: #5cb0c6;
}
.fuchsia-arrowi {
    border-left: 12px solid fuchsia;
}
.fuchsia-bgi {
    background: fuchsia;
}
.fuchsia-textim, .fuchsia-texti {
    color: #8117e6;
}
.blueviolet-arrowi {
    border-left: 12px solid blueviolet;
}
.blueviolet-bgi {
    background: blueviolet;
}
.blueviolet-textim, .blueviolet-texti {
    color: #d81cec;
}
.cyan-arrowi {
    border-left: 12px solid cyan;
}
.cyan-bgi {
    background: cyan;
}
.cyan-textim, .cyan-texti {
    color: #1DA1F2;
    font-size: 9px;
    line-height: 2
}
.orange-bgi {
    background: #ebb551;
}
.orange-textim, .orange-texti {
    color: #f46320;
}
.orange-arrowi {
    border-left: 12px solid #ebb551;
}
.red-arrowi {
    border-left: 12px solid #c62642;
}
.red-bgi {
    background: #c62642;
}
.red-textim, .red-texti {
    color: #7b132a;
}
.green-arrowi {
    border-left: 12px solid #008000;
}
.green-bgi {
    background: #008000;
}
.green-textim, .green-texti {
    color: #32CD32;
}
//////////fin-block///////////

SONUÇ
1596802313788.png
 
Cevap yazmak için giriş yap yada kayıt ol.

Benzer konular

tuncayalp
    • Beğen
Revo 1.5.0 (Xenforo stili) - Mükemmel Tema
Cevaplar
0
Görüntüleme
882
tuncayalp
tuncayalp
ferdi
xenForo Mükemmel Kullanıcı Bannerlar v2.1x
Cevaplar
2
Görüntüleme
2K
WEBLACES.NET
WEBLACES.NET
webien
    • Beğen
Xenforo 2.X b3yaz.org Teması Mükemmel Tasarım
Cevaplar
0
Görüntüleme
1K
webien
webien
R
  • Soru & Yardım
Xenforo tema önerisi
Cevaplar
2
Görüntüleme
843
Ron
R
spexx
  • Soru & Yardım
Yardım Xenforo Konu açarken ( istenen forum bulunamadı ) hatası
Cevaplar
5
Görüntüleme
1K
spexx
spexx

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.