قراردادن آیکون Search در بک گراند ماژول Search

[Payam.Hayati 15]

سلام

می خوام در گوشه سمت چپ ماژول جستجو یک آیکون Search قرار بدم و متن داخلشم به طور پیشفرض خالی باشه.

سایت

ماژول rokAjaxSeearch این قابلیت هایی رو که می خواستم داشت اما متاسفانه هیچ چیز رو جستجو نمیکنه!.

تشکر

[bestboy7 14]

نیاز نداره ماژول عوض کنید یا از ماژولی خاص استفاده کنید همون ماژول پیش فرض جوملا رو استفاده کنید و یه استایل بهش اضافه کنید واسه عکس و در مورد متن هم از تنظیمات ماژول میتونید خالی بذارید

[Payam.Hayati 15]

نیاز نداره ماژول عوض کنید یا از ماژولی خاص استفاده کنید همون ماژول پیش فرض جوملا رو استفاده کنید و یه استایل بهش اضافه کنید واسه عکس و در مورد متن هم از تنظیمات ماژول میتونید خالی بذارید

تنظیمات ماژول برای متن به صورت پیشفرض خالی هست اما کلمه جستجو نمایش داده میشه،در مورد تصویر پاسختون خیلی کلی هست،استایل رو کجا و به چه شکل باید تعریف کنم؟

[Vahid Taheri 74]

تنظیمات ماژول برای متن به صورت پیشفرض خالی هست اما کلمه جستجو نمایش داده میشه،در مورد تصویر پاسختون خیلی کلی هست،استایل رو کجا و به چه شکل باید تعریف کنم؟

در این فایل:

http://hzp.ir/templates/hzp7/css/template.css

با دنبال تنظیمات سی سی اس اس با عنوان form.art-search input[type=text] باشید

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

ولی اگر میخاهید که به عنوان دکمه کار کنه باید از تنظیمات ماژول فعالش کنید

[Payam.Hayati 15]

در این فایل:

http://hzp.ir/templates/hzp7/css/template.css

با دنبال تنظیمات سی سی اس اس با عنوان form.art-search input[type=text] باشید

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

کدهای این قسمت رو ویرایش کردم :

form.art-search input[type="text"]
{
 background: #F9FAFB;
 background-image:url('../images/search.png');
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.35);
 box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.35);
 border: 1px solid #CCD6E0;
 margin: 0 auto;
 width: 50%;
 padding: 10px 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: #324049 !important;
 font-size: 13px;
 font-family: Tahoma, Arial, Helvetica, Sans-Serif;
 font-weight: normal;
 font-style: normal;
}

این دستور رو در خط دوم اضافه کردم :

 background-image:url('../images/search.png');

اما تغییری حاصل نشد.

در مورد کلمه جستجو که در فیلد جستجو نمایش داده میشه در تنظیمات هیچ عبارتی قرار ندادم :

اما کلمه جستجو نمایش داده میشه!!

[Vahid Taheri 74]

درباره ی دکمه:لینک تصویر اشتباهه باید اینطوری مقدار background-image رو بدین:

url("../images/searchicon.png") no-repeat

اصلا اگر در تنظیمات ماژول که عکسشو در پست قبل گذاشتین گزینه "دکمه جستجو" و "دکمه جستجو یک تصویر باشد" رو روی بله بگذارید آیکون به نمایش دی میاد

در مورد متن هم باید روی جوملای خودم آزمایش کنم ببینم چطوریه

[Payam.Hayati 15]

بازهم نشد :dadad4:

[hoseinkord 11]

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

میتونید یه نقطه بذارید ...یا اینکه value اونرو بردارید

[bestboy7 14]

تنظیمات ماژول برای متن به صورت پیشفرض خالی هست اما کلمه جستجو نمایش داده میشه،در مورد تصویر پاسختون خیلی کلی هست،استایل رو کجا و به چه شکل باید تعریف کنم؟

درسته متن پیشفرض ماژول خالیه من عکسی رو که گذاشتید رو هم دیدم.

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

توی فایل default.php از آدرس mod_search/tmpl/default.php قبل از خط 15 که کد زیر هست

$output = '<input name="searchword" id="mod-search-searchword" maxlength="'.$maxlength.'"  class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" value="'.$text.'"  onblur="if (this.value==\'\') this.value=\'\';" onfocus="if (this.value==\''.$text.'\') this.value=\'\';" />';

قبل از این خط کد زیر رو بنویس

$text="";

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

اون عکس دکمه هم که دارید بحثش رو میکنید یک ابجکت فرم از نوع image هست و نه بکگراند پس با تغییرات در css چیزی تغییر نمیکنه.

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