Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

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.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Kaynak ikonu

XenForo 1 Konu Açarken Ekstra Araçları Açıp/Kapatma Butonu 2017-10-08

Uyumlu XF 1 Sürümleri
Buradaki Güncel - Yeni konu açarken veya cevap verirken isteğinden yola çıkarak bir düzenleme yaptım. Aslında bunu eklentiye çevirecektim ama o alanda 1 tane hook kullanma durumu var o yüzden fazlada uğraşmak istemedim. :) Her neyse şimdi dilerseniz bu yapacağımız işlemden bahsedelim.

Konu açarken editör dışında bir çok araç açık halde geliyor mesela anket kullanmasanız da anket alanı açık geliyor bu gibi ekstra alanlarına açıp kapa butonu yapacağız. Kullanıcı kullanacaksa eğer açacak ve işlemini o şekilde gerçekleştirecek.

1. js.zip dosyasını kaynak indirme alanından indirin ve zipten çıkartın js klasörünü FTP ana dizine gönderin.

2. Şablonlarda Ara diyerek thread_create şablonunu bulup açıyoruz ve içerisindeki kodları aşağıdaki kodlar ile değiştiriyoruz.

PHP:
<xen:title>{xen:phrase create_thread}</xen:title>

<xen:if is="{$forum.description} AND @threadListDescriptions">
    <xen:description class="baseHtml">{xen:raw $forum.description}</xen:description>
</xen:if>

<xen:navigation>
    <xen:breadcrumb source="$nodeBreadCrumbs" />
</xen:navigation>

<xen:require js="js/xenforo/discussion.js" />
<xen:require js="js/netr0n/jquery.collapse.js" />

<xen:container var="$head.robots">
    <meta name="robots" content="noindex" /></xen:container>
<xen:container var="$bodyClasses">{xen:helper nodeClasses, $nodeBreadCrumbs, $forum}</xen:container>
<xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container>

<form action="{xen:link 'forums/add-thread', $forum}" method="post" id="ThreadCreate"
    class="xenForm Preview AutoValidator"
    data-previewUrl="{xen:link 'forums/create-thread/preview', $forum}"
    data-redirect="on"
