narci

فرم تماس در فوتر

12 پست در این موضوع قرار دارد

سلام

من از اقزونه فرم تماس 7 برای قسمت ارتباط با ما استفاده می کنم حالا اگه بخوام این فرم تماس را جمع و جور کنم تا بتونم در فوتر استفاده کنم راه حلش چی هست الان شورت کد در فوتر می ذارم اصلا زیبا نیست و ارتفاع فوتر چند برابر میشه بخواهم عرض و ارتفاع text box های فرم را کوتاه تر کنم چطوری هست؟؟

0

به اشتراک گذاری این پست


لینک به پست

با استفاده از inspect element که توی خود فایرفاکس و کروم موجود هستن یا نصب فایرباگ روی فایرفاکس و کلیک راست کردن روی بخش مورد نظر و انتخاب inspect element میتونید برای عناصر مورد نظرتون استایل بنویسید.

یعنی عرض و ارتفاعش رو خودتون از طریق css مشخص کنید.

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

4

به اشتراک گذاری این پست


لینک به پست

با استفاده از inspect element که توی خود فایرفاکس و کروم موجود هستن یا نصب فایرباگ روی فایرفاکس و کلیک راست کردن روی بخش مورد نظر و انتخاب inspect element میتونید برای عناصر مورد نظرتون استایل بنویسید.

یعنی عرض و ارتفاعش رو خودتون از طریق css مشخص کنید.

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

من دو عکس فرستادم یکی شکلی که الان هست و یکی هم روی text box پیام شما inspect element انجام دادم حالا چه عددی را باید عوض کنم در ضمن اون اسم کلاس هایی هم که مشخص شده را در کدوم فایل باید دنبالشان بگردم

1.jpg2.jpg

0

به اشتراک گذاری این پست


لینک به پست

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

میتونید به المان فوتر height بدید

3

به اشتراک گذاری این پست


لینک به پست

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

میتونید به المان فوتر height بدید

عکس کامل را میذارم

تو مسیر پوسته فولدر css فایل main که میروم مقدار wight که تو عکس الان مقدارش 100 هست(ستون سمت راست استایل) مقدارش را عوض میکنم و فایل را save می کنم هیچ تاثییری نداره برای ارتفاع هم که چیزی پیدا نکردم

Untitled-1.jpg

0

به اشتراک گذاری این پست


لینک به پست

سلام

آدرس آنلاین دارید؟

1

به اشتراک گذاری این پست


لینک به پست

سلام

آدرس آنلاین دارید؟

خیر

0

به اشتراک گذاری این پست


لینک به پست

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

به باکس اول کلاس جدا بدید

بعد بهش ارتفاع بدید وگرنه به کلاس wpcf7 ارتفاع ثابت بدید ببینید تغییری میکنه؟

2

به اشتراک گذاری این پست


لینک به پست

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

به باکس اول کلاس جدا بدید

بعد بهش ارتفاع بدید وگرنه به کلاس wpcf7 ارتفاع ثابت بدید ببینید تغییری میکنه؟

ممنون اگه ممکنه کد استایل سایز ارتفاع و عرض فرم تماس را برام بنویسید من زیاد با کد نویسی آشنا نیستم در قسمت ابزارک ها من کد "شورت کد" فرم تماس را برای فوتر قرار دادم حالا این کد استایل را کجا باید بذارم

0

به اشتراک گذاری این پست


لینک به پست

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

دوستان سعی خودشون کردند کمک کنند اما بدون آدرس آنلاین باید دیگه علم غیب داشته باشیم

2

به اشتراک گذاری این پست


لینک به پست

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

دوستان سعی خودشون کردند کمک کنند اما بدون آدرس آنلاین باید دیگه علم غیب داشته باشیم

ممنون از دوستان

من 3 خط کد زیر را تو فایل استایل قرار دادم و عرض فیلدهای فرم تماس را به دلخواه عوض کردم (فیلد نام و ایمیل و متن پیام)

.wpcf7 input[type=text] {width:355px;}

.wpcf7 input[type=email] {width:355px;}

.wpcf7 textarea.wpcf7-textarea { width:500px;}

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

[contact-form-7 id=779" title="فرم تماس 1]

[contact-form-7 id=405" title="فرم تماس 1]

حالا اگر بخواهم فرم تماس در برگه طول عرض خاصی داشته باشه و فرم تماس در فوتر هم متفاوت باشه ایم ID فرم های تماس را کجای کد بالا باید مشخص کنم

0

به اشتراک گذاری این پست


لینک به پست

مشکل از طریق تعریف id برای هر یک از فیلدهای فرم تماس و اختصاص کد حل شد مثلا در تنظیات فیلدهای فرم تماس 1 برای محتوی متن من یک id بنام body تعریف کردم و در استایل نوشتم

body#

}

; width:100px

;height: 20px

{

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری