رفتن به مطلب

فرم ارتباط با ما


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

چه پلاگینی این فرم ارتباط با ما:

http://fedorafans.com/contact-us/

ساده و شیک

باسلام


http://wordpress.org/extend/plugins/contact-form-7/

لینک به ارسال

چطور می تونم از css تواین افزونه استفاده کنم؟

مثل سایتی که گذاشتم مثلا وقتی که تو فیلد text box کلیک

کنیم تغییر رنگ بده؟

لینک به ارسال

چطور می تونم از css تواین افزونه استفاده کنم؟

مثل سایتی که گذاشتم مثلا وقتی که تو فیلد text box کلیک

کنیم تغییر رنگ بده؟

احتمالا اون برای استایل قالبه که اوجوری میشه

لینک به ارسال

توی حالت کلی با سی اس اس به صورت زیر نوشته میشه:


input[type=text]:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

کد بالا رو در فایل style.css که در پوشه اصلی قالب هست، در انتهاش قرار بدید.

لینک به ارسال

دوتا سوال داشتم خدمدتون.

۱-تو css ما یا باید یک کلاس مینوشتیم که با . نشون میدادیم مثلا .test

با id که با # نشان میدادیم مثل #test

اما تواین کد input خالیه ؟یه توضیحی راجب کد بالا?

2-و اینکه چطور میشه بجای اینکه اطراف text box رنگی بشه بتونم با focus داخلش رنگی کنم ?

لینک به ارسال

فرمتون رو در صفحه ایی که مایل هستید قرار بدید - لینک اون صفحه رو بذارید و درخواست های تغییرتون رو در زیرش بفرمایید

لینک به ارسال

من تو http://tazik.ir/?page_id=2 قرار دادم.

چندتا سوال داشتم خدمدتون.

۱-تو css ما یا باید یک کلاس مینوشتیم که با "." نشون میدادیم مثلا ".test"

با id که با" # "نشان میدادیم مثل" #test " .اما تواین کد input از کدام نوع می باشد ؟یه توضیحی راجب کد بالا?

2-و اینکه چطور میشه بجای اینکه اطراف text box رنگی بشه بتونم با focus داخلش رنگی کنم ?

۳- میخوام texbox "پیام شما" پیشفرض را تغییر بدم یعنی یک مقدار طولش بزرگ تر کنم.

۴-برای تغییر botton چی کار باید یکنم؟

۵- الان لینکم به صورت ?page_id=2 میباشد ولی اگه بخوام به صورت tazik/contact-us باید چی کار کنم.

تشکر

ویرایش شده توسط sayres
لینک به ارسال

برای تغییر رنگ در صورت کلیک در فیلد:


input[type=text]:focus, input[type=password]:focus , textarea:focus { background: #d90000; color: #ffffff; }

3 - درون تنظیمات خود فرم در cf7

4 - برای دکمه:


.wpcf7-form-control.wpcf7-submit { color:#d90000; }

و یا گلوبال دکمه:


input[type=submit] { background: #d90000; color: #ffffff; }
input[type=submit]:hover { background: #000000; color: #ffffff; }

5 - از طریق تنظیمات - پیوندهای یکتا - نام نوشته

لینک به ارسال

برای تغییر رنگ در صورت کلیک در فیلد:


input[type=text]:focus, input[type=password]:focus , textarea:focus { background: #d90000; color: #ffffff; }

3 - درون تنظیمات خود فرم در cf7

4 - برای دکمه:


.wpcf7-form-control.wpcf7-submit { color:#d90000; }

و یا گلوبال دکمه:


input[type=submit] { background: #d90000; color: #ffffff; }
input[type=submit]:hover { background: #000000; color: #ffffff; }

اینهایی که شما فرمودید در css خود تم وارد کنم؟

لینک به ارسال

بله - اما وارد نکنید - بگردید در همون فایل پیداشون کنید و تغییرشون بدید به دلخواه

اینارو من تو css تم ام پیدا نکردم؟؟

بغیر از input[type=text]:focus که خودم اضافه کرده بودم.

لینک به ارسال

قطعه زیر رو از استایل حذف کنید:


input[type=text]:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

و اضافه کنید:


input[type=text]:focus, input[type=password]:focus , textarea:focus { background: #d90000; color: #ffffff; }

لینک به ارسال

قطعه زیر رو از استایل حذف کنید:


input[type=text]:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

و اضافه کنید:


input[type=text]:focus, input[type=password]:focus , textarea:focus { background: #d90000; color: #ffffff; }

درود برشما بخاطر پاسخگویی.

اگه بخوام دورشم مثل کد بالا تغییر رنگ بده باید چه کنم؟

و button از اون حالت درارم مثلا یک مستطیل خاکستریش کنم باید چی کار کنم؟

و قسمت "پیام شما" پیشفرضش از نظر عرضی بزرگتر کنم باید چه پارامترهایی به کجا اضافه کنم؟

تشکر.

ویرایش شده توسط sayres
لینک به ارسال

درون آکولاد همون قطعه که در بالا گفتم کد زیر رو وارد کنید


border: 1px solid #d90000;

button از اون حالت درارم مثلا یک مستطیل خاکستریش کنم باید چی کار کنم؟

و قسمت "پیام شما" پیشفرضش را از نظر عرضی بزرگتر کنم باید چه پارامترهایی به کجا اضافه کنم؟

لینک به ارسال

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


.wpcf7-form-control.wpcf7-submit { background: #d90000; }

پیام شما:


textarea { width: 400px; }

لینک به ارسال

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


.wpcf7-form-control.wpcf7-submit { background: #d90000; }

پیام شما:


textarea { width: 400px; }

این قسمت نتیجه زحمات شماست :)

http://tazik.ir/contact-us/

این کدی که دادید یه توضیح میدید :


.wpcf7-form-control.wpcf7-submit { background: #d90000; }

اگه بخوام button هم سایزش تغییر بدم چه کد css باید وارد کنم؟

ویرایش شده توسط sayres
لینک به ارسال

در همین پست بالا در کد آخر مقادیر برای کلید تعریف کنید. مثلاً داخل آکولاد اضافه کنید:


width: 150px; height:80px: border: 1px solid #d90000;

لینک به ارسال

در همین پست بالا در کد آخر مقادیر برای کلید تعریف کنید. مثلاً داخل آکولاد اضافه کنید:


width: 150px; height:80px: border: 1px solid #d90000;

شما که این همه به سوالات من جواب دادین بیزحمت یه توضیح مختصری هم راجب این کد css بدبد:


.wpcf7-form-control.wpcf7-submit

لینک به ارسال

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

دکمه ی افزونه ی کانتکت فرم 7 از اون نام استفاده می کنه

لینک به ارسال

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

دکمه ی افزونه ی کانتکت فرم 7 از اون نام استفاده می کنه

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

چطور میتونم بفهمم که مثلا text box برای پسورد از چه نامی استفاده شده؟

لینک به ارسال

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

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

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

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

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

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

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

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

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