• Web sitemize kayıt olmak ve onay işlemleri ile ilgili genel bilgilendirme için buraya tıklayınız

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

hasannakyuz

Well-known member
Licenced
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
558
Çözümler
9
Tepki puanı
251
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.

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
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

Member
Banned
XenTR Üyesi
Katılım
13 May 2021
Mesajlar
22
Tepki puanı
12
Puanları
8
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

Member
Banned
XenTR Üyesi
Katılım
13 May 2021
Mesajlar
22
Tepki puanı
12
Puanları
8
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

Well-known member
Licenced
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
558
Çözümler
9
Tepki puanı
251
Puanları
63
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

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
hasannakyuz bununla ilgili olarak ya küçük bir eklenti yada kodları paylaşacağım. Şu sıra biraz işimiz var...
 

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
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
Üst