MehryarS

تغییر ظاهر DropDown Box در CSS

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

سلام به دوستان ...

من یه DropDown Box توی فرم دارم می خوام ظاهرش رو متفاوت کنم... خود DropDown Box رو تونستم تغییر بدم اما نمی دونم فلش بقلش رو چجوری میشه ظاهرش رو تغییر داد من اگر راهنماییم کنین ممنون میشم...

:ds6a5d:

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ابتدا کد لیست خودتون رو داخل یک div مانند کد زیر قرار بدید:

[color=#339933]<[/color]div [color=#000000][b]class[/b][/color][color=#339933]=[/color][color=#0000ff]"styled-select"[/color][color=#339933]>[/color] [color=#339933]<[/color]select[color=#339933]>[/color] [color=#339933]<[/color]option[color=#339933]>[/color]Here is the first option[color=#339933]</[/color]option[color=#339933]>[/color] [color=#339933]<[/color]option[color=#339933]>[/color]The second option[color=#339933]</[/color]option[color=#339933]>[/color] [color=#339933]</[/color]select[color=#339933]>[/color] [color=#339933]</[/color]div[color=#339933]>[/color]

حالا کلاس زیر رو در فایل css خودتون قرار بدید:

[color=#6666ff].styled-select[/color] [color=#00AA00]{[/color]    [color=#000000][b]width[/b][/color][color=#00AA00]:[/color] [color=#933]240px[/color][color=#00AA00];[/color]    [color=#000000][b]height[/b][/color][color=#00AA00]:[/color] [color=#933]34px[/color][color=#00AA00];[/color]    [color=#000000][b]overflow[/b][/color][color=#00AA00]:[/color] [color=#993333]hidden[/color][color=#00AA00];[/color]    [color=#000000][b]background[/b][/color][color=#00AA00]:[/color] [color=#993333]url[/color][color=#00AA00]([/color][color=#ff0000][i]new_arrow.png[/i][/color][color=#00AA00])[/color] [color=#993333]no-repeat[/color] [color=#000000][b]right[/b][/color] [color=#cc00cc]#ddd[/color][color=#00AA00];[/color] [color=#00AA00]}[/color]

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

[ATTACH=CONFIG]1721[/ATTACH]

در نهایت شما یک لیست مانند شکل زیر خواهید داشت:

[ATTACH=CONFIG]1722[/ATTACH]

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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