سلام خدمت دوستان و همراهان عزیز سایت پی وی لرن . با آموزش css_buttons در خدمتتون هستیم. با استفاده از CSS می توان تگ های html را به راحتی به استایل های مختلف در آورد. رنگ بندی و تعیین پس زمینه ، تعیین مکان و عرض و طول ، فرمت دهی font و … همگی کارهایی است که با آموزش Css می توان به راحتی آن ها را برای صفحات وب سایت هایمان انجام دهیم. در این قسمت از آموزش Css Button به استایل موجود Social Button درCss Button و سبک موجودSocial ButtonدرCss Button می پردازیم.
در زیر سبک های مختلف موجود در Social Button وجود دارد.
ردیف | استایل | سایزمتوسط | دکمه |
---|---|---|---|
۱ | btn-twitter | btn-md | Login with Twitter |
۲ | btn-bitbucket | btn-md | Login with Bitbucket |
۳ | btn-dropbox | btn-md | Login with Dropbox |
۴ | btn-facebook | btn-md | Login with Facebook |
۵ | btn-btn-flickr | btn-md | Login with Flickr |
۶ | btn-btn-foursquare | btn-md | Login with Foursquare |
۷ | btn-btn-github | btn-md | Login with Github |
۸ | btn-btn-google | btn-md | Login with Google |
۹ | btn-btn-instagram | btn-md | Login with Instagram |
۱۰ | btn-btn-linkedin | btn-md | Login with Linkedin |
۱۱ | btn-btn-microsoft | btn-md | Login with Microsoft |
۱۲ | btn-btn-odnoklassniki | btn-md | Login with Odnoklassniki |
۱۳ | btn-btn-openid | btn-md | Login with Openid |
۱۴ | btn-btn-pinterest | btn-md | Login with Pinterest |
۱۵ | btn-btn-reddit | btn-md | Login with Reddit |
۱۶ | btn-btn-soundcloud | btn-md | Login with Soundcloud |
۱۷ | btn-btn-tumblr | btn-md | Login with Tumblr |
۱۸ | btn-btn-twitter | btn-md | Login with Twitter |
۱۹ | btn-btn-vimeo | btn-md | Login with Vimeo |
۲۰ | btn-btn-vk | btn-md | Login with Vk |
۲۱ | btn-btn-yahoo | btn-md | Login with Yahoo |
در شکل زیر توضیحات بالا را همراه با دکمه آیکن آن می بینیم.
با آموزش css_buttons در خدمتتون هستیم. رنگ بندی و تعیین پس زمینه ، تعیین مکان و عرض و طول ، فرمت دهی font و … همگی کارهایی است که با آموزش Css می توان به راحتی آن ها را برای صفحات وب سایت هایمان انجام دهیم. در این قسمت از آموزش Css Button به استایل موجود Social Button درCss Button و سبک موجودSocial ButtonدرCss Button پرداختیم.