Поправил и для уведомления
Во, теперь зачетно + тыкнул)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Стиль модераторских тегов
Поправил и для уведомления
Во, теперь зачетно + тыкнул)
Deff
а где размер самой табличке сменить? уменьшить её хочу маленько.
Romych
как размер рамки уменьшить?
Romych
как размер рамки уменьшить?
в стиле в этих строках
div.exmod1{background-color: #FFB6C1;border: 2px solid #ce4378 !important;}
div.exmod2{background-color: #87CEFA;border: 2px solid #59add4 !important;}
двойку меняем на 1
двойку меняем на 1
Заменил, все осталось на прежнем уровне (размер рамки не уменьшился)
kosoy
может быть мы о разных рамках ведём речь? скрин можешь выложить?
Romych
Основная рамка
http://s58.radikal.ru/i161/1112/2c/d0e454fbb9e2.png
kosoy
Размер блока что-ли хотите уменьшить?
Размер блока что-ли хотите уменьшить?
ага.
kosoy
Допишите сюда
div[class^="exmod"]{background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7); padding: 1px;margin: 0 50px;}
width: 80%;
rps
Тоесть так должно выглядить?
<style type="text/css"> div[class^="exmod"]{background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7); padding: 1px;margin: 0 50px;} div.modex1 {background-attachment: scroll !important; background-clip: border-box !important; background-color: #CD5C5C !important; background-image: -moz-linear-gradient(left top , #B22222, #FA8072); background-image: -o-linear-gradient(left top, #B22222, #FA8072); background-image: -webkit-linear-gradient(left top, #B22222, #FA8072); background-image: -ms-linear-gradient(left top, #B22222, #FA8072); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#B22222,endColorstr=#FA8072,GradientType=1); background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; margin: 0; width: 70%;} div.exmod1{background-color: #FFB6C1;border: 2px solid #ce4378 !important;} div.exmod2{background-color: #87CEFA;border: 2px solid #59add4 !important;} div[class^="modex"] { border-radius: 8px 8px 0 0 !important; -moz-border-radius: 8px 8px 0 0 !important; khtml-border-radius:8px 8px 0 0 !important; -webkit-border-radius:8px 8px 0 0 !important; font-size: 2em;color: white; text-shadow: -2px 0 rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.1), 0 2px rgba(255, 255, 255, 0.1), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1); } div.modex2 {background-attachment: scroll !important; background-clip: border-box !important; background-color: #4682B4 !important; background-image: -moz-linear-gradient(left top , #4682B4, #87CEFA); background-image: -o-linear-gradient(left top, #4682B4, #87CEFA); background-image: -webkit-linear-gradient(left top, #4682B4, #87CEFA); background-image: -ms-linear-gradient(left top, #4682B4, #87CEFA); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#4682B4,endColorstr=#87CEFA,GradientType=1); background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; margin: 0; width: 70%;} div[class^="exmod"]{background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7); padding: 1px;margin: 0 50px;} </style>
а этот параметр меняет размер блока width: 80%;
если все правильно я понял, сменил 100 на 70, размер так и не сменился.
как размер рамки уменьшить?
Размер блока что-ли хотите уменьшить?
ага.
мда...вот что значит неправильно формулировать свой вопрос
Romych
Так как сменить та?
Так как сменить та?
ссылку можно с примером на тему, где применён хотя бы один модераторский тег?
ссылку можно с примером
Тоесть так должно выглядить?
Обратите внимание, куда сказал поставить я и куда поставили Вы.
<style type="text/css"> div[class^="exmod"] { border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; padding: 1px; margin: 0 50px; background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); width: 70%; } div.modex1 { background-attachment: scroll !important; background-clip: border-box !important; background-color: #CD5C5C !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; margin: 0; background-image: -ms-linear-gradient(left top, #B22222, #FA8072); } div.exmod1 { background-color: #FFB6C1; border: 2px solid #ce4378 !important; } div.exmod2 { background-color: #87CEFA; border: 2px solid #59add4 !important; } div[class^="modex"] { border-radius: 8px 8px 0 0 !important; -moz-border-radius: 8px 8px 0 0 !important; khtml-border-radius: 8px 8px 0 0 !important; -webkit-border-radius: 8px 8px 0 0 !important; font-size: 2em; color: white; text-shadow: -2px 0 rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.1), 0 2px rgba(255, 255, 255, 0.1), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1); } div.modex2 { background-attachment: scroll !important; background-clip: border-box !important; background-color: #4682B4 !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; margin: 0; width: 70%; background-image: -ms-linear-gradient(left top, #4682B4, #87CEFA); } div[class^="exmod"] { border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; padding: 1px; margin: 0 50px; background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); } </style>
мда...вот что значит неправильно формулировать свой вопрос
Ну я просто привык уже, что они блоки "рамками" называют...
Вы здесь » Единый форум поддержки » Корзина » Стиль модераторских тегов