Welcome to XENTR - Think Different and Make it...

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?
[XTR] Style Switcher

Eklenti [XTR] Style Switcher 1.0.2

indirmek için izniniz yok
XenForo Sürümü
  1. XenForo v2.1+



style-switcher.png

Demo: XenTR / Professional XenForo Styles : Default-Style
Not: Demo sitesinde, stil değiştirici eklentisi yalnızca varsayılan stile ayarlanmıştır.

Bu eklenti, ziyaretçinin kayan panelden web sayfanızın görünümünü (örneğin, metin rengi, arka plan rengi, arka plan görüntüsü) değiştirmesini sağlayan jQuery tabanlı bir tema / görünüm değiştiricisidir.

Kurulum:
  1. XENTR-StyleSwitcher-1.0.0.zip dosyasını indirin ve dosyalarınızı çıkararak FTP istemcisi ile yükleyin.
  2. Eklenti dosyalarının bulunacağı dizin: upload/src/addons/XENTR/StyleSwitcher
  3. Javascript dosyalarının bulunacağı dizin: upload/js/xtr/style_switcher
  4. Pattern ve Arkaplan görüntülerinin bulunacağı dizin: upload/styles/xtr/style-customizer
  5. Admin Control Paneline giriş yaparak eklentinizi yükleyin.
  6. Eklenti özelliklerini bu bağlantı üzerinden /admin.php?options/groups/xtr_styleSwitcher/ ayarlayabilirsiniz.
  7. Stil özellikleri sayfasından ayarları yapın. admin.php?styles/your-style/style-properties/group&group=xtr_style_switchers
Özellikler:
  • Geniş ve kutulu düzen seçeneği
  • 7 farklı özel renk seçici Kırmızı, Mavi, Yeşil, Sarı, Arduvaz, Menekşe, Nil Yeşili
  • 8 özel desen seçici,
  • 8 özel arka plan seçici,
  • Özel Çerez Betiği,
  • Otomatik reset butonları,
  • Kullanıcı gruplarını seçebilme yeteneği
  • Belirtilen tema üzerinde kullanma seçeneği,
  • Tamamen yönetilebilir stil özelliği,
  • Modern Tarayıcı Uyumluğu
  • Daha bir çok seçenek.
Kullanma şekli:
Eklentiyi sorunsuz bir şekilde yükledikten sonra ön tanımlı olarak bazı alanların renklerini değiştiren kodları stil özellikleri sayfasından görebilirsiniz.

Main red color palettes bu alanda belirtilen renk kodu kırmızı olarak gösterilecek arka planları kontrol eder.
Sub red color palettes bu alanda renk kod da kırmızı arka plan üzerinde görüntülenecek linkler ve açıklama alanlarının rengini belirler.

Örnek kodlar:
Burada sadece kırmızı renk tonuna göre örnekler verilmiştir.

Red color BG classes values alanı içerisinde aşağıdaki gibi kodları göreceksiniz.

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Burada önemli olan rengini değiştirmek istediğiniz her alan için kullanmanız gereken bir ön ek kodu mevcuttur.

[xf="red"] bu kodu değiştirmek istediğiniz css biçimi önüne mutlaka koymanız gerekmektedir.

Diğer renk tonları için de aynı işlemi uygulamanız gereklidir.

Eğer farklı renk tonları bulunan alanlarınıza da aynı renk tonlarını uygulamak isterseniz extra.less şablonu içerisine aşağıda verilen benzer kodları kullanabilirsiniz.

Örnek kod:

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Yukarıdaki örnekte gördüğünüz gibi Staff Bar alanında üç farklı renk bulunmaktadır. Background, - Color ve Border Bottom. Bu örnek ile değiştirmek istediğiniz alanlara ait renk değişimlerini yapabilirsiniz.

Not: Siz de bu şekilde geliştirmiş olduğunuz renk kodlarını bu kaynak konusu altında paylaşırsanız gelecek güncellemelere vermiş olduğunuz kodları eklenti üzerine ekleyebilirim.

Ayrıcıa eklenti hakkında değerlendirmenizi lütfen belirtiniz.


