Веб Переделанный дизайн Dobrika

И так. Я решил сделать дизайн добрику как на icraft.su. Да пришлось с ним немного повозиться. Исправлял многие функции чтобы работали. И наконец-таки я закончил. Вот решил кого порадовать данной работой, а кого-то, возможно возмутить. Вообщем берите.

ЗАФИКСИЛ ПАРУ ОШИБОК, КОТОРЫЕ Я ДОПУСТИЛ.
+ ДОБАВЬТЕ В CSS ВАШЕГО ШАБЛОНА ЭТИ СТРОЧКИ.

Код:

<img href="/images/bg.png">
html { background: url(../images/bg.png)  }
body {
    background: url(../images/bg-top-z.png) repeat-x;
    color: #686868;
    word-wrap: break-word;
}
 
.cabinet {
width: 100%;
background: #fff;
min-height: 400px;
    border-radius: 5px;
}
 
.cabinet ul {
margin: 0;
padding: 0 20px;
}
 
.cabinet .error {
    width: auto;
    background: #FFFDEF;
    padding: 10px 5px;
    margin: 5px;
    border: 2px solid #EFA700;
    font-size: 14px;
    border-radius: 5px;
    color: #EFA700;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
}
 
.cabinet .wrap {
width: 358px;
text-align: center;
padding: 3px 0;
background: #ffd200; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd200 0%, #ffb400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd200), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd200 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd200 0%,#ffb400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd200 0%,#ffb400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd200 0%,#ffb400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd200', endColorstr='#ffb400',GradientType=0 ); /* IE6-9 */
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #ffd200;
margin: 4px auto 0 auto;
    border-radius: 3px 3px 0 0;
    color: #fff;
}
 
.cabinet .wrap-vote {
width: 358px;
text-align: center;
padding: 3px 0;
background: #59c922; /* Old browsers */
background: -moz-linear-gradient(top, #59c922 0%, #299a0b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c922), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #59c922 0%,#299a0b 100%); /* IE10+ */
background: linear-gradient(to bottom, #59c922 0%,#299a0b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c922', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #59c922;
color: #fff;
margin: 4px auto 0 auto;
    border-radius: 3px 3px 0 0;
}
 
.cabinet .wrap-donate {
width: 358px;
text-align: center;
padding: 3px 0;
background: #f40000; /* Old browsers */
background: -moz-linear-gradient(top,  #f40000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f40000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f40000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f40000 0%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f40000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f40000 0%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #f40000;
color: #fff;
margin: 4px auto 0 auto;
    border-radius: 3px 3px 0 0;
}
 
.cabinet .cont {
width: 348px;
padding: 5px;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #e1e1e1;
margin: 0 auto 5px auto;
    border-radius: 0 0 3px 3px;
}
 
.cabinet hr {
border-top: 0;
border-bottom: 1px dashed #bcbcbc;
}
 
.cabinet .banner {
padding: 3px;
border: 1px solid #d1d1d1;
margin: 2px 0;
}
 
.cabinet .banner:hover {
border: 1px solid #59c922;
}
 
.cabinet .button1 {
font-size: 11px;
padding: 5px 15px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f7f7f7 100%); /* FF3.6+ */
 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
border: 1px solid #bcbcbc;
border-radius: 5px;
margin: 3px;
display: inline-block;
color: #292929;
    opacity: 0.5;
}
 
.cabinet .button {
font-size: 11px;
padding: 5px 15px;
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border: 1px solid #bcbcbc;
border-radius: 5px;
margin: 3px;
text-decoration:none;
display: inline-block;
color: #292929;
    cursor: pointer;
}
 
.cabinet .button:hover {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
 
.cabinet #donate {
background: #59c922; /* Old browsers */
background: -moz-linear-gradient(top, #59c922 0%, #299a0b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c922), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #59c922 0%,#299a0b 100%); /* IE10+ */
background: linear-gradient(to bottom, #59c922 0%,#299a0b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c922', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
    width: 200px;
    border-color: #fff;
    color: #fff;
    padding: 3px;
}
 
.cabinet #donate a {color:#fff;opacity:0.7;}
.cabinet #donate a:hover {color:#fff;opacity:1;}

Да, и если кто может, поощерите меня, пусть даже небольшой, но все же денюшкой:

Z215785212735​

R343427377042​

​

 

молодец

 

Спасибо

 

норм

 

Ты уже тут как тут

 

Супер! Возьму и отблагодарю денюжкой, если поможешь с одной проблемкой. Пиши в ЛС

 

Пиши здесь свою проблему.

 

Мне слишком стыдно ее писать

 

Пиши в скайп sasha8085.

 

Красава)) Так держать

 

А это просто шаблон??? или сам функционал

 

Это полный добрик с шаблоном.

 

@sasha8085, сделай версию без ваучеров

 

Извиняй, я и так выложил не плохую работу в ПАБЛИК. Может мне еще под вебмани подогнать или под интеркассу???? Нет уж, это только платно.

 

Найди мне версию для интеркассы. Переделаю и выложу.

 

Платно? Это сколько?

 

У меня проблема! после авторизации и входа в лк я невижу скин и немогу его заливать пишет Сначало авторизуйтесь! потом еще проблема того же характера Вы находитесь в группе

не авторизовались! Как решить?

 

Такая же проблема

 

Саша, я в ЛС кину.