Hey, how u doin?
Персональный блог JULIAOSIPOVA — Hey, how u doin?
Персональный блог JULIAOSIPOVA — Hey, how u doin?
Если берёте - пожалуйста, ставьте лайки и делайте репосты! Спасибо!)
Preview [x] Code [x]
Code [x]
Code [x]
Итак, имеем часть кода (вставляется в body) :
background: linear-gradient(to bottom, #000000 0%, #111111 26%, #222222 67%, #333333 87%, #444444 100% repeat fixed 0% 0% / 100% auto transparent;
to bottom — цвет идет к низу (top — верх, right — право, left — лево)
000, 111, 222, 333, 444 — это номера цветов. 000000 - начальный цвет, 444444 — конечный, а 1, 2 и 3 — соответственно промежуточные. Вы лишь подставляете нужные вам цвета (главное — правильно подобранные).
Примеры с кодами:
background: linear-gradient(to bottom, #051733 0%, #1E5D70 26%, #2D8E8B 67%, #A8E0C1 87%, #FFF 100% repeat fixed 0% 0% / 100% auto transparent;
background: linear-gradient(to bottom, #0b9e4c 0%, #48af48 26%, #99c543 67%, #ebdb3d 87%, #ffe13c 100% repeat fixed 0% 0% / 100% auto transparent;
background: linear-gradient(to bottom, #9f8170 0%, #b49e8b 26%, #d1c5af 67%, #eeebd3 87%, #f5f5dc 100% repeat fixed 0% 0% / 100% auto transparent;
background: linear-gradient(to bottom, #c19a6b 0%, #b6a579 26%, #a8b58b 67%, #9ac49d 87%, #96c8a2 100% repeat fixed 0% 0% / 100% auto transparent;
background: linear-gradient(to bottom, #d73b3e 0%, #df644e 26%, #ea9a63 67%, #f3c373 87%, #f8de7e 100% repeat fixed 0% 0% / 100% auto transparent;
background: linear-gradient(to bottom, #004953 0%, #0f6461 26%, #1f7e6e 67%, #34a280 87%, #3eb489 100% repeat fixed 0% 0% / 100% auto transparent;
Фоны для блога!
(изображения кликабельны)
Фоны для вашего блога!
(изображения кликабельны)
Клипарт для вашего блога!
(изображения кликабельны)
Клипарт для вашего блога!
(изображения кликабельны)
Курсоры для вашего блога!
Просто вставляете в свой код, я обычно после body
1. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/brownowlcursor_zps1a3e4325.png), progress !important;}
2. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/bird_zpsbbfa8b71.png), progress !important;}
3. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/bh_zps267ec887.png), progress !important;}
4. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/c_zps264d9654.png), progress !important;}
5. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/dc4_zps36ad860f.png), progress !important;}
6. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/catt_zps3b807829.png), progress !important;}
7. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/catintutu_zps37b38dc2.png), progress !important;}
8. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/elephantcursor_zpsbec0733a.png), progress !important;}
9. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/catcursor_zpsb719a319.png), progress !important;}
10. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/paintbrushcursor_zps1237dd1b.png), progress !important;}
11. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/foxcursor_zpsc3300ec7.png), progress !important;}
12. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/peterrabbitcursor_zps594255eb.png), progress !important;}
13. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/balloonwithbirdcursor_zps2b17d304.png), progress !important;}
14. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/guitarcursor_zps7bca0859.png), progress !important;}
15. body, a:hover {cursor: url(https://i1309.photobucket.com/albums/s630/shanelanne/catcursor_zpsd5658c4a.png), progress !important;}
Клипарт для вашего блога!
(изображения кликабельны)
Бесшовники для вашего блога!
(изображения кликабельны)
Клипарт для вашего блога!
(изображения кликабельны)
Самые популярные посты