ایجاد یک سرچ باکس بزرگ مرگز هدر

[mehdi.linus 3]

با سلام به اساتید محترم 

من یه مشکلی دارم امیدوارم کمک کنید حل بشه

من یه سایت دانلود دارم که میخوام در قسمت هدر یه سرچ باکس بزرگ قرار بدم البته تو زمینه هدر یه عکس بعنوان پس زمینه وجود داره که میخوام فیلد سرچ بیاد روی این عکس قرار بگیره

لطفا راهنمایی کنید 

پیشاپیش از توجه اساتید کمال تشکر رو دارم

[mehdi.linus 3]

شبیه عکس زیر

[Mirrajabi 264]

بعد از اینکه باکس سرچ اضافه کردید حال با استایل مکان قرارگیری و باکس دلخواه خود را طراحی می کنید.

[mehdi.linus 3]

در 3 ساعت قبل، Mirrajabi گفته است :

بعد از اینکه باکس سرچ اضافه کردید حال با استایل مکان قرارگیری و باکس دلخواه خود را طراحی می کنید.

ممنون آقای میررجبی عزیز 

من از این مطلبی که فرستادید چیزی متوجه نمیشم لطفا بگید دقیقا چه کدی باید بزارم 

[Mirrajabi 264]

در 41 دقیقه قبل، mehdi.linus گفته است :

ممنون آقای میررجبی عزیز 

من از این مطلبی که فرستادید چیزی متوجه نمیشم لطفا بگید دقیقا چه کدی باید بزارم 

<form method="get" action="<?php bloginfo('siteurl');?>" class="searchForm">
<input  type="search" name="s" value="" placeholder="جستجو در سایت" class="searchInput">
<input type="submit" value="جستجو" class="searchsubmit">
</form>

کد بالا رو در جایی که مد نظرتون هست قرار دهید.

[mehdi.linus 3]

من که گفتم میخوام تومرگز هدر یه سرچ باکس با اندازه شکلی که در بالا کشیدم باشه 

این کد نه قابلیت سایز دهی داره نه رنگ دکمه سرچ میشه تغییر داد از طرفی نمیدونم این کد باید بین کدوم خطوط تو کدوم فایل سی اس اس قالب م قرار بدم 

http://samgraph.net/dl/ شبیه این 

ویرایش شده در 17 مرداد توسط mehdi.linus

[Mirrajabi 264]

 

من بهش اسم  کلاس دادم تا بتونید بهش استایل بدید .

 اینکه می خواید مرکز باشه و استایل مورد نظر بگیرد باید بهش استایل بدید.

 در ضمن کد بالا رو نباید تو سی اس اس قرار دهید . باید تو فایل HEADER قرار دهید.

 

[mehdi.linus 3]

در 1 دقیقه قبل، Mirrajabi گفته است :

 

من بهش اسم  کلاس دادم تا بتونید بهش استایل بدید .

 اینکه می خواید مرکز باشه و استایل مورد نظر بگیرد باید بهش استایل بدید.

 در ضمن کد بالا رو نباید تو سی اس اس قرار دهید . باید تو فایل HEADER قرار دهید.

 

متاسفانه این کارهایی که میگید رو من اصلا بلد نیستم

 

[mehdi.linus 3]

کد رو تو فایل header.php قرار دادم ولی سرچ باکس داخل هدر قرار نمیگیره و بالا سمت راست قرار میگیره و هیچ تایپ یا جستجویی نمیشه کرد خودتون میتونید ببینید http://samgraph.net/dl/

[Mirrajabi 264]

در 8 دقیقه قبل، mehdi.linus گفته است :

کد رو تو فایل header.php قرار دادم ولی سرچ باکس داخل هدر قرار نمیگیره و بالا سمت راست قرار میگیره و هیچ تایپ یا جستجویی نمیشه کرد خودتون میتونید ببینید http://samgraph.net/dl/

باید ببنید آیا صفحه search.php دارید یا نه .

چون اگر نداشته باشید ریدایرکت میشه به صفحه اصلی .

و اینکه اگر می خواید تو header قرار بگیره باید ببنید اون قسمت از کجا می خونه . کد همونجا قرار دهید.

 

[mehdi.linus 3]

در 4 ساعت قبل، Mirrajabi گفته است :

باید ببنید آیا صفحه search.php دارید یا نه .

چون اگر نداشته باشید ریدایرکت میشه به صفحه اصلی .

و اینکه اگر می خواید تو header قرار بگیره باید ببنید اون قسمت از کجا می خونه . کد همونجا قرار دهید.

 

فایل search.php موجوده 

چطور بفهمم از کجا میخونه 

[Mirrajabi 264]

وقتی کد بالا رو تو سایت خودتون قرار میدید . و یک صفحه search.php هم ایجاد کنید . وردپرس خودش می فهمه و و بعد از سرچ میره تو همون صفحه search.php مطالب نشون میده . الان شما باید برید ببنید تو صفحه سرچ چه کدنویسی شده . صفحه سرچ اینجا قرار بدید.

[mehdi.linus 3]

در 2 ساعت قبل، Mirrajabi گفته است :

وقتی کد بالا رو تو سایت خودتون قرار میدید . و یک صفحه search.php هم ایجاد کنید . وردپرس خودش می فهمه و و بعد از سرچ میره تو همون صفحه search.php مطالب نشون میده . الان شما باید برید ببنید تو صفحه سرچ چه کدنویسی شده . صفحه سرچ اینجا قرار بدید.

