Jump to content
İlgi Host

xenforo Türkçe Eklentiler

Sign in to follow this  
xenforo türkçe eklentiler

177 topics in this forum

    • 2 replies
    • 448 views
    • 2 replies
    • 530 views
    • 1 reply
    • 403 views
    • 2 replies
    • 391 views
    • 1 reply
    • 326 views
    • 1 reply
    • 357 views
    • 1 reply
    • 384 views
    • 1 reply
    • 384 views
    • 1 reply
    • 404 views
    • 1 reply
    • 367 views
    • 3 replies
    • 414 views
    • 3 replies
    • 445 views
    • 2 replies
    • 350 views
    • 4 replies
    • 444 views
    • 2 replies
    • 438 views
    • 3 replies
    • 676 views
    • 2 replies
    • 429 views
    • 2 replies
    • 399 views
    • 6 replies
    • 708 views
    • 3 replies
    • 343 views
    • 2 replies
    • 435 views
  1. [SVG] ВВ Kod

    • 2 replies
    • 398 views
    • 2 replies
    • 534 views
  2. Tag Essentials

    • 2 replies
    • 422 views
  3. [GX] MessageUserInfo

    • 3 replies
    • 550 views
Sign in to follow this  
  • Member Statistics

    1,352
    Total Members
    19
    Most Online
    cihateren
    Newest Member
    cihateren
    Joined
  • Popular Contributors

    Nobody has received reputation this week.

  • Members

  • Posts

    • bu eklenti fa fa icon yeine konu eklerine resim eklemedir   NOT: Önek görüntülerim için 18px x 18px görüntüleri kullanın   1. Bir konu öneki oluşturun a. ACP'nizde (Yönetici Kontrol Paneli), Forumlar -> Konu öneklerine gidin ve Önek ekle düğmesine tıklayın b. Formu doldurun ve önceden ayarlanmış bir Ekran stili seçmek yerine, "Diğer, özel CSS sınıf adı kullanarak" c tıklayın. Aşağıya oluşturacağınız bir css sınıf adı girin     d. Yapmak istediğiniz her ön ek için aynı işlemi yapın   2. Ön ekiniz için stil yaratın a. ACP'nizde Görünüm -> Şablonlar'a gidin ve extra.less şablonunu açın b. Aşağıdaki css şablona ekleyin:   .prefix_alert { background: url(styles/prefixes/alert.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; }   c. Durumunuza uyması için yukarıdaki kodda aşağıdakileri değiştirin: prefix_alert - yukarıdaki adımda "Diğer, özel CSS sınıf adını kullanarak" eklediğiniz adı değiştirin. B. styles / prefixes / önek.gif - önek resminizin konumunu değiştirin d. Aynı önekleriniz için de aynısını yapın ... örneğin, 6 ön ekim var;   /* IB added for image PREFIXES */ .prefix_question { background: url(styles/prefixes/question.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; } .prefix_how_to { background: url(styles/prefixes/how_to.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; } .prefix_information { background: url(styles/prefixes/information.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; } .prefix_need_help { background: url(styles/prefixes/need_help.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; } .prefix_important { background: url(styles/prefixes/important.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; } .prefix_alert { background: url(styles/prefixes/alert.gif) no-repeat scroll left center; display: inline-block; line-height: 18px !important; padding: 0 0 0 20px; vertical-align: middle; margin-top: -4px !important; font-size: 0px; } e. Son adım, bu css kodunu extra.less şablonuna da eklemektir: CSS: .menuPrefix { font-size: 14px; padding: 6px 25px !important; }   İşte bu ... tadını çıkar.
    • İlk önce bazı resimlere ihtiyacınız olacak. Şu anda tamamlanmış halini görmek için tamamlanmış bir sürümü olan 10 tam yıldızın bulunduğu, tamamıyla göstermek için etraflarında kalın bir çizgileri olan 10 tam yıldız içeren ve 25'ten az reaksiyonunuz varsa, 10 boş yıldızla başlayan, yarım yıldız ve tam yıldız görüntüleri kullanıyorum. İstediğiniz görüntüleri kullanmaktan çekinmeyin. İyi görüntüler için Flat Icon'u tavsiye ederim.   Bunun temelde yapacağı şey, biri 25 reaksiyon aldığında yarım yıldız alacakları. 50 reaksiyona ulaştıklarında tam bir yıldız alacaklar ve aşağıda küçük bir sistem olarak çalışmak için nerede ölçeklendiğini görebilirsiniz.   Reaksiyon miktarını ve araç ipucu metnini değiştirmek için çekinmeyin. Gördüğünüz gibi güzel bir araç ipucu hazırlıyor, böylece kullanıcılar nasıl çalıştığı hakkında fikir sahibi oluyorlar.   "Message_macros" şablonuna gidin.   Ara arg-type="users" arg-group="contact" arg-set="{$user.Profile.custom_fields}" arg-additionalFilters="{{ ['message'] }}" arg-valueClass="pairs pairs--justified" />   Altına ekleyin:   Bu aynı zamanda hoş bir dolgu sağlar ve daha sonra "star-ranks" sınıfını veya ne kullanmaya karar verirseniz onu kullanarak daha fazla stil yapılabilir. Ayrıca tırnak işaretleri içindekileri gerçek görüntünüzün yoluyla değiştirmeniz gerekecektir.   Aynı bölümün, test_score'u trophy_points ile değiştirerek ve ayrıca post_count ile message_count ile değiştirerek, o kısım test edilmemiş olsa da çalışacağını hayal ediyorum. Onunla oynamak zorundaydın. Bu test edilmiş ve çalışıyor olmasına rağmen.   Teşekkür ederim ve umarım size yardım ettim. Yıldız veyaiconu ayarlarken onaradikkat ediniz
    • Gördüğünüz gibi, sadece biraz daha vurgulamak için sadece yeni öğelerin üzerine geldiğinde değişen bir simge alabilirsiniz. Extra.less şablonunu   açın ve kodu ekleyin:   /*** Highlight new menu item ***/ .menu-row.menu-row--separated.menu-row--clickable.menu-row--highlighted { &:before { .m-faBase(); .m-faContent(@fa-var-dot-circle); float: right; color: @xf-paletteAccent2; } &:hover:before { .m-faBase('Pro', @faWeight-solid); .m-faContent(@fa-var-dot-circle); } } /**********/   Simge kontrol sınıfını düzenlemek için [iCODE]&:before.[/iCODE] Yazı Tipi simgesini değiştirmek için [iCODE]dot-circle(yukarıdaki örnekte)[/iCODE] sözcüğü başka bir simge adıyla düzenleyin .   Simge rengini değiştirmek için color özelliğini düzenleyin .   Vurgulu kontrol sınıfına geldiğinde simgeyi düzenlemek için [iCODE]&:hover:before. [/iCODE]     Belirli bir stilin Pro simgesini mi istiyorsunuz?   Düzenleyin[iCODE] .m-faBase();[/iCODE]ve değiştirin [iCODE].m-faBase('Pro', @faWeight-solid);, .m-faBase('Pro', @faWeight-regular);veya .m-faBase('Pro', @faWeight-light);. [/iCODE]     Marka simgesi ister misiniz?   Düzenleyin .[iSPOILER]m-faBase();ve değiştirin .m-faBase('Brands');. [/iSPOILER]
    • XFdestek Kullanıcımız yeni bir kaynak oluşturdu:   [plain]Brivium - Advanced Thread Rating[/plain] - [plain]Brivium - Advanced Thread Rating[/plain]     Bu kaynak hakkında daha fazla bilgi ...
    • XFdestek Kullanıcımız yeni bir kaynak oluşturdu:   [plain]Xon'daki Gelişmeleri Rapor Et[/plain] - [plain]Report Improvements by Xon[/plain]     Bu kaynak hakkında daha fazla bilgi ...
  • Topics

×
×
  • Create New...