• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
goldenfont

استایل دادن به option selected

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

سلام دوستان چجوری میشه به یک option selected استایل دلخواهمون رو بدیم ؟

ممنون

0

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


لینک به پست

ارسال شده در (ویرایش شده)

من چند وقت پیش دنبالش بودم. هیچی پیدا نکردم

بهترین کار این هست که با استفاده از ul , li و فانکش toggle جی کوئری چیزی شبیه

option selected درست کنی.

در این صورت همه چی دست خودت هست و میتونی هر تغییری خواستی بدی.

مثل چیزی که من درست کردم :

post-2969-0-42079500-1407954275_thumb.jp

ویرایش شده در توسط Ghasem Paran
1

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


لینک به پست

توی این سایت اطلاعات خوبی در این مورد هست:


http://www.scribbletribe.com/how-to-style-the-select-dropdown/

2

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


لینک به پست

توی این سایت اطلاعات خوبی در این مورد هست:


http://www.scribbletribe.com/how-to-style-the-select-dropdown/

همین هم با استفاده از ul هست :)

0

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


لینک به پست

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

یعنی هیچ راهی نیست بشه اون فلششو زیبا کرد ؟ !

0

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


لینک به پست

ارسال شده در (ویرایش شده)

تو همین لینکی که گذوشتم هدف همینه،

متأسفانه راهی به جز استفاده از یه ul نیست. چون به خود select نمیشه استایل داد.

ویرایش شده در توسط Ehsaan
1

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


لینک به پست

مثلاً:


<div class="mySelect">
<select>
<option>انتخاب اول</option>
<option>انتخاب دوم</option>
<option>انتخاب شوم</option>
</select>
</div>

با استایل:


.mySelect{
width: 200px;
overflow: hidden;
background: url(images/your image addresss brings here) no-repeat left blue;
border: 1px solid red;
}
.mySelect select{
background: transparent;
width: 230px; /* 200px + 30px =230px */
-webkit-appearance: none;
}

* بازی کردن با رنگ‌ها جهت تطبیق با رنگ تصویر فلش

2

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


لینک به پست

http://forum.wp-parsi.com/tutorials/article/651-%D8%B4%D8%A8%DB%8C%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-html-select-%D8%A8%D8%A7-ul/

1

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


لینک به پست

ارسال شده در (ویرایش شده)

isk ممنون ، ولی تو این نمونه شما اون فلش که کلا حذف میشه ! نمیشه اون باشه و بهش رنگ بدیم ؟


http://forum.wp-parsi.com/tutorials/article/651-%D8%B4%D8%A8%DB%8C%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-html-select-%D8%A8%D8%A7-ul/

متشکر

لینک خرابه

ویرایش شده در توسط goldenfont
0

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


لینک به پست

ارسال شده در (ویرایش شده)

فلش حذف نمیشه! - شما باید یه تصویر png یا jpg از فلش بسازی و در فوادر images در پوشه ی قالبت آپ کنی و در خط زیر نام فایل رو بنویسی :


background: url(images/your image addresss brings here) no-repeat left blue;

مثال

ویرایش شده در توسط isk
2

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


لینک به پست

آها فهمیدم

مرسی

0

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


لینک به پست

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

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

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

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


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

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

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


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