::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:49 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
گرد کردن گوشه یک دکمه
تعداد بازدیدvisits : 801
vahid201 آفلاین



ارسال هاAnswers : 168
عضویتRegistration date : 29 /9 /1393
حمایت کردهThanks : 153
حمایت شدهThanked : 53
گرد کردن گوشه یک دکمه

سلام دوستان

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

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

کد زیر مربوط میشه به دکمه های لینکدار که به شکل چهار گوش نمایش داده میشن

کد:
<style>

.btn{text-align:center;display:block;height:25px;line-height:20px;padding:3px}

.btn a{font-family:'times new roman',times,serif;font-size:15px;font-weight:bold;color:#f9f9f9;text-decoration:none;padding:3px;background-color:#003366;border:1px solid #000000}

.btn a:hover{color:#FFFFFF;text-decoration:none;background-color:#999999}

</style>

<span class="btn">

<a href="/">لینک یک</a>

<a href="/m">لینک دو</a>

<a href="/posts">لینک سه</a>

</span>

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

باتشکر

سه شنبه 26 خرداد 1394 - 15:29
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 1 : محدب کردن گوشه یک دکمه

بفرما داداش وحید گل...

من استایلشو جدا گذاشتم تا متوجه بشی...:

کد:
<style>

.btn{text-align:center;display:block;height:25px;line-height:20px;padding:3px}

.btn a{font-family:'times new roman',times,serif;font-size:15px;font-weight:bold;color:#f9f9f9;text-decoration:none;padding:3px;background-color:#003366;border:1px solid #000000}

.btn a:hover{color:#FFFFFF;text-decoration:none;background-color:#999999}

.btn a{

border-radius:5px;

-moz-border-radius:5px;

-o-border-radius:5px;

-webkit-border-radius:5px;

-ms-border-radius:5px;

-khtml-border-radius:5px;

}

</style>

<span class="btn">

<a href="/">لینک یک</a>

<a href="/m">لینک دو</a>

<a href="/posts">لینک سه</a>

</span>

اصلش اینه:

کد:
border-radius:5px;

ولی برای اینکه توی همه مرورگرها پشتیبانی بشه ما میایم و پیشوند هایی هم اضافه میکنیم که در کل این میشه:

کد:
.btn a{

border-radius:5px;

-moz-border-radius:5px;

-o-border-radius:5px;

-webkit-border-radius:5px;

-ms-border-radius:5px;

-khtml-border-radius:5px;

}


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
سه شنبه 26 خرداد 1394 - 15:33
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (2) : vahid201 - mimsolo -
vahid201 آفلاین



ارسال‌هاAsnwers : 168
عضویتRegistration date : 29 /9 /1393
حمایت کردهthanks : 153
حمایت شدهThanked : 53
پاسخAnswer 3 : گرد کردن گوشه یک دکمه

آقا اسماعیل عزیز! همونی شد که می خواستم

خیلی ممنون لطف کردید

آیا توی سایت بیاموز درباره این پیشوند ها آموزش داده شده؟ برای بیشتر دونستن درباره اونها به چه بخشی مراجعه کنم؟

مثلا خیلی دوست دارم که دکمه ها رو به جای چهار گوش (مربع/مستطیل)، به شکل دایره، لوزی، مثلث و... یادبگیرم و ایجاد کنم

در این موارد هم اگه بطور کلی راهنمایی بفرمائید ممنون میشم

تشکر

سه شنبه 26 خرداد 1394 - 15:53
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 4 : گرد کردن گوشه یک دکمه

در کل توی هر سایتی بگردید هست...

زیاد هم سخت نیست...

مثلاً برای گرد کردن کلی تصویر از این میتونی استفاده کنی:

کد:
<style>

.btn img{

border-radius:50%;

-moz-border-radius:50%;

-o-border-radius:50%;

-webkit-border-radius:50%;

-ms-border-radius:50%;

-khtml-border-radius:50%;

}

</style>

<span class="btn">

<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/smaeal.png">

</span>

یا یه استایل دیگه مثل این:

کد:
<style>

.btn img{

border-radius:50% 0px;

-moz-border-radius:50% 0px;

-o-border-radius:50% 0px;

-webkit-border-radius:50% 0px;

-ms-border-radius:50% 0px;

-khtml-border-radius:50% 0px;

}

</style>

<span class="btn">

<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/smaeal.png">

</span>

با تغییر اعدادش میتونی اطلاعات بیشتری به دست بیاری...

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

در مورد همش توی همون بیاموز هم گفته شده...

موفق باشی...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
سه شنبه 26 خرداد 1394 - 15:56
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : vahid201 -
j0ker آفلاین


ارسال‌هاAsnwers : 239
عضویتRegistration date : 17 /6 /1393
تعداد اخطارWarnings : 3
حمایت کردهthanks : 111
حمایت شدهThanked : 131
پاسخAnswer 7 : گرد کردن گوشه یک دکمه

کلا برای یاد گیری css به زبان فارسی و کامل از این سایت استفاده کنید.من خودم فقط از همینجا یاد گرفتم:

css3=http://w3.webmehraz.ir/css3/css3_Intro.aspx

css=http://w3.webmehraz.ir/css/css_intro.aspx

از سایت w3schools گرفته و فارسیش کرده و جامع ترین هست تقریبا

توجه توجه
اسپمر پ.خ های رزبلاگ ساخته شد(بدون نیاز به وارد کردن کپچا!)
لینک
لینک ثبت نام

ایت کدنویسی،گرافیک و امنیت کدکدک افتتاح شد


Electronic languages that I know:
CSS,HTML,JS,Jquery,Android,PHP,MySql
and a little Cpp

Life is like riding a bicycle. To keep your balance you must keep moving
einstein

سه شنبه 26 خرداد 1394 - 22:36
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 8 : گرد کردن گوشه یک دکمه

منبع فارسی معرفی شده...:دی

قبلاً هم بهت گفتم که تاپیک های جواب داده شده رو بی خیال...:دی


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
سه شنبه 26 خرداد 1394 - 22:37
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex