Рекомендую цей хостинг в Україні. Все дуже доступно, ціни низькі, і лояльна тих підтримка.
Привіт, дорогі Новомосковсктелі блогу. Сьогодні хочеться розповісти Вам як зробити самі середні верстви тільки за допомогою CSS стилів. Я ось почав помічати, що все частіше в побудові шаблонів використовують саме цей спосіб. Виходить дуже цікаво, тим більше якщо додані найрізноманітніші ефекти. А так же величезним плюсом є те, що дані кола значно швидше завантажуються ніж теж зображення.
Загалом давайте, безпосередньо, перейдемо до практики, але для початку давайте розглянемо деякі важливі моменти.
важливі моменти
У всіх випадках ми будемо використовувати наступне:
-webkit-border-radius - для правильного відображення в браузерах таких як Chrome і Safari.
-moz-border-radius - для правильного відображення кіл в браузері Firefox.
Хотілося б сказати, що на даний момент майже всі, з останнім оновленням, браузери підтримують технологію CSS3, а також властивість border-radius (стандартне властивість для всіх браузерів, які підтримують CSS3). Але краще будемо, так би мовити, страхуватися, бо не всі користувачі оновлюються вчасно, або ж взагалі не оновлюються і користуються старими версіями браузерів.
За допомогою властивості border-radius можна робити будь-які кола будь-якого розміру, головне правильно підбирати радіус кутів в пікселах, наприклад, чим більше коло тим більше повинен бути радіус кутів, щоб вийшов сам коло, якщо радіус буде не досить великий, то швидше за все вийде не коло, а квадрат з загругленнимі кутами.
Ну а тепер практика.