ممنون که وقت میزارید 

اینم کد فایل search.php

 

<?php get_header(); ?>
	<div class="content">
	
		<?php tie_breadcrumbs(); ?>

		<div class="page-head">
			<h2 class="page-title">
				<?php if ( have_posts() ) : ?>
				<?php printf( __ti( 'Search Results for: %s' ), '<span>' . get_search_query() . '</span>' ); ?>
				<?php else : ?>
				<?php _eti( 'Nothing Found' ); ?>
				<?php endif; ?>
			</h2>
			<div class="stripe-line"></div>
		</div>
		
		<?php if ( have_posts() ) : ?>
		
			<?php $loop_layout = tie_get_option( 'search_layout' );	?>

			<?php get_template_part( 'loop' );	?>
			
			<?php if ($wp_query->max_num_pages > 1) tie_pagenavi(); ?>
			
		<?php else : ?>
			<div id="post-0" class="post not-found post-listing">
				<div class="entry">
					<p><?php _eti( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.' ); ?></p>
				</div>
			</div>
		<?php endif; ?>
	</div>
	<?php get_sidebar(); ?>
<?php get_footer(); ?>

 

[Mirrajabi 264]

الان من رفتم تو ساییتون http://samgraph.net/dl

بعد سمت راست سایدبار . کلمه دانلود سرچ کردم .و مقدار به من نشون داد . درسته الان . از صفحه سرچ پرینت اسکرین گرفتم و واستون آپلود کردم تا ببنید که مشکلی نیست .

الان مشکل شما دقیقا چیه ؟

 

1.docx

[mehdi.linus 3]

اون سرچ باکس مربوط به خود قالب هست و مربوط به کدی که شما دادید نیست 

من مشکل م اینه که نمیتونم دقیقا منظورمو برسونم

به من یه کد کامل (کد سرچ و کد استایل) بدید که بزارم هر جا که شما میگید و خروجی بشه یه   " سرچ باکس بزرگ وسط سربرگ، با یه دکمه سرچ کنارش همین"

[Mirrajabi 264]

خب شما باید ی مقدار با کد کار کرده باشید تا بهتون کمک کنم .

 خب شما وقتی اون سرچ داری .  چرا میگید کد سرچو بدید. در صورتیکه که شما فقط استایل سرچ می خواید .باید برید تو کد هاتون و اون باکس سرچ سایدبار رو کپی کنید و بزارید جایی که مد نظرتون هست . بعد با استایل باکس سرچ رو دقیقا به همون شکل در میاریم . اگه استایل هم بلد نیسیتد  همون باکس سرچی که در ساید بار قرار داره در بالا قرار دهید  و من استایلشو واستون اوکی کنم .

 

[mehdi.linus 3]

در 16 دقیقه قبل، Mirrajabi گفته است :

خب شما باید ی مقدار با کد کار کرده باشید تا بهتون کمک کنم .

 خب شما وقتی اون سرچ داری .  چرا میگید کد سرچو بدید. در صورتیکه که شما فقط استایل سرچ می خواید .باید برید تو کد هاتون و اون باکس سرچ سایدبار رو کپی کنید و بزارید جایی که مد نظرتون هست . بعد با استایل باکس سرچ رو دقیقا به همون شکل در میاریم . اگه استایل هم بلد نیسیتد  همون باکس سرچی که در ساید بار قرار داره در بالا قرار دهید  و من استایلشو واستون اوکی کنم .

 

ممنون

این همون کد سیدبار هست 

الان قرار دادم اویل فایل header.php بعد از خطی که با تگ بادی شروع میشه 

<div class="search-block-large widget"><form action="http://samgraph.net/dl/" method="get"><button class="search-button" type="submit" value="جست و جو"><i class="fa fa-search"></i></button>
<input id="s" name="s" type="text" value="جست و جو" /></form></div>

 

[mehdi.linus 3]

حالا چیکار کنم؟

[Mirrajabi 264]

الان جایی که قرار دادید دقیقا همونجایی که مد نظرتون بود؟ 

[mehdi.linus 3]

در 19 دقیقه قبل، Mirrajabi گفته است :

الان جایی که قرار دادید دقیقا همونجایی که مد نظرتون بود؟ 

نه هر کار میکنم داخل هدر نمیره

ویرایش شده در 18 مرداد توسط mehdi.linus

[mehdi.linus 3]

شبیه یه عکس شده نه سرچ میکنه نه میشه تایپ کرد توش

[Mirrajabi 264]

 

.background-cover{
position:fixed}
برای اینکه سرچ درست شود تو فایل استایل کد زیر را اضفه کنید .
.background-cover{
position: relative!important;
}

 

ویرایش شده در 18 مرداد توسط Mirrajabi

[mehdi.linus 3]

درست نشد

[mehdi.linus 3]

خدا صبر بده خیلی کار داریم هنوز

[Mirrajabi 264]

در 14 دقیقه قبل، mehdi.linus گفته است :

خدا صبر بده خیلی کار داریم هنوز

من همین الان تو سایتتون هستم . اضافه نکردید. الان دقبقا کد بالا به فایل استایل اضافه کردید ؟؟