رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

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

لینک به ارسال

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

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

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

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

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

لینک به ارسال
در 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>

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

لینک به ارسال

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

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

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

ویرایش شده توسط mehdi.linus
لینک به ارسال

 

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

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

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

 

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

 

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

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

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

 

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

 

لینک به ارسال

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

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

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

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

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

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

 

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

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

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

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

 

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

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

لینک به ارسال

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

لینک به ارسال
در 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(); ?>

 

لینک به ارسال

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

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

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

 

1.docx

لینک به ارسال

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

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

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

لینک به ارسال

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

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

 

لینک به ارسال
در 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>

 

لینک به ارسال

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

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

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

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

ویرایش شده توسط mehdi.linus
لینک به ارسال

 

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

 

ویرایش شده توسط Mirrajabi
لینک به ارسال
در 14 دقیقه قبل، mehdi.linus گفته است :

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

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

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...