>
    <xen:hook name="thread_create">

    <xen:if is="{$visitor.user_id} == 0">
        <dl class="ctrlUnit">
            <dt><label for="ctrl_guestUsername">{xen:phrase name}:</label></dt>
            <dd><input type="text" name="_guestUsername" value="{$visitor.username}" class="textCtrl" /></dd>
        </dl>
 
        <!-- slot: after_guest -->
    </xen:if>

    <xen:include template="helper_captcha_unit" />

    <fieldset>
        <xen:include template="title_prefix_edit">
            <xen:set var="$selectedPrefix">{$prefixId}</xen:set>
            <xen:set var="$idSuffix">thread_create</xen:set>
        </xen:include>
 
        <dl class="ctrlUnit fullWidth surplusLabel">
            <dt><label for="ctrl_title_thread_create">{xen:phrase title}:</label></dt>
            <dd><input type="text" name="title" class="textCtrl titleCtrl" id="ctrl_title_thread_create" maxlength="100" autofocus="true"
                placeholder="{xen:phrase thread_title}..." value="{$title}"
                data-liveTitleTemplate="{xen:phrase create_thread}: <em>%s</em>" /></dd>
        </dl>

        <xen:hook name="thread_create_fields_main" params="{xen:array 'forum={$forum}'}" />

        <dl class="ctrlUnit fullWidth">
            <dt></dt>
            <dd>{xen:raw $editorTemplate}</dd>
        </dl>
    </fieldset>
 
    <!-- slot: after_editor -->
 
    <xen:if is="{$canEditTags}">
        <xen:require js="js/xenforo/tag.js" />
        <dl class="ctrlUnit">
            <dt>{xen:phrase tags}:</dt>
            <dd>
                <input type="text" name="tags" value="{$tags}" class="textCtrl TagInput" data-extra-class="verticalShift" />
                <p class="explain">
                    {xen:phrase multiple_tags_may_be_separated_by_commas}
                    <xen:if is="{$forum.min_tags}">{xen:phrase you_must_specify_at_least_x_tags, 'min={xen:number $forum.min_tags}'}</xen:if>
                </p>
            </dd>
        </dl>
    </xen:if>

    <dl class="ctrlUnit submitUnit">
        <dt></dt>
        <dd>
            <input type="submit" value="{xen:phrase create_thread}" accesskey="s" class="button primary" />
            <xen:include template="attachment_upload_button" />
            <input type="button" value="{xen:phrase preview}..." class="button PreviewButton JsOnly" />
         
            <xen:if is="{$xenOptions.multiQuote}"><input type="button" class="button JsOnly MultiQuoteWatcher"
                value="{xen:phrase insert_quotes}..."
                style="display: none"
                data-href="{xen:link 'threads/multi-quote', {xen:array 'thread_id=1'}, 'formId=#ThreadCreate'}"
                data-cacheOverlay="false" /></xen:if>
        </dd>
    </dl>

    <xen:if is="{$attachmentParams}">
        <dl class="ctrlUnit AttachedFilesUnit">
            <dt>{xen:phrase attached_files}:</dt>
            <dd><xen:include template="attachment_editor">
                <xen:set var="$attachments" value="{$attachmentParams.attachments}" />
            </xen:include></dd>
        </dl>
     
        <!-- slot: after_attachment -->
    </xen:if>
 
    <xen:if is="{$visitor.user_id}">
        <fieldset>
            <dl class="ctrlUnit">
                <dt>{xen:phrase options}:</dt>
                <dd><ul>
                    <li><xen:include template="helper_thread_watch_input" /></li>
                </ul></dd>
            </dl>
 
            <xen:include template="thread_fields_status" />
        </fieldset>
     
        <!-- slot: after_options -->
    </xen:if>
 
    <div id="netr0n_ac_kapa">
    <h3 class="extralari_ac">Ekstra Araçlar</h3>
    <div>
    <div class="content">

    <xen:hook name="thread_create_fields_extra" params="{xen:array 'forum={$forum}'}" />
 
    <xen:if is="{$canPostPoll}">
        <h3 class="textHeading">{xen:phrase post_poll}</h3>
        <xen:include template="helper_poll_create" />
    </xen:if>
 
    </xen:hook>

    <xen:if is="{$visitor.user_id} OR {$canPostPoll}">
        <dl class="ctrlUnit submitUnit">
            <dt></dt>
            <dd>
                <input type="submit" value="{xen:phrase create_thread}" class="button primary" />
                <input type="button" value="{xen:phrase preview}..." class="button PreviewButton JsOnly" />
            </dd>
        </dl>
    </xen:if>

    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</form>

<xen:comment><xen:include template="editor" /></xen:comment>

 </div>
</div>

      </div>
      <script>
        $("#netr0n_ac_kapa").collapse({
          accordion: true,
          open: function() {
            this.addClass("open");
            this.css({ height: this.children().outerHeight() });
          },
          close: function() {
            this.css({ height: "0px" });
            this.removeClass("open");
          }
        });
      </script>



3. Şablonlarda ara diyerek extra.css şablonunu buluyoruz ve aşağıdaki kodları ekliyoruz.

Kod:
.extralari_ac {
  border-bottom: 1px solid #333;
  font-size: 32px;
  color: #fff;
  padding-bottom: 12px;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
}

.extralari_ac {
    margin: 0;
    background-color: rgb(165, 202, 228);
    background-image: linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
    background-image: -o-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(165, 202, 228) 14%, rgb(165, 202, 228) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
}

.extralari_ac a {
    background: url(sprite.png) 15px 13px no-repeat;
    display: block;
    padding: 5px;
    padding-left: 32px;
    height: 10px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    _border-bottom: 1px solid rgb(128, 10, 85);
    text-shadow: 1px 1px 1px rgb(165, 202, 228);
    font-size: 19px;
    text-align: center;
}
.extralari_ac:hover { background: rgb(18, 65, 99); }
.extralari_ac.open  { background: rgb(18, 65, 99); }
.extralari_ac.open a { background-position: 13px -25px; }
.extralari_ac + div { padding: 10px; }
.extralari_ac + div,
.extralari_ac+div {
  display: none;
}


#netr0n_ac_kapa h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
#netr0n_ac_kapa .content {
  padding: 10px;
}

#netr0n_ac_kapa h3.open + div {
  height: auto;
}

Sonuç:

xenforoackapanetr0n.gif
Yazar
netr0n
İndirilme
15
Görüntüleme
1,525
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 2 değerlendirme

netr0n ait diğer kaynakar

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.

Foruma hoş geldin 👋, Ziyaretçi

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.