html
Code
<a href="ваша_ссылка" class="button">portal-p34.ru</a>
css
Code
a.button {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
color: rgb(193,193,193);
display: block;
font-size: 12px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
a#tutorial-toggle {
background: rgb(255,255,255);
border-radius: 25px;
-webkit-border-radius: 25px; /* Safari, Chrome */
-moz-border-radius: 25px; /* Firefox */
-o-border-radius: 25px; /* Opera */
height: 30px;
line-height: 30px;
width: 30px;
}
a.on {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
color: rgb(0,0,0);
margin: -2px -2px 2px 2px;
}
a.button:active,
a.on:active {
box-shadow:
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
margin: -3px -3px 3px 3px;
}
a.button {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
color: rgb(193,193,193);
display: block;
font-size: 12px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
a#tutorial-toggle {
background: rgb(255,255,255);
border-radius: 25px;
-webkit-border-radius: 25px; /* Safari, Chrome */
-moz-border-radius: 25px; /* Firefox */
-o-border-radius: 25px; /* Opera */
height: 30px;
line-height: 30px;
width: 30px;
}
a.on {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
color: rgb(0,0,0);
margin: -2px -2px 2px 2px;
}
a.button:active,
a.on:active {
box-shadow:
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
margin: -3px -3px 3px 3px;
}
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
color: rgb(193,193,193);
display: block;
font-size: 12px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
a#tutorial-toggle {
background: rgb(255,255,255);
border-radius: 25px;
-webkit-border-radius: 25px; /* Safari, Chrome */
-moz-border-radius: 25px; /* Firefox */
-o-border-radius: 25px; /* Opera */
height: 30px;
line-height: 30px;
width: 30px;
}
a.on {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
color: rgb(0,0,0);
margin: -2px -2px 2px 2px;
}
a.button:active,
a.on:active {
box-shadow:
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
margin: -3px -3px 3px 3px;
}
a.button {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
3px -3px 0 rgb(241,91,38),
4px -4px 0 rgb(241,91,38),
0 0 10px rgba(0,0,0,0.6);
color: rgb(193,193,193);
display: block;
font-size: 12px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
a#tutorial-toggle {
background: rgb(255,255,255);
border-radius: 25px;
-webkit-border-radius: 25px; /* Safari, Chrome */
-moz-border-radius: 25px; /* Firefox */
-o-border-radius: 25px; /* Opera */
height: 30px;
line-height: 30px;
width: 30px;
}
a.on {
box-shadow:
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
2px -2px 0 rgb(241,91,38),
0 0 6px rgba(0,0,0,0.6);
color: rgb(0,0,0);
margin: -2px -2px 2px 2px;
}
a.button:active,
a.on:active {
box-shadow:
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow: /* Safari, Chrome */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: /* Firefox */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: /* Opera */
1px -1px 0 rgb(241,91,38),
0 0 3px rgba(0,0,0,0.3);
margin: -3px -3px 3px 3px;
}
Уважаемый посетитель, чтобы скачать файл вам необходимо зарегистрироваться либо войти на сайт под своим именем.