/ آموزش ایجاد کادر بسیار زیبا در css3برای یک دکمه در وب!
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش ایجاد کادر بسیار زیبا در css3برای یک دکمه در وب!

  1. #1
    amirashkan آنلاین نیست.
    amirashkan
    کاربر سايت
    8نوشته19مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    46
    پسندیده است
    5 پست
    بلاگ
    0 پست
    میزان امتیاز
    29
    No Set

    آموزش ایجاد کادر بسیار زیبا در css3برای یک دکمه در وب!

    درود!

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

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

    ابتدا بهتر است،دکمه خود را ایجاد نماییم!!


    کد استایل:
    کد:
    .test{
    width:120px;
    height:90px;
    background-color:#00c6ff;
    border-radius:15px;
    }

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

    کد:
    border-right:solid 4px;
    border-left:solid 4px;
    یعنی کد استایل ما به این شکل خواهد شد:

    کد:
    .test
    {
    width:120px;
    height:90px;
    background-color:#00c6ff;
    border-radius:15px;
    border-right:solid 4px;
    border-left:solid 4px;
    
    
    
    
    }

    و کد نهایی نیز به صورت زیر خواهد شد:

    کد:
    <html>
    
    
    <head>
    
    
    <style type="text/css">
    
    
    
    
    
    
    .test
    {
    width:120px;
    height:90px;
    background-color:#00c6ff;
    border-radius:15px;
    border-right:solid 4px;
    border-left:solid 4px;
    
    
    
    
    }
    
    
    
    
    
    
    </style>
    
    
    
    
    </head>
    
    
    
    
    <body></body>
    
    
    </html>

    امیدوارم این آموزش مورد پسند شما عزیزان قرار بگیرد!
    منتظر آموزش های بعدی باشید!!



    پ.ن:


    {در ضمن این آموزش ها به صورت اختصاصی از ویکی وی بی منتشر میشود!لطفا کپی رایت را رعایت کنید!}

    4 نفر از اعضا پست amirashkan را پسندیده اند


    ویرایش توسط amirashkan : 11-14-2012 در ساعت 10:55 PM

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

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

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