دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۶
  • اردیبهشت

جلسه ۰۷ : استایل موجود CSS Button – Social Button

  • دسته‌بندی‌ها :
جلسه ۰۷ : استایل موجود CSS Button – Social Button
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      سلام خدمت دوستان و همراهان عزیز سایت پی وی لرن . با آموزش css_buttons در خدمتتون هستیم. با استفاده از CSS می توان تگ های html را به راحتی به استایل های مختلف در آورد. رنگ بندی و تعیین پس زمینه ، تعیین مکان و عرض و طول ، فرمت دهی font و … همگی کارهایی است که با آموزش Css می توان به راحتی آن ها را برای صفحات وب سایت هایمان انجام دهیم. در این قسمت از آموزش Css Button به استایل موجود Social Button درCss Button و سبک موجودSocial ButtonدرCss Button می پردازیم.

      استایل موجود Social Button در Css Button

      در زیر سبک های مختلف موجود در Social Button وجود دارد.

      ردیفاستایلسایزمتوسطدکمه
      ۱btn-twitterbtn-mdLogin with Twitter
      ۲btn-bitbucketbtn-mdLogin with Bitbucket
      ۳btn-dropboxbtn-mdLogin with Dropbox
      ۴btn-facebookbtn-mdLogin with Facebook
      ۵btn-btn-flickrbtn-mdLogin with Flickr
      ۶btn-btn-foursquarebtn-mdLogin with Foursquare
      ۷btn-btn-githubbtn-mdLogin with Github
      ۸btn-btn-googlebtn-mdLogin with Google
      ۹btn-btn-instagrambtn-mdLogin with Instagram
      ۱۰btn-btn-linkedinbtn-mdLogin with Linkedin
      ۱۱btn-btn-microsoftbtn-mdLogin with Microsoft
      ۱۲btn-btn-odnoklassnikibtn-mdLogin with Odnoklassniki
      ۱۳btn-btn-openidbtn-mdLogin with Openid
      ۱۴btn-btn-pinterestbtn-mdLogin with Pinterest
      ۱۵btn-btn-redditbtn-mdLogin with Reddit
      ۱۶btn-btn-soundcloudbtn-mdLogin with Soundcloud
      ۱۷btn-btn-tumblrbtn-mdLogin with Tumblr
      ۱۸btn-btn-twitterbtn-mdLogin with Twitter
      ۱۹btn-btn-vimeobtn-mdLogin with Vimeo
      ۲۰btn-btn-vkbtn-mdLogin with Vk
      ۲۱btn-btn-yahoobtn-mdLogin with Yahoo

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

       

      استایل موجود CSS Button - Social Button

      استایل موجود CSS Button – Social Button

      کلام پایانی

      با آموزش css_buttons در خدمتتون هستیم. رنگ بندی و تعیین پس زمینه ، تعیین مکان و عرض و طول ، فرمت دهی font و … همگی کارهایی است که با آموزش Css می توان به راحتی آن ها را برای صفحات وب سایت هایمان انجام دهیم. در این قسمت از آموزش Css Button به استایل موجود Social Button درCss Button و سبک موجودSocial ButtonدرCss Button پرداختیم.

      QR: جلسه ۰۷ : استایل موجود CSS Button – Social Button
      به اشتراک بگذارید
      , , , ,


      دیدگاه کاربران

      مطالب ویژه