Доброго времени суток ! Как вы знаете, недавно на интернет-биржу вышел новый гигант, это
RentShop, для тех кто не знают о нем - они арендуют для Вас онлайн-магазин на своем поддомене/вашем домене, специализируется он на продажах различных аккаунтов, например тот же Вконтакте или steam.
Сегодня я немного заинтересовался таковой, и решил накинуть парочку полезных HTML кодов, которые заметно улучшат Ваш магазин и сделают его более красочным и оригинальным.
Делаем
favicon (иконка)
Код:
<link rel="icon" type="image/png" href="/favicon.png" />
Размещать данный тег в "<head></head>"
Делаем
курсор (вместо обычного белого курсора, на сайте будет перемещаться любой из выбранных вами)
Код:
<style>body {cursor: url(курсор.png), auto; }</style>
Размещать данный тег в "<head></head>", можно так же прописать в Вашем файле стилей (.css)
Делаем
background (фон)
<style>
body {
background-image: url(фон.png);
background-attachment: fixed;
}
</style>
 |
Цитата: |
 |
|
|
|
|
|
|
|
Размещать данный тег в "<head></head>", можно так же прописать в Вашем файле стилей (.css) |
|
 |
|
 |
|
Делаем
прозрачный верхний бар
Код:
<style>.navbar-fixed-top, .navbar-inner {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}</style>
 |
Цитата: |
 |
|
|
|
|
|
|
|
Размещать данный тег в "<head></head>", можно так же прописать в Вашем файле стилей (.css) |
|
 |
|
 |
|
Делаем
копирайт
Код:
<center><span class="label label-primary">© 2014, <a href="http://cyborg.rentshop.org">магазин.rentshop.org</a> - Лучший магазин аккаунтов. (Оформление by nickname)</span></center><br>
Html мы вставим соответсвенно в футер
Код:
<style>.container > footer p {
display: none;}
.label-primary {
background-color: #5bc0de;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 11px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}</style>
Размещать style тег в "<head></head>", можно так же прописать в Вашем файле стилей (.css)
Всем спасибо, с Вами был zFrost.
P.S Написал я конечно же не обо всем, скорее стандартное, посоветую изучать html и css, а дальше придумывать оригинальную структуру магазина.