AS Style By Lider036

Вопросы оформления, приемы HTML и JavaScript, обсуждение прочих стилей, не представленных в предыдущем разделе.
Правила форума
Если ваш вопрос касается стиля, загруженного в разделе "Стили для вашего форума", задайте пожалуйста вопрос в том разделе в теме конкретного стиля. Если ваш вопрос касается предустановленного стиля, задайте вопрос в соответствующей теме.
Создавайте НОВУЮ ТЕМУ только в том случае, если еще нет темы посвященной вашему стилю или вопрос не касается какого-то конкретного стиля.
Задавая вопрос, не забывайте написать название вашего стиля.
Спасибо! :)
Ответить
Аватара пользователя

Автор темы
Lider036
Сообщения: 15
Зарегистрирован: 22 мар 2015, 04:19
Откуда: Благовещенск
Контактная информация:

AS Style By Lider036

Сообщение Lider036 » 28 мар 2015, 17:18

Общий вид
Изображение
Вид ответа
Изображение
Оформление с All-Stateiki.Ru
Делал я его играя с файлом стиля и не трогая файлы шаблона

Менять будем обычный Prosilver

Заходим в АЦ > Персонализация > Настройка Стилей

И где Таблица стилей вставляем
[+] КОД

Код: Выделить всё

.username-coloured {
  font-weight: 100;
 text-shadow: 0px 0px 10px;
}
.postauthor {
	color: #000000;
        text-shadow: 0px 0px 10px;
}
.forabg {
  background: #b15f11 url('http://all-stateiki.ru/store/lider036_5nx_ru/images/maintitle.png') repeat-x 50% 0;
}
.forumbg {
  background: #b15f11 url('http://all-stateiki.ru/store/lider036_5nx_ru/images/maintitle.png') repeat-x 50% 0;
}
#wrap {
  background: #191919;
  border: 1px solid #2b2b2b;
  border-top: 1px solid #313131;
  -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
  -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
  box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
}
html, body {
  color: #536482;
  background: #000;
  background-image: url(http://all-stateiki.ru/store/lider036_5nx_ru/images/backgg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}
a:hover {
  color: #ffd556;
  text-shadow: 0 0 0.3em #FFCF3D;
}
a {
  color: #ffb74c;
}
h3 {
  border-bottom-color: #CCCCCC;
  color: #fff;
}
p {
  line-height: 1.3em;
  margin-bottom: 1.5em;
  font-size: 11px;
  color: #898989;
}
ul.forums {
  background-color: #1A1A1A;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url("");
}
dl.icon dt .list-inner {
  padding-left: 45px;
  color: #898989;
}
li.row strong {
  color: #FFFFFF;
  text-shadow: 0px 0px 10px;
}
li.row:hover {
  background-color: #1A1A1A;
}
.bg1 {
 background-color: #1A1A1A;
  border-style: solid;
  border-top-color: #454545;
  border-left-color: #454545;
  border-right-color: #454545;
  border-bottom-color: #454545;
  border-width: 1px;
}
.bg2 {
 background-color: #1A1A1A;
  border-style: solid;
  border-top-color: #454545;
  border-left-color: #454545;
  border-right-color: #454545;
  border-bottom-color: #454545;
  border-width: 1px;
}
ul.topiclist dd {
  border-left-color: #FFF;
  color: #EAEAEA;
}
li.header dl.icon dt .list-inner {
  padding-left: 0;
  padding-right: 50px;
  color: #FFFFFF;
}
.postprofile strong {
  color: #aaa;
  margin-right: 3px;
}
.leftsided .postprofile dd, .leftsided .postprofile dt {
  margin: 0 12px 0 0;
  color: #BBB;
}
.content {
  color: #bcbcbc;
}
.navbar {
  background: rgba(118, 141, 61, 0) url('http://all-stateiki.ru/store/lider036_5nx_ru/images/highlight_faint.png') repeat-x 0 -1px;
  text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  line-height: 1.6;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  border: 1px solid #272727;
}
.panel {
  color: #ADADAD;
  border: 1px solid #FFB74A;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.content h2, .panel h2 {
  color: #525252;
  border-bottom-color: #5F5F5F;
}
a:hover	{ text-decoration: none; }
.search .postprofile a:hover {
	text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: none;
}
.signature a, .signature a:hover {
	border: none;
	text-decoration: none;
}
a.lastsubject:hover {
	text-decoration: none;
}
a.topictitle:hover {
	text-decoration: none;
}
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	text-decoration: none;
}
.headerbar {
  background-color: #191919;
  background-image: url("./images/bg_header.gif");
  color: #FFFFFF;
}
.lastpostavatar img {
  border: 1px solid #FFB74C;
  display: inline-block;
  margin-right: 4px;
  float: left;
}
.pagination li a {
  color: #080808;
  border-color: #E8E8E8;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
  color: #080808;
  border-color: #E8E8E8;
  background-image: linear-gradient(to bottom, #ffffff, #8FC389);
}
.pagination li.active span {
  color: #FFFFFF;
  background-color: #FFB74C;
  border-color: #FFB74C;
}
.dropdown .pointer-inner {
  border-color: #1A1A1A transparent;
}
.dropdown .dropdown-contents {
  background: #191919;
  border-color: #b9b9b9;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.panel {
  color: #FFB74A;
  border: 1px solid #2d2d2d;
  background-image: linear-gradient(to bottom, #222222, #1B1B1B);
}
.panel {
  background-color: #1A1A1A;
  color: #FFB74A;
}
.content h2, .panel h2 {
  color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
label {
  color: #A4A6AB;
}
b, strong {
  font-weight: bold;
  color: #ffb74c;
}
.action-bar.bottom .pagination {
  margin-top: 0;
  color: #BBBBBB;
}
#wrap {
  border: 1px solid transparent;
  border-radius: 0px;
  margin: 0 auto;
  max-width: 1272px;
  min-width: 625px;
  padding: 15px;
}
.user-reputation span {
  color: #00FF17;
  font-weight: normal;
}
li.row {
  border-top: 1px solid #252525;
  border-bottom: 1px solid #111;
}
.inputbox:hover {
  border-color: #000000;
}
.inputbox {
  background-color: #1A1A1A;
  border-color: rgba(0, 0, 0, 1);
  color: #FFFFFF;
}
#message-box textarea {
  color: #bcbcbc;
}
.inputbox:hover {
  border-color: #000000;
}
.search-header {
  box-shadow: 0 0 3px #FFF;
}
.inputbox:focus {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
.search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus, .search-box .button:hover {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
.pagination {
  float: right;
  color: #BBBBBB;
  font-size: 11px;
  margin-top: 3px;
  text-align: right;
  width: auto;
}
dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
  display: block;
  padding-left: 6px;
}
.forum_read {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/f_icon_read.png");
}
.forum_read_subforum {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/f_icon_read.png");
}
.forum_link {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/f_redirect.png");
}
.post {
  padding: 5px 10px;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  border-radius: 0px;
  position: relative;
}
.button {
  border-color: #C7C3BF;
  background-color: #FFFFFF;
  background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
  background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
  background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
  background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')";
  box-shadow: 0 0 0 1px #FFFFFF inset;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
  color: #000000;
}
.admin-bar-container .admin-bar-control {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 38px;
  line-height: 38px;
  background-color: #000;
  color: #ccc;
  font-size: 18px;
  text-align: center;
}
h2 {
  color: #bcbcbc;
}
dl.details dt {
  color: #bcbcbc;
}
dl.details dd {
  color: #D3D6DB;
}
ul.linklist > li.rightside, p.rightside, a.rightside {
  float: right;
  margin-right: 0;
  margin-left: 7px;
  text-align: right;
  color: #bcbcbc;
}
.admin-bar-inner {
  display: block;
  width: 100%;
  height: 38px;
  background-color: rgba(90, 90, 90, 0);
  position: relative;
}
.post:target .content {
  color: #bcbcbc;
}
.imageset.icon_topic_latest {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/lastpost-right.png");
  padding-left: 11px;
  padding-top: 9px;
}
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
  text-decoration: none;
  padding: 2px 8px;
  line-height: 250%;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  padding: 4px 12px;
  border-radius: 4px;
  vertical-align: text-bottom;
  background-position: 0 1px;
}
.post img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  -ms-interpolation-mode: bicubic;
}
.dropdown-extended .header {
  background: #191919;
  background: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F8FF), color-stop(100%, #191919));
  background: -o-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: -ms-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  background: linear-gradient(to bottom, #191919 0%, #191919 100%);
}
.dropdown-extended ul li:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.forum_unread {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/f_icon_unread.png");
}
.forumbg {
  border-radius: 0px;
}
.forabg {
 border-radius: 0px;
}
.navbar {
  padding: 3px 10px;
  border-radius: 0px;
}
.has-profile .post-buttons {
  float: none;
  position: absolute;
  margin: 0;
  right: 9;
  top: 9px;
}
.navbar ul.linklist {
  padding: 2px 0;
  display: block;
  font-weight: 400;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
  text-decoration: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  text-transform: uppercase;
  font-family: "Cuprum" !important;
}
.icon-members {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/icomembers.png");
}
.icon-team {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/people_7761.png");
}
.icon-thanks_toplist {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/keditbook8.png");
}
.icon-thanks {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/h5_3362.png");
}
.icon-faq {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/system-help_9999.png");
}
.icon-acp {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/kded_8460.png");
}
.icon-mcp {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/auction_hammer_gavel_1410.png");
}
.icon-notification {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/preferences-desktop-notification_3024.png");
}
.icon-pm {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/message2_2475.png");
}
.icon-contact {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/message2_2475.png");
}
.icon-delete-cookies {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/trashyellow_6491.png");
}
.icon-home {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/folder_home_4401.png");
}
#reputation-popup {
  font-size: 0.9em;
  z-index: 500;
  display: none;
  background: rgb(26, 26, 26);
  box-shadow: 2px 2px 4px #555555;
  border-radius: 11px;
  padding: 5px;
  border: 5px solid #FFA32C;
}
.icon-ucp {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/contact_5118.png");
}
.icon-profile {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/profile_7787.png");
}
.icon-logout {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/exit_1086.png");
}
.header-avatar img {
  margin-bottom: 2px;
  max-height: 0px;
  vertical-align: middle;
  width: auto;
}
.phpbb_alert {
  background-color: #181818;
  border-color: #918989;
}
ul.topiclist li.row dt a.subforum.read {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/balloon.png");
  background-size: 12px;
}
a.forumtitle:hover {
  text-decoration: none;
}
.icon-register {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/cash_register_2586.png");
}
#tabs .tab > a {
  background: #2D2D2D;
  color: #C5A84C;
}
#tabs .tab > a:hover {
  background: #2D2D2D;
  color: #FFB74C;
}
#tabs .tab > a {
  border: 1px solid rgb(37, 37, 37);
  border-radius: 0px 0px 0 0;
  margin: 1px 1px 0 0;
}
#tabs .activetab > a, #tabs .activetab > a:hover {
  background: #2D2D2D;
  background: -moz-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2D2D2D), color-stop(100%, #2D2D2D));
  background: -webkit-linear-gradient(top, #2D2D2D 0%, #2D2D2D 100%);
  background: -o-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: -ms-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  background: linear-gradient(to bottom, #2D2D2D 0%, #2D2D2D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB', GradientType=0 );
  border-color: #2D2D2D;
  box-shadow: 0 1px 1px #202020 inset;
  color: #C5A84C;
}
#navigation #active-subsection a {
  background: #2D2D2D;
  color: #8A461A;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#navigation a {
  color: #FAFAFA;
  background: #B4C4D1;
  background: -moz-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: -webkit-gradient(left top, right top, color-stop(50%, #B4C4D1), color-stop(100%, #CADCEB));
  background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: -o-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: -ms-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  background: linear-gradient(to right, #2D2D2D 50%, #212121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB', GradientType=1 );
}
#navigation #active-subsection a:hover {
  color: #D8CBCE;
}
#navigation a:hover {
  background: rgba(33, 33, 33, 1);
  color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
a.button2, input.button2, input.button3 {
  border-color: #2D2D2D;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
  color: #000;
  background-color: #FAFAFA;
  padding: 3px 10px;
  display: inline-block;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  border-color: #202020;
  color: #2D2D2D;
}
.panel-container table.table1 thead th {
  color: #7B8589;
  border-bottom-color: #282828;
}
table.table1 td {
  color: #B68533;
}
.dropdown li, .dropdown li li {
  border-color: #ECECEC;
}
.dropdown li.separator {
  border-color: #EA9731;
}
.icon-subscribe {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/button_ok_9523.png");
}
.icon-bookmark {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/bookmarks_list-add_3937.png");
}
.icon-bump {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/bump_48_8406.png");
}
.icon-sendemail {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/diagram-05_6938.png");
}
.icon-print {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/print_printer_6941.png");
}
a.arrow-left {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/arrowleft_6549.png");
}
a.arrow-left {
  padding-left: 20px;
}
a.top {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/arrowup_4894.png");
}
a.top {
  /* background: none no-repeat top left; */
  text-decoration: none;
  width: 20px;
  height: 16px;
  display: block;
  float: right;
  overflow: hidden;
  letter-spacing: 1000px;
  text-indent: 20px;
}
i, em {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 11px;
  /* font-style: italic; */
}
.stat-block {
  clear: both;
  font-size: 11px;
}
a.exlinks {
  background-image: url('./link.png');
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  padding-left: 18px;
  color: #FFFFFF;
}
a.exlinks:hover {
  color: #FFF;
}
.leftsided .online .postprofile {
  background: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/online.png") right top no-repeat;
}
dd label {
color: #ABAAAA;
}
fieldset dl:hover dt label {
  color: #A4A6AB;
}
.postbody {
  color: #D2CBCB;
}
.small {
  font-size: 11px !important;
}
.signature {
  border-top-color: #FFB74C;
}
.row1 {
  position: relative;
  border: 1px solid #CFCFCF;
  border-bottom-color: #CFCFCF;
  line-height: 130%;
  color: #D5D5D5;
  padding: 3px 3px 3px 3px;
  border-bottom: 1px solid #CFCFCF;
  overflow: hidden;
}
#cp-main .pm {
  background-color: #1F1F1F;
}
.post:target h3 a {
  color: #ffb74c;
}
.imageset.icon_post_target {
  background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/target-disable_6725.png");
  padding-left: 11px;
  padding-top: 9px;
}
.online {
background-image: url("http://all-stateiki.ru/store/lider036_5nx_ru/images/online.png");
}

Если раздел не тот переместите

Аватара пользователя

Merlin
Сообщения: 718
Зарегистрирован: 03 янв 2015, 10:04
Благодарил (а): 32 раза
Поблагодарили: 262 раза
Пол:
Контактная информация:

AS Style By Lider036

Сообщение Merlin » 28 мар 2015, 21:34

У вас очень сырой код и в целом стиль не доделал.
Lider036 писал(а):

Код: Выделить всё

 background-image: linear-gradient(to bottom, #ffffff, #8FC389);
Пример кнопки сделанной с помощью градиента на стилях просильвера примерно такой

Код: Выделить всё

.button {
	border-color: #d13636;
	background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF);
	background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF);
	background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')";
	text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}

Аватара пользователя

Автор темы
Lider036
Сообщения: 15
Зарегистрирован: 22 мар 2015, 04:19
Откуда: Благовещенск
Контактная информация:

AS Style By Lider036

Сообщение Lider036 » 28 мар 2015, 21:41

за пару часиков делал... сейчас начал менять стиль на светлый.... так как он и глазу приятней и грузит вроде как быстрей
Изображение

Ответить