• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.
  • Merhaba Ziyaretçi hoşgeldin !
    Forumdan daha fazla yararlanmak için buradan kayıt olunuz
    Hello Welcome to Ziyaretçi!
    Register here to benefit more from the forum

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

Uyumlu XF Sürümleri
1.5
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
6
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız(lar) 2 rating

netr0n ait diğer kaynakar

En beğenilen konular

Forum istatistikleri

Konular
815
Mesajlar
3,758
Kullanıcılar
761
Son üye
Rygebin