کد دکمه و آیکون

این تاپیک 6 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  hojat ،‏ 2 ماه و 3 هفته پیش .

این تاپیک تاکنون 143 بازدید داشته است .

نویسنده پست
پنجشنبه ، 15 سپتامبر 2016     2:20 ق.ظ #


ali faraji

Subscriber
3 پست19 تاپیک

سلام

من چند روزیه کد های css یاد گرفتم الان به یه مشکلی بر خوردم یعنی مشکل که نیست بلد نیستم بنویسم! چیزه ساده ای هم هست ولی چون مبتدی ام بلد نیستم بنویسم لطفا کمکم کنید....

من می خوام یه چیزی درست کنم دقیقا مثل این http://s8.picofile.com/file/8267434418/Capture.PNG

می خواستم خواهش کنم لطفا کد html و css اینو برام بنویسید و اینم یه توضیح بدید چجوری میشه سمت ایکونو به چپ یا راست برد (یعنی کدشو بدید)، الان در عکسی (http://s8.picofile.com/file/8267434934/Capture1.PNG) که فرستادم سمت ایکون راسته!

ممنون میشم یکی کمک کنه کارم گیره!!   (جهت راهنما باکس دانلودی که در داخل عکس می باشد برای سایت http://bigtheme.ir هست)

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
پنجشنبه ، 15 سپتامبر 2016     8:30 ق.ظ #


it,one

Subscriber
99 پست46 تاپیک

من نمیدونم کدتو شما چه جوری نوشتی

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

کدتو بده ...

0  تشکر
پنجشنبه ، 15 سپتامبر 2016     1:24 ب.ظ #


ali faraji

Subscriber
3 پست19 تاپیک

ببین من مشکلم بیشتر اینه یکون چجوری بزارم روش

0  تشکر
پنجشنبه ، 15 سپتامبر 2016     1:55 ب.ظ #


Mohammadreza

Subscriber
15 پست1 تاپیک

برای قرار گرفتن آیکون در کنار دکمه از ویژگی زیر استفاده کن:

2  تشکر
پنجشنبه ، 15 سپتامبر 2016     2:01 ب.ظ #


ali faraji

Subscriber
3 پست19 تاپیک

ببخشید برای راست و چپش چی و بک گراند کم رنگی که پشتش قرار می گیره مانند عکس http://s8.picofile.com/file/8267434418/Capture.PNG

 

0  تشکر
پنجشنبه ، 15 سپتامبر 2016     3:52 ب.ظ #


Mohammadreza

Subscriber
15 پست1 تاپیک

دقت کنید دوست عزیز

شما یه تگ لینک میسازید و داخلش مینویسید " دانلود فایل " و داخل همون تگ لینک دوباره یه تگ span  میسازید و دو ویژگی بالا رو  در css  بهش میدید و حالا که بک گراندتون رو میخواهید position بهش بدید به محل دلخواهتون با ویژگی زیر این کارو میکنید:

برای اینکه بک گراند آیکون کناری هم تغیر کنه باید padding راست بکار ببری و رنگشو سیاه کنی و بعد با ویژگی opacity  رنگش پر رنگ تر از رنگ بک گراند لینک بشه

اگر توضیحاتم براتون کافی نبود با مطالعه ی این لینک میتونید بطور کامل این موضوع رو درک کنید:

http://yon.ir/8cmh

موفق باشید

1  تشکر
پنجشنبه ، 15 سپتامبر 2016     5:52 ب.ظ # پاسخ تائید شده توسط سوال کننده


hojat

Subscriber
95 پست3 تاپیک

سلام دوست عزیز

برای ساخت دکمه به همراه آیکن باید مراحل زیر رو طی کنی.

ابتدا یک لینک ساخته و در درون لینک متن دکمه را نوشته سپس در همین لینک از یک تگ i یا span برای ایجاد ایکن استفاده میکنیم

برای ایجاد آیکن های زیبا می توانید از فونت آیکن ها استفاده کنید که در اینجا از fontawesome استفاده شده است.

بعد یک سری استایل دهی ساده هست که به راحتی میتونی انجام بدی.کدهای css رو برات گذاشتم یک بار مطالعه کنی به راحتی درک میکنی.اگه جای سوال داشتی در خدمتم.

اگه از یک سند html استفاده میکنی حتما باید ابتدا FontAwesome رو به سند لینک بدی.

بصورت آنلاین دکمه را ببین

 
Html code

Css code

موفق باشید.

2  تشکر
پست 1 تا 7 (از مجموع 7 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .