Çözüldü Searc Alanı Genişletme

Çözüldü Searc Alanı Genişletme

hasannakyuz

Customer
Katılım
20 May 2019
Mesajlar
583
Çözümler
11
Tepki puanı
256
Puanları
63
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.
 
Çözüm
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.
Bu konudaki talebiniz eklenit yapılarak çözüm bulmuştur.

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.
 
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.
Bu konudaki talebiniz eklenit yapılarak çözüm bulmuştur.

 
Çözüm
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.
 
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.
 
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.
 
Quick Jump
2,620Konular
12,449Mesajlar
1,428Kullanıcılar
Geri
Üst