Сайт ищет нового владельца по разумной цене :) По всем вопросам: promonik1@ya.ru, skype: nik-luck007, https://vk.com/promonik
2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии
Шесть цветовых вариантов кнопки download

Шесть цветовых вариантов кнопки download

Кнопки 2013-Ноя-18 PheonixICQ 1.7k 159 0
Код голубой кнопки
Код

<a href="" id="dw1">Скачать</a> - html code
/*В css*/
#dw1 {
font-family: arial,verana sans-serif;
background:url('img/bluedw.png') no-repeat left,#389ed8 url('img/dw.png') repeat-x;
width:272px;
height:53px;
line-height:53px;
padding:14px 60px 14px 100px;
text-decoration:none;
color:#003452;
text-shadow:0 1px rgba(255,255,255,0.3);
font-size:20px;
font-weight:bold;
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,0.25),0 0 0 1px #003f63;
}


Код ораньжевой кнопки:
Код

<a href="" id="dw2">Скачать</a> - html code

#dw2 {
font-family: arial,verana sans-serif;
background:url('img/bluedw2.png') no-repeat left,#389ed8 url('img/dw2.png') repeat-x;
width:272px;
height:53px;
line-height:53px;
padding:14px 60px 14px 100px;
text-decoration:none;
color:#4e2500;
text-shadow:0 1px rgba(255,255,255,0.3);
font-size:20px;
font-weight:bold;
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,0.25),0 0 0 1px #7d3b00;
}

Код красной кнопки:
Код

<a href="" id="dw3">Скачать</a> - html code

#dw3 {
font-family: arial,verana sans-serif;
background:url('img/reddw.png') no-repeat left,#389ed8 url('img/dw3.png') repeat-x;
width:272px;
height:53px;
line-height:53px;
padding:14px 60px 14px 100px;
text-decoration:none;
color:#4f0002;
text-shadow:0 1px rgba(255,255,255,0.3);
font-size:20px;
font-weight:bold;
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,0.25),0 0 0 1px #7e0003;
}


Код черной кнопки:

Код

<a href="" id="dw4">Скачать</a> - html code

#dw4 {
font-family: arial,verana sans-serif;
background:url('img/blackdw.png') no-repeat left,#389ed8 url('img/dw4.png') repeat-x;
width:272px;
height:53px;
line-height:53px;
padding:14px 60px 14px 100px;
text-decoration:none;
color:#0a0a0a;
text-shadow:0 1px rgba(255,255,255,0.3);
font-size:20px;
font-weight:bold;
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,0.25),0 0 0 1px #0e0e0e;
}


Код розовой кнопки:
Код

<a href="" id="dw5">Скачать</a> - html code

#dw5 {
font-family: arial,verana sans-serif;
background:url('img/pinkdw.png') no-repeat left,#389ed8 url('img/dw5.png') repeat-x;
width:272px;
height:53px;
line-height:53px;
padding:14px 60px 14px 100px;
text-decoration:none;
color:#530042;
text-shadow:0 1px rgba(255,255,255,0.3);
font-size:20px;
font-weight:bold;
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,0.25),0 0 0 1px #530042;
}


Код серебрянной кнопки:
Код

<a href="" id="dw6">Скачать</a> - html code

#dw6 {
font-family: arial,verana sans-serif;
background:url('img/silverdw.png') no-repeat left,#389ed8 url('img/dw6.png') repeat-x;
width:272px;
height:53px;
line-height:53px;
padding:14px 60px 14px 100px;
text-decoration:none;
color:#272727;
text-shadow:0 1px rgba(255,255,255,0.3);
font-size:20px;
font-weight:bold;
border-radius:3px;
box-shadow:0 2px 1px rgba(0,0,0,0.25),0 0 0 1px #272727;
}
Источник: multitak.ru
0 комментариев
avatar