Soru-Cevap Çözüldü Searc Alanı Genişletme

[hasannakyuz]

Selamlar ;

Search alanını nasıl genişletebilirim acaba?

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

Yukarıda ki resimde işaretli kısmı xentr' de ki arama çubuğu gibi yapmak istiyorum biraz genişleterek.

 

[XenTR]

XenForo yapısında arama alanı standart olarak input yapısında gelmemektedir. Bunun için şablon yapısında biraz revizyon gerekmektedir. Elimde bir kaç iş var bunları tamamladığımda bu konuda bir kaynak sunabilirim.

 

[Oyunturkorg]

hasannakyuz abi XenTR üstad kaynak atana kadar ben local üzerinde şöyle bir çözüm buldum.

extra.less kısmına

.p-navgroup-link:first-of-type.p-navgroup-link--whatsnew+.p-navgroup-link {
border-top-left-radius: 4px;
border-left: none;
width: 140px;
text-align: center;
}

Bu kodları ekle width yazan yerdeki 140px'yi de kendine göre boyutlandır.
Yukarıda da belirttiğim gibi XenTR üstad kaynak atana kadar geçici bir çözüm olur.
Saygılarımla.

 

[Oyunturkorg]

hasannakyuz abi kusura bakma Xentr gibi yapmak istemişsin yazmışsın onu görememişim. Bu işini görecektir.

PAGE_CONTAINER olan yeri aç abi

Ardından aşağıdaki kodları bul
<div class="p-nav-scroller hScroller" data-xf-init="h-scroller" data-auto-scroll=".p-navEl.is-selected"> <div class="hScroller-scroll"> <ul class="p-nav-list js-offCanvasNavSource"> <xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}"> <li> <xf:macro name="nav_entry" arg-navId="{$navSection}" arg-nav="{$navEntry}" arg-selected="{{ $navSection == $pageSection }}" arg-shortcut="{$i}" /> </li> </xf:foreach> </ul> </div> </div>

Bu kodların hemen altına alttaki kodu ekle

<!-- arama --> <xf:if is="$xf.visitor.canSearch()"> <div class="nomobile"> <div class="" data-menu="menu" aria-hidden="true"> <form action="{{ link('search/search') }}" method="post" class="menu-content-ana" data-xf-init="quick-search"> <div class="menu-row-ana"> <xf:if is="$searchConstraints"> <div class="inputGroup inputGroup--joined"> <xf:textbox name="keywords" placeholder="{{ phrase('search...') }}" aria-label="{{ phrase('search') }}" data-menu-autofocus="true" /> </div> <xf:else /> <xf:textbox name="keywords" placeholder="{{ phrase('search...') }}" aria-label="{{ phrase('search') }}" data-menu-autofocus="true" /> </xf:if> </div> <xf:csrf /> </form> </div> </div> </xf:if> <!-- arama -->

Abi ardından core_menu.less kod kısmını aç fakat abi kesinlikle önce bir YEDEK AL.

.menu-row-ana { .m-clearFix(); &.menu-row--alt { .xf-contentAltBase(); } &.menu-row--highlighted { .xf-contentHighlightBase(); } &.menu-row--close { padding-left: @_menu-closePaddingH; padding-right: @_menu-closePaddingH; } &.menu-row--separated { + .menu-row { border-top: @xf-borderSize solid @xf-borderColorLight; } } &.menu-row--clickable:hover { background: @xf-contentHighlightBg; } &:empty { padding: 0; } } .anaarama { font-size: 15px; color: #141414; background: #3f4257; border: 1px solid #d8d8d8; border-top-color: var(--input-border-heavy); border-right-color: var(--input-border-light); border-bottom-color: var(--input-border-light); border-left-color: var(--input-border-heavy); border-radius: 4px; padding: 11px; display: block; width: 100%; line-height: 1.4; text-align: left; word-wrap: break-word; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .menu-content-ana { margin-bottom: 8px; } @media screen and (max-width: 600px) { .nomobile { visibility: hidden; clear: both; float: right; margin: 5px auto; width: 22%; height: auto; display: none; // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir. } }

Yukarıda da belirttiğim gibi XenTR üstad kaynak atana kadar bu geçici bir çözüm sunar sana.

 

[hasannakyuz]

Teşekkür ederim uğraşın ve paylaşımın için hocam, xentr’ deki derken yani öyle çok uzun olmasına gerek yok biraz genişletmek istedim sadece.

 

[XenTR]

hasannakyuz bununla ilgili olarak ya küçük bir eklenti yada kodları paylaşacağım. Şu sıra biraz işimiz var...

 

[Oyunturkorg]

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

Rica ederim abi. İşini gördüyse ne mutlu bana

 

[XenTR]

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

Bu konudaki talebiniz eklenit yapılarak çözüm bulmuştur.

Eklenti - [XTR] Search Box Area

Herkese merhaba arkadaşlar; Bu gün sizlere ücretsiz bir XenForo eklentisi paylaşmak istiyorum. Eklentimizin ismi [XTR] SearchBox. Bir müşterimizin burada yer alan talebi doğrultusunda kendisine uygun bir zamanda kaynak yada eklenti olarak...

xentr.net