اختصاصی کردن استایل فیلدها، دکمه ها و.. در قالب

[samiraaaa 3]

سلام. ببخشید من یه سوالی دارم و اون اینکه چجوری میتونم استایل ورودی ها (مثل فیلدهای ثبت نام، فیلد جستجوگر سایت، و سایر فیلدهای سایت رو اختصاصی کنم؟) یعنی مثلا هرچی input tex توی قالبم قرار بگیره مثلا بجای شکل استانداردش، مثلا رنگ بک گراندش رو عوض کنم، دورش حاشیه مثلا بندازم یا....

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

یا مثلا، تمامی دکمه های form سایت، مثلا بجای حالت عادی، مثلا نارنجی کنم یا عکس بجاش قرار بدم!؟

مثل دکمه ی جستجوگر، دکمه ثبت نام، دکمه عضویت خبرنامه، و سایر دکمه های submit که توی سایت قرار می دهم؟! میخام همش یجور باشه با اون استایلی که من می خام.

می دونم باید واسش کد نوشت و توی فایل style.css قالب قرار بدهم. اما نمیدونم چجوری باید این کد ها را قرار بدم! و دقیقا چه کدی باشه!

[sonic69 279]

با سلام

برای اینکار باید با کلاس اون ها آشنا بشید.

به طور مثال کلاس ورودی کادر سرچ

#mod-search-searchword.inputbox
{
خصوصیات دلخواه شما
}

هست که میتونید تغیرات رو روش اعمال کنید.

شما میتونید با استفاده از ادون فایرباگ این کار رو راحت تر انجام بدید

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

موفق باشید

[samiraaaa 3]

ممنونم اما:

adon firebug چی هست!؟ نرم افزاره!؟

از کجا باید بدونم کلاس هاش چیه!؟

یعنی برای هر inputtext و هر دکمه باید یه کلاس خاص توی استایل قالب قرار بدم؟!

یعنی نمیشه یه کلاس برای استایل دهی به کل inputtex های سایت توی استایل قالب ایجاد کنم که همه فیلدها ازش پیروی کنن!؟

یا یه کلاس برای همه ی دکمه هایی که توی قالب قرار می گیرند!؟

که نخام مثلا برای فیلد جستجو یه کلاس جدا بنویسم و هر فیلیدی به همین ترتیب.

فرض کنید مثلا از خبرنامه Acymailing من تو سایتم استفاده کرده ام که خودش واسه فیلدهای عضویت در خبرنامه اش استایل داره، اما یه کلاس توی استایل قالبم قرار بدم که بر استایل این ماژول هم حتی ارجحیت داشته باشه!؟

یعنی با اینکه اون خودش استایل داره اما از استایل قالب من پیروی کنه!؟

[sonic69 279]

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

این عبارت رو جست و جو میکردید به پاسخ سوالتون میرسیدید!

فایر باگ چیست؟

یعنی نمیشه یه کلاس برای استایل دهی به کل inputtex های سایت توی استایل قالب ایجاد کنم که همه فیلدها ازش پیروی کنن!؟

چرا این امکان هست اگر اشتباه نکرده(دقیقا یادم نیست) باشم این هست

.inputbox

کادر های ورودی اون افزونه هم کلاسشون

#user_email_formAcymailing1.inputbox, #user_name_formAcymailing1.inputbox

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

موفق باشید

[samiraaaa 3]

سلام ممنونم.

این که فرمودید کاردهای ورودی این افزونه کلاسشون

#user_email_formAcymailing1.inputbox, #user_name_formAcymailing1.inputbox

هست، چجوری باید بهشون استایل بدم!؟ میشه یه مثال واسم بگید؟!

بعد استایل که بهش دادم، باید کدهاش رو کجا بذارم!؟ تو فایل استایل قالبم؟

---

#user_email_formAcymailing1.inputbox
 height:24px;
 width:198px;
 background:#e4ce92;
 border:1px solid #d6bd79;
 border-radius: 3px;
 padding:0px 5px 0px 5px;
 font-family:tahoma;

اینجوری درسته!؟ من اینجوری کردم و گذاشتمش تو فایل css قالب سایتم ولی نشد!

---

#user_email_formAcymailing1.inputbox{
 height:24px;
 width:198px;
 background:#e4ce92;
 border:1px solid #d6bd79;
 border-radius: 3px;
 padding:0px 5px 0px 5px;
 font-family:tahoma;
}

اینجوری هم کردم بازم نشد!

[sonic69 279]

با سلام

چجوری باید بهشون استایل بدم!؟ میشه یه مثال واسم بگید؟!

#user_email_formAcymailing1.inputbox, #user_name_formAcymailing1.inputbox
{
 width: 150px;
 height: 25px;
 background-color: #1f1f1f;
 color: #ffffff;
 border-top-width: medium;
 border-right-width-value: medium;
 border-bottom-width: medium;
 border-left-width-value: medium;
 border-top-style: none;
 border-right-style-value: none;
 border-bottom-style: none;
 border-left-style-value: none;
 text-shadow: #ffffff;
 margin-top: 10px;
}

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

بعد استایل که بهش دادم، باید کدهاش رو کجا بذارم!؟ تو فایل استایل قالبم؟

اگر میخواید تغیرات در همه قالب ها اعمال بشه(یعنی هرجا که این افزونه نصب شد این تغیرات هم اعمال بشه)در فایل های css افزونه.

و اگر میخواهید در یک قالب فقط تغیرات اعمال بشه در فایل های css(ترجیها تمپلت) قالب.

کد دومی درست هست.بعد از اعمال تغیرات کش مرور گر رو پاک کنید مجددا تست کنید.(اگر درست نشد دمو قرار بدید.)

موفق باشید

[samiraaaa 3]

سلام آقای آمره ای؛

گذاشتم توی فایل استایل قالب، اما نشد! کش هم پاک کردن ولی باز نشد!

خود افزونه فایل css نداره!

هنوز سایتم رو روی هاست نیاورده ام! دارم اول آماده ش می کنم با local host بعد که ایراداشو رفع کردم میخام بیارمش رو هاست.

[sonic69 279]

احتمالا دارید یه جا رو اشتباه انجام میدید.

در صورت تمایل قالب رو ارسال کنید تا بررسی کنم.

اما باز میگم شما با فایر باگ راحت میتونید این کار رو انجام بدید!

موفق باشید

[guugle 4]

سلام

یه سوال در مورد کامپوننت acymailing داشتم:

اگه به سایت من که آدرسشو گذاشتم یه سر بزنید میبینید که لینک اصلی ماژول خبرنامه subscribe هستش

من میخواستم که فارسیش کنم، یعنی به جای اون بنویسه عضویت در خبرنامه

با webdeveloper فایرفاکس هم سعی کردم عوضش کنم ولی نشد!

اگه کمک کنین ممنون میشم.

 

سایت:

www.bdsut.ir

ویرایش شده مهر 92 توسط guugle

[محمدحسین میری 3,094]

درود بر شما

 

سوال جدید در تاپیک جدید

جزو قوانین می باشد

 

موفق باشید