Подборка стильных переключателей для uCoz
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
.swt2 { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; background-color: #fff; padding: 7px; text-align: center; line-height: 30px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #E0E0E0; border-bottom-color: #E0E0E0; border-left-color: #E0E0E0; font-size: 13px; color: #666; } .swt3 { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; background-color: #fff; padding: 7px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #E0E0E0; margin-left: -4px; color: #666; } .swt4 { background-color: #fff; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #E0E0E0; border-right: 0px; margin-left: -4px; color: #666; } .swchItem { font-size: 13px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #E0E0E0; border-bottom-color: #E0E0E0; border-left-color: #E0E0E0; margin-left: -4px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; color: #666; } .swt2:hover { color: #242424; text-decoration: none; background-color: #fcfcfc; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; } .swt3:hover { color: #242424; text-decoration: none; background-color: #fcfcfc; border: 1px solid #CCC; } .swchItem:hover { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; color: #242424; text-decoration: none; background-color: #fcfcfc; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
.swt2 { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; background-color: #2880e4; padding: 7px; text-align: center; line-height: 30px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #216abd; border-bottom-color: #216abd; border-left-color: #216abd; font-size: 13px; color: #fff; } .swt3 { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; background-color: #2880e4; padding: 7px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #216abd; margin-left: -4px; color: #fff; } .swt4 { background-color: #2880e4; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #216abd; border-right: 0px; margin-left: -4px; color: #fff; } .swchItem { background-color: #2880e4; font-size: 13px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #216abd; border-bottom-color: #216abd; border-left-color: #216abd; margin-left: -4px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; color: #fff; } .swt2:hover { color: #fff; text-decoration: none; background-color: #2573cc; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #216abd; border-bottom-color: #216abd; border-left-color: #216abd; } .swt3:hover { color: #fff; text-decoration: none; background-color: #2573cc; border: 1px solid #216abd; } .swchItem:hover { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #216abd; border-bottom-color: #216abd; border-left-color: #216abd; color: #fff; text-decoration: none; background-color: #2573cc; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
.swt2 { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; background-color: #54c29f; padding: 7px; text-align: center; line-height: 30px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #429a7e; border-bottom-color: #429a7e; border-left-color: #429a7e; font-size: 13px; color: #fff; } .swt3 { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; background-color: #54c29f; padding: 7px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #429a7e; margin-left: -4px; color: #fff; } .swt4 { background-color: #54c29f; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #429a7e; border-right: 0px; margin-left: -4px; color: #fff; } .swchItem { background-color: #54c29f; font-size: 13px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #429a7e; border-bottom-color: #429a7e; border-left-color: #429a7e; margin-left: -4px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; color: #fff; } .swt2:hover { color: #fff; text-decoration: none; background-color: #4bad8e; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #429a7e; border-bottom-color: #429a7e; border-left-color: #429a7e; } .swt3:hover { color: #fff; text-decoration: none; background-color: #4bad8e; border: 1px solid #429a7e; } .swchItem:hover { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #429a7e; border-bottom-color: #429a7e; border-left-color: #429a7e; color: #fff; text-decoration: none; background-color: #4bad8e; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
.swt2 { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; background-color: #2f2f2f; padding: 7px; text-align: center; line-height: 30px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #212121; border-bottom-color: #212121; border-left-color: #212121; font-size: 13px; color: #fff; } .swt3 { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; background-color: #2f2f2f; padding: 7px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #212121; margin-left: -4px; color: #fff; } .swt4 { background-color: #2f2f2f; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; text-align: center; line-height: 30px; font-size: 13px; border: 1px solid #212121; border-right: 0px; margin-left: -4px; color: #fff; } .swchItem { background-color: #2f2f2f; font-size: 13px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #212121; border-bottom-color: #212121; border-left-color: #212121; margin-left: -4px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; color: #fff; } .swt2:hover { color: #fff; text-decoration: none; background-color: #191919; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #191919; border-bottom-color: #191919; border-left-color: #191919; } .swt3:hover { color: #fff; text-decoration: none; background-color: #191919; border: 1px solid #191919; } .swchItem:hover { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #191919; border-bottom-color: #191919; border-left-color: #191919; color: #fff; text-decoration: none; background-color: #191919; } |
1 2 3 4 5 6 7 8 |
<script> $(function() { $('.pagesBlockuz1').addClass('swt5'); $('.pagesBlockuz1 .swchItem:contains("«")').addClass('swt2').html('Предыдущая'); $('.pagesBlockuz1 .swchItem:contains("»")').addClass('swt3').html('Следующая'); $('.pagesBlockuz1 .swchItemA').addClass('swt4'); }); </script> |
круто, забираю
Ничего не изменилось хотя я сделал все что надо
Для какого модуля пытаетесь стилизовать переключатели?