|
Сообщение от пользователя iFrendly с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя.
|
Бывалый
1721 сообщениий
Мужчина
|
Как мне сделать такую кнопку?
Пример тут:
P.S. До завтра :))
|
|
|
|
|
|
Бывалый
881 сообщениий
Мужчина
|
melomen707, за 10 рублей сделаю)
|
|
|
|
|
|
Заблокирован
1004 сообщения
Мужчина
|
Code <div align="center"><a id="mp3baza" title="Скачать..." class="btn btn-primary">Скачать...</a></div> <style> .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */
*zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; *margin-left: .3em; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn-primary { background-color: #0074cc; background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: -ms-linear-gradient(top, #0088cc, #0055cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #0055cc; } </style>
|
|
|
|
|
|
Пользователь
67 сообщений
Мужчина
|
Google, а не проще
Code <style type="text/css"> .catPages1 {color:#bbbbbb;border:0px;margin-bottom:10px;margin-top:10px;} #pagesBlock1 {padding-top:10px;} .catPages1 a:link, .catPages1 a:visited, .catPages1 a:hover, .catPages1 a:active {font-family: tahoma;text-decoration:none;color: #ffffff;background:#bbbbbb;padding:3px 10px;font-size:11px;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px;} .catPages1 a:hover {font-family: tahoma;background:#69b44b;color:#FFFFFF;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;} .catPages1 b {font-family: tahoma;text-decoration:none;background:#69b44b;padding:3px 10px;color:#ffffff;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;} </style>
а инфу выводить через <div class="catPages1">Скачать мазафаку</div>
|
|
|
|
|
|
Заблокирован
1004 сообщения
Мужчина
|
vicik_SH, нет потому что мой код делаеш градиент фона а твой сплошной
|
|
|
|
|
|
|
Сообщение от пользователя iFrendly с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя.
|
Бывалый
1721 сообщениий
Мужчина
|
Google, Как убрать тень от текста?
|
|
|
|
|
|
Заблокирован
1004 сообщения
Мужчина
|
melomen707, Code text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); убери
|
|
|
|
|
|
|
Сообщение от пользователя iFrendly с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя.
|
Бывалый
1721 сообщениий
Мужчина
|
Google, Можешь сделать градиент как на картинке а то у меня не получается. Вот посмотри: Ссылка
|
|
|
|
|
|
Заблокирован
1004 сообщения
Мужчина
|
melomen707, все что мог зделал на остальное нет времени
|
|
|
|
|
|