20:46 Кнопка Скачать на Css |
Это Ставим Туда где хотим увидеть кнопку: Код <div id="dl_button"> <?if($FILE_URL$ || $FILE_SIZE$)?> <a href="$FILE_URL$">Скачать <?if($FILE_SIZE$)?> <span id="dl_size"> $FILE_SIZE$ </span> <?endif?> </a> <?endif?> </div> В CSS Зеленая Код #dl_button a {background:-webkit-linear-gradient(top, #00d500 10%, #01a301 100%);background:-moz-linear-gradient(top, #00d500 10%, #01a301 100%);background:-o-linear-gradient(top, #00d500 10%, #01a301 100%);color:#fff;font-size:17px;font-family:Arial;padding:7px;border:1px solid #66CC00;text-decoration:none;text-shadow:0 -1px 0 #01a301;border-radius:3px;box-shadow:0 2px 2px #d0d0d0} #dl_button a:hover {background:-webkit-linear-gradient(top, #01e901 10%, #00b100 100%);background:-moz-linear-gradient(top, #01e901 10%, #00b100 100%);background:-o-linear-gradient(top, #01e901 10%, #00b100 100%);} #dl_button a:active {box-shadow:inset 0 1px 10px #555} #dl_size {padding:9px 3px 2px 3px;color:#007100;font-size:13px;border-left:1px solid #01a301;margin:0 -8px 0 2px;text-shadow:0 1px 0 #01e901} Синяя Код #dl_button a {background:-webkit-linear-gradient(top, #0099FF 10%, #0066CC 100%);background:-moz-linear-gradient(top, #0099FF 10%, #0066CC 100%);background:-o-linear-gradient(top, #0099FF 10%, #0066CC 100%);color:#fff;font-size:17px;font-family:Arial;padding:7px;border:1px solid #0077CC;text-decoration:none;text-shadow:0 -1px 0 #0055CC;border-radius:3px;box-shadow:0 2px 2px #d0d0d0} #dl_button a:hover {background:-webkit-linear-gradient(top, #00b0ff 10%, #0066CC 100%);background:-moz-linear-gradient(top, #00b0ff 10%, #0066CC 100%);background:-o-linear-gradient(top, #00b0ff 10%, #0066CC 100%);} #dl_button a:active {box-shadow:inset 0 1px 10px #555} #dl_size {padding:9px 3px 2px 3px;color:#0000AA;font-size:13px;border-left:1px solid #0066CC;margin:0 -8px 0 2px;text-shadow:0 1px 0 #0099FF} |
|
Всего комментариев: 0 | |