style-switcher.png

Demo: XenTR / Professional XenForo Styles : Default-Style
Note: On the demo site, the style switcher plug-in is only set to default style.

This add-on is a jQuery-based theme / skin modifier that allows a visitor to change the look of your webpage (for example, text color, background color, background image) from the sliding panel.

Installation:
  1. XENTR-StyleSwitcher-1.0.0.zip and unzip it.
  2. Copy the upload/src/addons/XENTR/StyleSwitcher directory to your server.
  3. The directory where the Javascript files will be located: upload/js/xtr/style_switcher
  4. Pattern and Background images directory: upload/styles/xtr/style-customizer
  5. From the Admin Control Panel Install the add-on.
  6. You can check the options from /admin.php?options/groups/xtr_styleSwitcher/ and set.
  7. Make settings from the Style properties page. admin.php?styles/your-style/style-properties/group&group=xtr_style_switchers
Features:
  • Wide and boxed layout option
  • 7 different custom color pickers Red, Blue, Green, Yellow, Slate, Violet, Teal
  • 8 custom pattern picker,
  • 8 custom background selector,
  • Custom Cookie Script,
  • Automatic reset buttons,
  • Ability to select user groups,
  • Option to use on the specified theme,
  • Fully manageable style feature,
  • Modern Browser Compatibility
  • More options.
How to use:
After installing the plug-in seamlessly, you can see the codes that change the colors of some fields by default on the style properties page.

Main red color palettes check the backgrounds to be displayed in red in the color code specified in this area.
Sub red color palettes determine the color and of the links and description fields to be displayed on the red background.

Example codes:
Only red color tones are given here.

Red colors BG classes value: You will see the following codes in this field.

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

There is a prefix code that you need to use for each field where you want to change the color.

[xf = "red"] you must put this code in front of the css format you want to change.

You need to follow the same procedure for other shades.

If you want to apply the same color tones to your areas with different color tones, you can use the similar codes given below in the extra.less template.

Example code:

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

As you can see in the example above, there are three different colors in the Staff Bar area. Background, - Color and Border Bottom. With this example, you can make color changes for the fields you want to change.

Note: If you share the color codes that you have developed under this source topic, I can add the codes you have given to future updates on the plugin.

Please specify your evaluations about the add-on.
Global Forum Bağlantısı-Kodlayıcı Bilgisi
https://xenforo.com/community/resources/xtr-style-switcher.7123/
  • style-switcher-blue.png
    style-switcher-blue.png
    56.9 KB · Görüntüleme: 68
  • style-switcher-green.png
    style-switcher-green.png
    66.7 KB · Görüntüleme: 68
  • style-switcher-red.png
    style-switcher-red.png
    73.2 KB · Görüntüleme: 64
  • style-switcher-slate.png
    style-switcher-slate.png
    76.3 KB · Görüntüleme: 65
  • style-switcher-teal.png
    style-switcher-teal.png
    55.1 KB · Görüntüleme: 65
  • style-switcher-violet.png
    style-switcher-violet.png
    50.5 KB · Görüntüleme: 56
  • style-switcher-yellow.png
    style-switcher-yellow.png
    43.1 KB · Görüntüleme: 54
  • style-switcher-options.png
    style-switcher-options.png
    83.6 KB · Görüntüleme: 46
  • style-switcher-style-properties.png
    style-switcher-style-properties.png
    221.3 KB · Görüntüleme: 41
Yazar
XenTR
İndirilme
45
Görüntüleme
1,661
İlk Yayınlama
Son Güncelleme
Değerlendirme
0.00 Oylama 0 İnceleme

XenTR Kullanıcısının Diğer Kaynakları;

Son Güncellemeler

  1. 1.0.2

    Bu sürüm ile bazı yeni özellikler eklenmiştir. Eklentinin geliştirilmesinde geri bildirimleri...
  2. 1.0.1

    Bu güncelleme ile javascript hataları düzeltildi. Bazı küçük düzenlemeler yapıldı. Fixed bugs...
shape1
shape2
shape3
shape4
shape7
shape8
Üst