ساخت button به کمک CSS

تازه وارد · خرداد 93

سلام به تمامی بازدیدکنندگان این تاپیک .

سؤال بنده اینه که چه جوری میشه از طریق CSS ، چنین button ی که تصویرش رو در زیر گذاشتم برای بخش ابزارک سایت ساخت ؟

آدرس سایتی که از این مدل button استفاده کرده : لینک

ممنون .

hamid_khaleghi · خرداد 93

سلام عین خودشو درست کردم برات


<style>
.box {
margin:0 auto;
width:250px;
height:400px;
background:#fbfbfb;
border:1px #e1e1e1 solid;
padding:20px;
}
.button {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor:pointer;
font-family:Tahoma;
font-size:13px;
color:#777777;
padding:10px 15px;
text-align:center;
border:1px solid #e1e1e1;
border-radius:3px;
margin-bottom:15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f3f3f3));
background: -moz-linear-gradient(top, #fdfdfd 0%, #f3f3f3 100%);
}
.button:active {
color:#fff;
border:1px solid #7f01ff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b14aff), color-stop(100%,#8002ff));
background: -moz-linear-gradient(top, #fdfdfd 0%, #f3f3f3 100%);
}

</style>





<article class="box">
<div class="button">
مـــــــــــــتن
</div>

<div class="button">
مـــــــــــــتن
</div>

</article>

همچنین میتونی

.button:active

رو به

.button:hover

تغییر بدی

ویرایش شده خرداد 93 توسط hamid_khaleghi

تازه وارد · خرداد 93

ضمن تشکر از کاربر عزیز ( hamid_khaleghi ) .

<div id="social_m">
<h3>مشترک ما شويد!</h3>
<a target="_blank" href="#" rel="nofollow">تست</a>
<a target="_blank" href="#" rel="nofollow">تست</a>
<a target="_blank" href="#" rel="nofollow">تست</a>
<a target="_blank" href="#" rel="nofollow">تست</a>
</div>


#social_m {width: 295px;font-family: Tahoma;}
#social_m h3 {
font-size: 1.8em;
margin-bottom: 0.6em;
padding-top: 0.4em;
color: #003678;
text-align: center;
text-shadow: 0px 1px 2px #CCC;
}
#social_m a {
display: block;
padding: 10px;
margin: 1em 2em 0px;
border: 1px solid #E1E1E1;
text-align: center;
color: #777;
text-shadow: 0px 1px 0px #FFF;
border-radius: 4px;
text-decoration: none;
background: -webkit-linear-gradient(#FFF, #F2F2F2);
background: -o-linear-gradient(#FFF, #F2F2F2);
background: -moz-linear-gradient(#FFF, #F2F2F2);
background: linear-gradient(#FFF, #F2F2F2);
}
#social_m a:hover {color: #FFF;text-shadow: none;border-color: #F60;
background: -webkit-linear-gradient(#FFC34E, #FF9400);
background: -o-linear-gradient(#FFC34E, #FF9400);
background: -moz-linear-gradient(#FFC34E, #FF9400);
background: linear-gradient(#FFC34E, #FF9400);
}
#social_m a + a:hover {border-color: #7F01FF;
background: -webkit-linear-gradient(#B34DFF, #7F01FF);
background: -o-linear-gradient(#B34DFF, #7F01FF);
background: -moz-linear-gradient(#B34DFF, #7F01FF);
background: linear-gradient(#B34DFF, #7F01FF);
}
#social_m a + a + a:hover {border-color: #0A8EE2;
background: -webkit-linear-gradient(#4FABF8, #0A8EE2);
background: -o-linear-gradient(#4FABF8, #0A8EE2);
background: -moz-linear-gradient(#4FABF8, #0A8EE2);
background: linear-gradient(#4FABF8, #0A8EE2);
}
#social_m a + a + a + a:hover {border-color: #EC1595;
background: -webkit-linear-gradient(#F155A8, #EC1595);
background: -o-linear-gradient(#F155A8, #EC1595);
background: -moz-linear-gradient(#F155A8, #EC1595);
background: linear-gradient(#F155A8, #EC1595);
}

این کدی که شما ( کاربر محترم Earth ) دادید همون نیاز بنده بود و مشکل رو رفع کرد ، فقط یه سؤال و اون اینکه ، کد رو از روی سورس سایت مذکور برداشتید یا خودتون ساختید ؟ چون اگه خودتون ساختید ، یه مشکل دیگه داشتم که فکر میکنم بتونید اونم رفع کنید .

تشکر مجدد از دو کاربر محترم .

تازه وارد · خرداد 93

یه سؤال دیگه هم داشتم که اگه لطف کنید و راهنمایی کنید قسمت مهمی از مشکلم رو برطرف کردید .

اگه بخوام به جای button هایی که در کد تعریف شده ، عکس بزارم ( یعنی برفرض یه button با گرافیک دلخواه با نرم افزار فتوشاپ درست کنم و به جای این button ها قرار بدم ) ، اون موقع چه تغییری بایستی در این کدها داد که بتونه عکس رو از پوسته فراخوانی کنه ؟

SM-Mahdavi · خرداد 93

سلام

به جای gradiant که با کدهای زیر ایجاد شده :


background: -webkit-linear-gradient(#FFC34E, #FF9400);
background: -o-linear-gradient(#FFC34E, #FF9400);
background: -moz-linear-gradient(#FFC34E, #FF9400);
background: linear-gradient(#FFC34E, #FF9400);

باید به صورت زیر آدرس دهی کنید:


background: url(images/a.png);

تازه وارد · خرداد 93

سلام
به جای gradiant که با کدهای زیر ایجاد شده :
background: -webkit-linear-gradient(#FFC34E, #FF9400);
background: -o-linear-gradient(#FFC34E, #FF9400);
background: -moz-linear-gradient(#FFC34E, #FF9400);
background: linear-gradient(#FFC34E, #FF9400);
باید به صورت زیر آدرس دهی کنید:
background: url(images/a.png);

اگه به جای gradient آدرس تصویر رو فراخوانی کنم که اصلا صحیح نیست ، چون نمایش تصویر مناسب نمیشه . جهت اطمینان تست هم کردم و نتیجه خیلی متفاوت از خواسته ی بنده بود .

بزارید واضح تر بگم سؤال رو : اگه بخوام از طریق CSS یه button با گرافیک دلخواه ( عکس طراحی شده ) رو از طریق ابزارک تعریف کنم چه کدی نیازه ؟

این کدی که کاربر محترم ( Earth ) دادن برای تعریف button با کد مناسبه و بنده ، هم این مورد رو نیاز دارم و هم اینکه بتونم از طریق عکس هم این کار رو انجام بدم .

از طریق کد رو که فرمودن در پیامهای بالا.

حالا سؤال من ایجاد همین خواص از طریق فراخوانی عکس از پوسته س.

تعریف چه کدهایی کار بنده رو راه میندازه ؟

imanfakhar · خرداد 93

پاسخ را صحیح بهتون گفتند

باید بتونید تصویر را مناسب خواستتون بسازید و با خواص دیگر بک گراند بهش موقعیت درست بدید

http://www.w3schools.com/css/css_background.asp

http://www.w3schools.com/css/css3_backgrounds.asp

http://www.w3schools.com/css/css3_gradients.asp

تازه وارد · خرداد 93

بنده طبق راهنمایی زیر که کاربر محترم ( SM-Mahdavi ) گفتن :

به جای gradiant که با کدهای زیر ایجاد شده :
background: -webkit-linear-gradient(#FFC34E, #FF9400);
background: -o-linear-gradient(#FFC34E, #FF9400);
background: -moz-linear-gradient(#FFC34E, #FF9400);
background: linear-gradient(#FFC34E, #FF9400);
باید به صورت زیر آدرس دهی کنید:
background: url(images/a.png);

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

الان مطابق راهنمایی شما و نیازی که در پیام قبلی عنوان کردم :

پاسخ را صحیح بهتون گفتند
باید بتونید تصویر را مناسب خواستتون بسازید و با خواص دیگر بک گراند بهش موقعیت درست بدید
http://www.w3schools..._background.asp
http://www.w3schools...backgrounds.asp
http://www.w3schools...3_gradients.asp

کدهای زیر به چه شکلی درمیاد ؟ ( چون دانش برنامه نویسی ندارم ، متوجه حرفتون نشدم )

کد :


#social_m {width: 295px;font-family: Tahoma;}
#social_m h3 {
font-size: 1.8em;
margin-bottom: 0.6em;
padding-top: 0.4em;
color: #003678;
text-align: center;
text-shadow: 0px 1px 2px #CCC;
}
#social_m a {
display: block;
padding: 10px;
margin: 1em 2em 0px;
border: 1px solid #E1E1E1;
text-align: center;
color: #777;
text-shadow: 0px 1px 0px #FFF;
border-radius: 4px;
text-decoration: none;
background: -webkit-linear-gradient(#FFF, #F2F2F2);
background: -o-linear-gradient(#FFF, #F2F2F2);
background: -moz-linear-gradient(#FFF, #F2F2F2);
background: linear-gradient(#FFF, #F2F2F2);
}
#social_m a:hover {color: #FFF;text-shadow: none;border-color: #F60;
background: -webkit-linear-gradient(#FFC34E, #FF9400);
background: -o-linear-gradient(#FFC34E, #FF9400);
background: -moz-linear-gradient(#FFC34E, #FF9400);
background: linear-gradient(#FFC34E, #FF9400);
}
#social_m a + a:hover {border-color: #7F01FF;
background: -webkit-linear-gradient(#B34DFF, #7F01FF);
background: -o-linear-gradient(#B34DFF, #7F01FF);
background: -moz-linear-gradient(#B34DFF, #7F01FF);
background: linear-gradient(#B34DFF, #7F01FF);
}
#social_m a + a + a:hover {border-color: #0A8EE2;
background: -webkit-linear-gradient(#4FABF8, #0A8EE2);
background: -o-linear-gradient(#4FABF8, #0A8EE2);
background: -moz-linear-gradient(#4FABF8, #0A8EE2);
background: linear-gradient(#4FABF8, #0A8EE2);
}
#social_m a + a + a + a:hover {border-color: #EC1595;
background: -webkit-linear-gradient(#F155A8, #EC1595);
background: -o-linear-gradient(#F155A8, #EC1595);
background: -moz-linear-gradient(#F155A8, #EC1595);
background: linear-gradient(#F155A8, #EC1595);
}

imanfakhar · خرداد 93

یعنی براتون کدهاتون رو باز نویسی کنم ؟

سه تا پیوندی که دادم را بخونید نیازی به دانش کد نویسی نیست زبانتون در حد پایه خوب باشه همه چی مشخصه

تازه وارد · خرداد 93

زبانم متأسفانه خوب نیست وگرنه از انجمن راهنمایی نمیخواستم و میخوندم متن لینکی که دادید رو .

اگه انجامش واستون سخته خیلی ممنون راضی به زحمت افتادن کسی نیستم ، شاید دوستان دیگه ای پیدا بشن و لطف کنن بنده رو راهنمایی کنن .

تازه وارد · خرداد 93

کسی هست که بتونه این مشکل رو حل کنه و بنده رو راهنمایی کنه ؟

تازه وارد · خرداد 93

.

SM-Mahdavi · خرداد 93

دوست عزیز لطفا اسپم ارسال نکنید.

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

تازه وارد · خرداد 93

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

قصد ارسال اسپم ندارم ولی وقتی میبینم سؤالی که میکنم رو درست متوجه نمیشید کار دیگه ای از دستم بر نمیاد .

دیگه از این واضح تر چه جوری بپرسم ؟

چطوری میتونم از طریق آدرس دهی در Style.css ، یه عکس رو در سایدبار سایت فراخوانی کنم و از طریق ابزارک بهش لینک بدم ؟ ( مثه همون کدی که در ابتدای تاپیک به صورت دستور بود ولی با این تفاوت که به جای دستور ، عکس باشه که هر شکل و فرمی که خواستم رو در نرم افزارهای گرافیکی طراحی و در سایدبار بزارم )

نمیدونم متوجه شدید یا نه !

SM-Mahdavi · خرداد 93

اگه با ساخت ابزارک مشکل دارید http://forum.wp-parsi.com/tutorials/article/425-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1%DA%A9-%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C/

اگه با لینک دادن مشکل دارید :


<a href="http://page.com">
Button or Link
</a>

بحث بکگراند ها رو هم که توضیح دادیم.

imanfakhar · خرداد 93

قصد ارسال اسپم ندارم ولی وقتی میبینم سؤالی که میکنم رو درست متوجه نمیشید کار دیگه ای از دستم بر نمیاد .

البته ظاهرا برعکسه چون سئوال شما را متوجه شدیم شما پاسخ خودتون رو متوجه نمی شید

فکر می کنم بیشتر می شه گفت تنبلی می کنید و توقع بالا دارید استایل بندی و کد نویسی css نام یک تخصص است که عده ای ازش امرار معاش می کنند و ما قرار نیست نان اونها رو آجر کنیم

راهنمایی در حد راهنمایی ارائه می شه که برای شما در دوموردی که تایپیک زدید هر دو بیش از حد راهنمایی انجام شد

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

http://jsfiddle.net/fakhar/678mc/

تازه وارد · خرداد 93

اگه با ساخت ابزارک مشکل دارید http://forum.wp-pars...-ابزارک-سفارشی/

آموزش مفیدی بود ولی بنده ربطش رو با رفع نیاز خودم متوجه نشدم !

اگه با لینک دادن مشکل دارید :
<a href="http://page.com">
Button or Link
</a>

این روش لینک دادن تا جاییکه بنده میدونم مربوط به Html هست ، درخواست بنده تعریف لینک عکس در CSS و فراخوانی اون عکس در سایدبار از طریق ابزارکه .

بحث بکگراند ها رو هم که توضیح دادیم.

واسه لینکی که آقای فخار دادن هم که عرض کردم اگه زبانم خوب بود ، تاپیک رو بالا نمیاوردم و راهنمایی از انجمن نمیخواستم .

تازه وارد · خرداد 93

البته ظاهرا برعکسه چون سئوال شما را متوجه شدیم شما پاسخ خودتون رو متوجه نمی شید
فکر می کنم بیشتر می شه گفت تنبلی می کنید و توقع بالا دارید استایل بندی و کد نویسی css نام یک تخصص است که عده ای ازش امرار معاش می کنند و ما قرار نیست نان اونها رو آجر کنیم
راهنمایی در حد راهنمایی ارائه می شه که برای شما در دوموردی که تایپیک زدید هر دو بیش از حد راهنمایی انجام شد
مابقیش باخودتونه و اگر خواستید زحمت می کشید منابع را مطالعه می کنید و کارتون رو انجام می دید و الا هزینه می کنید تا آنهایی که قبلا زحمت مطالعه منابعش را کشیدند این کار را برایتان انجام دهند
http://jsfiddle.net/fakhar/678mc/

جناب فخار ، شما قضیه رو خیلی سخت گرفتید ، دقیقا این کار رو بنده قبلا با چهار خط کدی که ویرایشگر html وردپرس میده در ابزارک اعمال کردم و دقیقا هم جواب داد و خودتونم میدونید که عملیه ، ولی بنده گفتم همین کار رو از طریق css انجام بدم که هم بهتر باشه و هم حرفه ای تر . ( پس چیز لاینحلی نیست )

خواهشا پیش داوری نکنید و چیزی رو که اطمینان کافی ندارید مورد بحث قرار ندید .

در مورد منابعتون چندین بار عرض کردم که زبانم خوب نیست وگرنه راهنمایی نمیخواستم دیگه . ( از روی بیکاری که تاپیک رو بالا نمیارم )

قرار نیست اگه شما زبانتون عالیه ، بقیه ی کاربرای این انجمن هم مهارت شمارو داشته باشن .

البته هزاران بار از همه ی عزیزان تشکر میکنم و قصد این رو ندارم که حتی ذره ای از زحمتشون رو نادیده بگیرم ولی واقعا در این انجمن دیدم که مسائل خیلی عجیب و متفاوت رو حل کردن ، ولی واسه چند خط کد که بنده متأسفانه اطلاعی ندارم ازش ، عملکرد برخی به این شکله !

ضمنا واسه این جمله ای که فرمودید .

برای شما در دوموردی که تایپیک زدید هر دو بیش از حد راهنمایی انجام شد

این توضیح رو بایستی بدم که اگه هر کاربری تا یه حدی مجاز به دریافت پاسخه و محدودیت وجود داره واسه راهنمایی گرفتن ، پس بهتره در قوانین بنویسید هر تاپیک که بیشتر از یک صفحه شد ، دیگه پاسخی دریافت نخواهد کرد ، یا یک روش دیگه اینکه بنویسید تاپیکهای بالای یک صفحه قفل خواهد شد ، حالا چه میخواد کاربر سؤال کننده به پاسخش برسه و چه میخواد نرسه !

ویرایش شده خرداد 93 توسط تازه وارد

imanfakhar · خرداد 93

شما اصولا لینکها را باز نمی کنید نه؟

در پیوندی که در تایپیک قبل گذاشتم پاسختون رو براتون کامل گذاشتم

دانستن زبان انگلیسی در حد پایه پیش نیاز برای حضور در دنیای مجازیه شما اگر نمی خواهید پیش نیاز را قبل از ورود به سایت داری داشته باشید میل خودتونه ولی من نه مسئولشم و نه متعهد اینکه جبرانش کنم

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

تابع قوانین یک مجموعه بودن منتی را سر من یا دیگری نمی گذارد ولی زیر پا گذاشتنش ما را زیر دین مابقی می برد شما قوانین را زیر پا گذاشته اید پس طلبکار نیستید

بجز اینکه تا همین حد پاسخی را هم که گرفته اید و به عنوان وظیفه ثبت کرده اید وظیفه ی کسی نبوده

jakob · خرداد 93

http://www.bestcssbuttongenerator.com/

تازه وارد · خرداد 93

در مورد این جمله تون :

شما اصولا لینکها را باز نمی کنید نه؟

شمام ظاهرا همیشه راجع به هر چیز ، سریع قضاوت میکنید . نه ؟

و در مورد این جمله تون :

بجز اینکه تا همین حد پاسخی را هم که گرفته اید و به عنوان وظیفه ثبت کرده اید وظیفه ی کسی نبوده .

شما ظاهرا درست نمیخونید پاسخ های بنده رو و از صحبتهای بنده همون چیزی که دوست دارید رو برداشت میکنید . نه ؟

چون عرض کردم که حتی 1% هم لطف هیچکس در این انجمن رو به عنوان وظیفه نمیدونم . پس با این فکری که شما به اشتباه راجع به بنده کردید و یه جور پیش داوری و قضاوت راجع به نیت بنده کردید ( نیتی که حتی عنوانش هم کردم ) پس شما مدیون این عملکرد اشتباهتونید .

و در مورد باقی جملاتتون این توضیح را بایستی عرض کنم که :

شما میتونید اصلا به هیچ تاپیکی پاسخ ندید ولی حق اینکه بخواید توهین به کسی کنید و یا بخواید واسه کسی تعیین تکلیف کنید و از همه بدتر بخواید راجع به کسی قضاوت کنید رو ندارید .

یادگیری زبان انگلیسی یا ... رو شما نمیتونید به کسی پیشنهاد بدید .

شما یا پاسخ میدید به تاپیکی و یا مایل به پاسخگویی نیستید . ولی حق اینکه سواد یا مهارت خودتون رو به رخ کسی بکشید ندارید . ( قضاوت نمیکنم راجع به عملکردتون ، فقط گوشزد کردم این نکته رو )

من قانونی رو زیر پا نذاشتم ، فقط راهنمایی خواستم . حالا اگه شما تا حدی توان پاسخگویی دارید و از اون به بعد صبرتون لبریز میشه ، تقصیر بنده و امثال بنده نیست و تا همین جا هم که لطف کردید و راهنمایی فرمودید هزاران بار تشکر .

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

ارزش نداره که برفرض بنده بخوام واسه اینکه چیزی بر وفق مرادم نیست ، عملکرد درستی نداشته باشم یا خدای نکرده به کسی جسارت کنم .

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

پس در درجه ی اول لطف خدا بوده و در درجه ی بعد همت و تلاش خودتون .

در مورد لینکهاتون هم بایستی عرض کنم ، لینکهاتون کامله و واسه ساخت Button با کدنویسی Css خیلی مناسبه ولی چندین بار در این تاپیک عرض کردم Button رو میخوام با نرم افزارهای گرافیکی درست کنم و بعد عکس اون Button رو ( دوباره یادآور میشم : عکس Button رو ، فقط عکس ) در پوسته ی سایت آپلود کنم و بعد از طریق یه کد ، این عکس ساخته شده رو با Style.Css بهش آدرس بدم مثلا یه چیزی شبیه به تکه کد پایین :


background:url(images/Button.png) center left no-repeat;

ولی در حالت عادی این عکس هیچ جا فراخوانی نمیشه .

بنده میخوام یه کدی باشه که بشه عکس رو از طریق آدرس دهی در Css و نوشتن کد در ابزارک متن وردپرس ، در سایدبار نمایش داد .

نه اینکه بخوام Button رو با دستورات Css درست کنم . که البته در این مورد پاسخ کاربر محترم ( Earth ) بهترین پاسخ بود . ( که همین جا دوباره از ایشون تشکر میکنم )

حالا این سؤال و درخواست راهنمایی که چندین بار تکرار کردم رو نمیدونم پاسخش رو از کجای لینکهایی که شما لطف کردید و گذاشتید ، باید پیدا کنم ؟

نمونه ش همین دوست عزیزمون ( کاربر محترم jakob ) که لطف کردن و لینک گذاشتن . لینک ایشون هم واسه ساخت Button بسیار عالیه مثله لینک جناب فخار ، ولی پاسخ سؤال بنده که همین الان هم دوباره توضیح بیشتری دادم نبود .

حالا اگه بنده اشتباه میکنم ، شما منو از گمراهی در بیارید !!!

SM-Mahdavi · خرداد 93

دوست عزیز اگه به این صورت


background:url(images/Button.png) center left no-repeat;

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

imanfakhar · خرداد 93

حالا این سؤال و درخواست راهنمایی که چندین بار تکرار کردم رو نمیدونم پاسخش رو از کجای لینکهایی که شما لطف کردید و گذاشتید ، باید پیدا کنم ؟

نحوه ی گذاشتن تصویر در پس زمینه ی یک button


.button1 {
background:#800 url('http://s5.picofile.com/file/8126658618/button1.png') repeat-x scroll center center;
}

خط 24 کدهای css لینک

http://jsfiddle.net/fakhar/678mc/

نتیجه در همون صفحه مشخصه حالا می خواهید تو ابزارک بگذاریدش می خواهید هر جای دیگه

نمونه دوم


.button2 {
background:#fff url('http://s5.picofile.com/file/8126658634/button2.png') repeat-x scroll center center;
}

خط 32 تا 34 کدهای css همون صفحه

kasra · خرداد 93

در مورد این جمله تون :
شمام ظاهرا همیشه راجع به هر چیز ، سریع قضاوت میکنید . نه ؟
و در مورد این جمله تون :
شما ظاهرا درست نمیخونید پاسخ های بنده رو و از صحبتهای بنده همون چیزی که دوست دارید رو برداشت میکنید . نه ؟
چون عرض کردم که حتی 1% هم لطف هیچکس در این انجمن رو به عنوان وظیفه نمیدونم . پس با این فکری که شما به اشتباه راجع به بنده کردید و یه جور پیش داوری و قضاوت راجع به نیت بنده کردید ( نیتی که حتی عنوانش هم کردم ) پس شما مدیون این عملکرد اشتباهتونید .
و در مورد باقی جملاتتون این توضیح را بایستی عرض کنم که :
شما میتونید اصلا به هیچ تاپیکی پاسخ ندید ولی حق اینکه بخواید توهین به کسی کنید و یا بخواید واسه کسی تعیین تکلیف کنید و از همه بدتر بخواید راجع به کسی قضاوت کنید رو ندارید .
یادگیری زبان انگلیسی یا ... رو شما نمیتونید به کسی پیشنهاد بدید .
شما یا پاسخ میدید به تاپیکی و یا مایل به پاسخگویی نیستید . ولی حق اینکه سواد یا مهارت خودتون رو به رخ کسی بکشید ندارید . ( قضاوت نمیکنم راجع به عملکردتون ، فقط گوشزد کردم این نکته رو )
من قانونی رو زیر پا نذاشتم ، فقط راهنمایی خواستم . حالا اگه شما تا حدی توان پاسخگویی دارید و از اون به بعد صبرتون لبریز میشه ، تقصیر بنده و امثال بنده نیست و تا همین جا هم که لطف کردید و راهنمایی فرمودید هزاران بار تشکر .
یا کسی پیدا میشه و بنده رو راهنمایی میکنه یا اینکه پیدا نمیشه .
ارزش نداره که برفرض بنده بخوام واسه اینکه چیزی بر وفق مرادم نیست ، عملکرد درستی نداشته باشم یا خدای نکرده به کسی جسارت کنم .
بله شما واردید و امثال من وارد نیستن . ولی همین شما هم یه روزی ، حتی یه خط کدنویسی هم یاد نداشتید .
پس در درجه ی اول لطف خدا بوده و در درجه ی بعد همت و تلاش خودتون .
در مورد لینکهاتون هم بایستی عرض کنم ، لینکهاتون کامله و واسه ساخت Button با کدنویسی Css خیلی مناسبه ولی چندین بار در این تاپیک عرض کردم Button رو میخوام با نرم افزارهای گرافیکی درست کنم و بعد عکس اون Button رو ( دوباره یادآور میشم : عکس Button رو ، فقط عکس ) در پوسته ی سایت آپلود کنم و بعد از طریق یه کد ، این عکس ساخته شده رو با Style.Css بهش آدرس بدم مثلا یه چیزی شبیه به تکه کد پایین :
background:url(images/Button.png) center left no-repeat;
ولی در حالت عادی این عکس هیچ جا فراخوانی نمیشه .
بنده میخوام یه کدی باشه که بشه عکس رو از طریق آدرس دهی در Css و نوشتن کد در ابزارک متن وردپرس ، در سایدبار نمایش داد .
نه اینکه بخوام Button رو با دستورات Css درست کنم . که البته در این مورد پاسخ کاربر محترم ( Earth ) بهترین پاسخ بود . ( که همین جا دوباره از ایشون تشکر میکنم )
حالا این سؤال و درخواست راهنمایی که چندین بار تکرار کردم رو نمیدونم پاسخش رو از کجای لینکهایی که شما لطف کردید و گذاشتید ، باید پیدا کنم ؟
نمونه ش همین دوست عزیزمون ( کاربر محترم jakob ) که لطف کردن و لینک گذاشتن . لینک ایشون هم واسه ساخت Button بسیار عالیه مثله لینک جناب فخار ، ولی پاسخ سؤال بنده که همین الان هم دوباره توضیح بیشتری دادم نبود .
حالا اگه بنده اشتباه میکنم ، شما منو از گمراهی در بیارید !!!

دوست عزیز چرا جبهه میگیرید و سریع از کوره در میرید ؟

نمیدونم چرا کاربران ایرانی همیشه طلبکار هستند !!!

گفته های استاد فخار از روی دلسوزی و کمک هست که بر فرض مثال میگن شما برید زبان یاد بگیرید و ...

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

اگر بد شمارو میخواستن مطمعن باشید کاری برای ایشون نداره که همه چیرئو آماده تحویل شما بدن

ولی با این کارشون دارن به شما به رایگان راهنمایی و کمک میکنن که در آینده براتون مفید باشه

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

همین الآن یک نگاهی به خودتون بندازید برای یک کد ساده این همه دردسر میکشید و وقتتون هدر میره اما اگر همون زبانی که استاد گفتن رو در حد ساده بلد بودید هزاران منبع آموزشی در اینترنت هست که میتونستید سریع مشکلتون رو برطرف کنید و وقتتون هم هدر نره و این همون لطفه استاد هست مه میگه زبان یاد بگیرید چون 100% در آینده هم به همچین مشکلاتی برخورد میکنید که میتونید خودتون برطرفش کنید

همه کسانی که صبح و شب از وقت و کارشون میزنن تا مشکل امثال شمارو برطرف کنند ، نه کسی مجبورشون کرده و نه میتونه مجبور کنه و همش از روی دلسوزی و همون زکات علم و محبت طرف هست که باعث میشه بدون چشم داشت کمک کنه

کاش ، کاش فقط 0.00000001% به جای تندروی و ... قدر زحمات بی منتی که برامون میکشن رو میدونستیم ...

تازه وارد · خرداد 93

نحوه ی گذاشتن تصویر در پس زمینه ی یک button
.button1 {
background:#800 url('http://s5.picofile.com/file/8126658618/button1.png') repeat-x scroll center center;
}
خط 24 کدهای css لینک
http://jsfiddle.net/fakhar/678mc/
نتیجه در همون صفحه مشخصه حالا می خواهید تو ابزارک بگذاریدش می خواهید هر جای دیگه
نمونه دوم
.button2 {
background:#fff url('http://s5.picofile.com/file/8126658634/button2.png') repeat-x scroll center center;
}
خط 32 تا 34 کدهای css همون صفحه

جناب فخار به کی قسم بخورم که تصویری نمیخوام در پس زمینه ی Button بزارم ؟ دقیقا همین جا دچار سوء تفاهم شدید ظاهرا و از همون اوایل تاپیک داره رو همین موضوع بحث میشه و کد ارائه میشه ، که بنده چندین بار خواهشمو عنوان کردم ولی باز هم رو همون بحث میشه .

بنده در پس زمینه ی Button قصد گذاشتن تصویر ندارم ، میخوام به طور کل به جای Button ، فقط و فقط عکس بزارم ( عکس Button )

کدی هم که در بالا دادید رو دقیقا در Style.Css گذاشتم و کد مربوط به Html لینکی هم که دادید رو در ابزارک گذاشتم ولی فقط یه کادر مستطیل خیلی کوچیک ظاهر شد که قرمز رنگ بود .

کاربر محترم ( SM-Mahdavi ) فکر کنم منظورمو متوجه شدند .

جناب ( SM-Mahdavi ) ، تصویر واسه این لود نمیشه که فکر میکنم چون در Style.Css کلاسی واسش تعریف نشده و همچنین اون کلاس در ابزارک متن فراخوانی نشده ، طبیعتا هم نباید تصویری نشون بده .

حالا خواهشم اینه که چطوری این ارتباط رو برقرار کنم بین ابزارک متن و Style.Css که تصویر در سایدبار نمایش داده بشه ؟

از همون اوایل فکر کنم به کل توضیح درستی ندادم که کسی متوجه نشده !!!

ساخت button به کمک CSS

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

تازه وارد 165

لینک به ارسال

hamid_khaleghi 74

لینک به ارسال

تازه وارد 165

لینک به ارسال

تازه وارد 165

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

تازه وارد 165

لینک به ارسال

imanfakhar 26231

لینک به ارسال

تازه وارد 165

لینک به ارسال

imanfakhar 26231

لینک به ارسال

تازه وارد 165

لینک به ارسال

تازه وارد 165

لینک به ارسال

تازه وارد 165

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

تازه وارد 165

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

imanfakhar 26231

لینک به ارسال

تازه وارد 165

لینک به ارسال

تازه وارد 165

لینک به ارسال

imanfakhar 26231

لینک به ارسال

jakob 17

لینک به ارسال

تازه وارد 165

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

imanfakhar 26231

لینک به ارسال

kasra 4929

لینک به ارسال

تازه وارد 165

لینک به ارسال

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