Wmroot - Webmaster Forum  

Geri Dön   Wmroot - Webmaster Forum > Webmaster Genel > Webmaster Uygulama Bankası > XenForo


Yeni Konu Aç  Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 09.03.2018
 
Ankara Şubesi
Üyelik tarihi: 09.03.2018
Mesajlar: 100
Konular: 100
Bahsedilme: 0 Mesaj
Ticaret Sayısı: (0)
Ticaret Yüzdesi:(%)
Standart Resimleri Sola/Sağa Yaslamak İçin Özel BB Kodu

XenForo'da tıpkı WordPress'te olduğu gibi eklenen resimleri sola ve sağa yaslayarak (FLOAT) bunların yanına eklenen içeriklerin resimlerin dibinden değil, üst kısmından devam etmelerini ufak bir düzenlemeyle sadece 2 adımda sağlayabilmekteyiz.

(Doğru anlatabildim mi bilmiyorum ama örnek resimlere aşağıdan ulaşabilirsiniz.)

Hadi başlayalım

Adım 1

İlk olarak aşağıdaki linkteki .XML dosyasını indirip, yönetim paneli Custom BB Codes kısmındaki (/admin.php?bb-codes/) (İNG: Import Custom BB Codes, TR: Özel BB Kodu Aktar) butonuna tıklayarak aktarıyoruz.

XML dosyası: cta_float_bb_codes.xml (Zippyshare.com bağlantısıdır)

(Eğer XML dosyası hakkında kuşkunuz olursa aşağıda dosyadaki kodları direkt verdim, kontrol edip, kendiniz bir not defteri aracılığıyla XML olarak ta kaydedebilirsiniz.)
Kod:
<?xml version="1.0" encoding="utf-8"?>
<bb_codes>
  <bb_code bb_code_id="float_left" bb_code_mode="replace" has_option="no" callback_class="" callback_method="" option_regex="" trim_lines_after="2" plain_children="0" disable_smilies="0" disable_nl2br="0" disable_autolink="0" allow_signature="0" editor_icon_url="styles/cliptheapex/xenforo/editor/icons.png" sprite_mode="1" active="1" sprite_params_x="3" sprite_params_y="-2365" title="Float Left" description="Float content left, enabling text to wrap around it.">
    <replace_html><![CDATA[<span class="ctaBbcodeFloatLeft">{text}</span>]]></replace_html>
    <replace_html_email><![CDATA[]]></replace_html_email>
    <replace_text><![CDATA[]]></replace_text>
    <example><![CDATA[[FLOAT_LEFT]This content is floated left.
Adjacent text will wrap
around it.[/FLOAT_LEFT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.]]></example>
  </bb_code>
  <bb_code bb_code_id="float_right" bb_code_mode="replace" has_option="no" callback_class="" callback_method="" option_regex="" trim_lines_after="2" plain_children="0" disable_smilies="0" disable_nl2br="0" disable_autolink="0" allow_signature="0" editor_icon_url="styles/cliptheapex/xenforo/editor/icons.png" sprite_mode="1" active="1" sprite_params_x="3" sprite_params_y="-2333" title="Float Right" description="Float content right, enabling text to wrap around it.">
    <replace_html><![CDATA[<span class="ctaBbcodeFloatRight">{text}</span>]]></replace_html>
    <replace_html_email><![CDATA[]]></replace_html_email>
    <replace_text><![CDATA[]]></replace_text>
    <example><![CDATA[[FLOAT_RIGHT]This content is floated right.
Adjacent text will wrap
around it.[/FLOAT_RIGHT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.]]></example>
  </bb_code>
</bb_codes>
Adım 2

Ardından, kullandığımız temanın extra.css dosyasını açıyor (arama kısmından ya da Şablonlar kısmından bulabilirsiniz) ve alttaki kodları dahil ediyoruz:
Kod:
.ctaBbcodeFloatLeft
{
    float: left;
    margin-right: 8px;
    clear: both;
}

.ctaBbcodeFloatRight
{
    float: right;
    margin-left: 8px;
    clear: both;
}
Not: Farklı temaya geçtiğinizde, kodların çalışması için o temanın extra.css dosyasına da eklemelisiniz)

Hepsi bu kadar. Artık metin editörünüzde sola ve sağa yaslamak için iki yeni butonunuz var.
Alıntı ile Cevapla

Tavsiye Ettiğimiz Ürünler
Cevapla


Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık




alsancak escort buca escort maltepe escort
İçerik sağlayıcı paylaşım sitelerinden biri olan Wmroot.Com webmaster forum Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.
Her hangi bir xyz forum içeriğinden rahatsızlık duyuyorsanız lütfen bize [email protected] adresinden ulaşınız.
DMCA.com Protection Status

Content Relevant URLs by vBSEO 3.6.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163