Не пропечатывается кнопка в объявлениях

Первое сообщение в теме :

Добрый день!
Все сделал как  Здесь, но в добавлении новых объявлений внизу, не видно кнопки ОТПРАВИТЬ ОБЪЯВЛЕНИЕ. Как исправить? Тут

Разжал код CSS, чтобы было понятнее.
Вот эту часть вставьте в каскадную таблицу.

Код:

/* Button icon */
     input[type="button"], input.button, a.button, input.button1, input.button2, input[type="submit"], input[type="reset"] {
    border-radius: 3px;
    background: #0F61A1;
    padding: 5px 14px;
    font-size: 1em;
    border: 0 none!important;
    color: #FFF!important;
}
    input[type="button"]: hover, input.button:hover, a.button:hover, input.button1:hover, input.button2:hover, input[type="submit"]:hover {
    background-color: #444!important;
}
    a.button, #find_user, select[name="g"] + input, #use, #jqmHide, #friend + input, #foe + input, #find_friend, select[name="avatarcategory"] + input, select[name="active_time"] + input, select[name="msgdays"] + input, input[type="reset"], input[type="submit"], form[name="searchform"] .button {
    padding: 5px 10px 5px 30px;
    background-repeat: no-repeat;
    background-position: 10px center!important;
}
    #find_user, #find_friend, form[action="/search"] input[type="submit"], input[type="submit"][name="search"], form[name="searchform"] .button {
    background-image: url(https://i39.servimg.com/u/f39/14/67/90/38/search10.png);
}
    input[type="reset"], input[type="submit"][name="refresh"], input[type="submit"][name="groupstatus"] {
    background-image: url(https://i39.servimg.com/u/f39/18/95/05/08/refres10.png);
}
    a.button[href="/"], input[type="submit"][name="valid"], #jqmHide, input[type="submit"][name="remove"], input[type="submit"][name="cancelavatar"], input[type="submit"][name="cancel"], input[type="submit"][name="delete"], input[type="submit"][name="deleteall"], input[type="submit"][name="delete_all"] {
    background-image: url(https://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png);
}
    input[type="submit"][name="prevent_modif"], input[type="submit"][name="preview"] {
    background-image: url(https://i39.servimg.com/u/f39/18/95/05/08/previe10.png);
}
    input[type="submit"][name="draft"], input[type="submit"][name="save"] {
    background-image: url(https://i39.servimg.com/u/f39/18/95/05/08/save10.png);
}
    a.button[href="/register?agreed=true&step=2"], input[type="submit"][name="prevent_post"], input[type="submit"][name="split_type_beyond"], input[type="submit"][name="split_type_all"], input[type="submit"][name="submitavatar"], input[type="submit"][name="post"], input[type="submit"][name="confirm"], input[type="submit"][name="publish"], input[type="submit"][name="submit"], input[type="submit"][name="login"] {
    background-image: url(https://i39.servimg.com/u/f39/18/95/05/08/send10.png);
}
    select[name="g"] + input, select[name="fid"] + input[type="submit"][name="go"], input[type="submit"][name="moveprofile"], select[name="active_time"] + input, select[name="msgdays"] + input, select[name="avatarcategory"] + input[type="submit"] {
    background-image: url(https://i39.servimg.com/u/f39/18/83/32/63/14085610.png);
}
    input[type="submit"][name="add"], #friend + input, #foe + input {
    background-image: url(https://i39.servimg.com/u/f39/18/83/32/63/14085611.png);
}
    input[type="submit"][name="go"], input[type="submit"][name="select_to"], #use {
    background-image: url(https://i39.servimg.com/u/f39/18/83/32/63/14085612.png);
}
    input[type="submit"][name="avatargallery"] {
    background-image: url(https://i39.servimg.com/u/f39/18/83/32/63/14085613.png);
}
    .noIcon input.button[type="submit"] {
    padding-left: 10px;
    background-image: none;
}
    input.button2 {
    margin: 0;
}
 

    /* button css */
    .buttons a {
    display: block;
    color: #FFF!important;
    background: #2980b9;
    margin: 4px;
    padding: 4px 16px;
    box-shadow: 2px 2px 2px #CCC;
}
  

    .buttons a: hover, {
    background: #444!important;
    box-shadow: initial;
    margin: 6px 2px 2px 6px;
}
    .zzPoll > h3 a: before, div.errorwrap p:before, div.infowrap p:before, .buttons a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 


Меняет стиль на всех кнопках, кроме кнопок тем.

Вставил, проблема не решилась. Ничего не поменялось, осталось как было.

У Вас ошибка в цвете по умолчанию. А так-то код работает. Покажите мне свой код, что изменили цвета.

Еще и номера страниц пропали.
Вобщем решил вернутся к первоначальному стилю. Уж очень проблем много.
Может в том туториале предупредить о возможных проблемвх, я бы например не стал бы заморачиваться.
А так стиль понравился, с меняющейся подсветкой кнопок.
А для отдельных кнопок, ОТПРАВИТЬ и ПРЕДПРОСМОТР можно подсветить?

reds-1975 пишет:ОТПРАВИТЬ и ПРЕДПРОСМОТР можно подсветить?

Это кнопки с классом button2
Ничего я предупреждать не буду потому, как нет проблем с кодом, если правильно установить.
Стиль нумерации страниц (pagination) в туториале не прописан.

А можно в туториале помаксимуму все прописат изначально? Что бы исключить лишие вопросы чайников, типа меня. Ведь таких большинство.

Туториал рассчитан на то, чтобы его вставить, как есть. Любые внесения корректив в предлагаемые коды - это уже желательно для опытных пользователей. Да и, если не допускать ошибок, то опыта не набраться.
На самом деле в коде два цвета по умолчанию для кнопок.

и

Поэтому мы и здесь, что бы у вас учиться.
Можно ли сделать подсветку на отдельные кнопки, не меняя основной стиль ?

Как вариант, посмотрите эту тему https://help.forum2x2.ru/t33176-topic
Кнопки можно задать любые в стиле, но прописывать придется вручную каждую кнопку.

Спасибо

У меня на главную выходят 5 последних объявления и вначале последнего появляется слово НОВОЕ. Как изменить его цвет?
Вот CSS

Код:

.room {
background-image:url(https://i56.servimg.com/u/f56/18/13/02/61/dddddd10.png); /* фоновая картинка */
background-repeat:no-repeat;
width:43px; /* ширина картинки */
height:29px; /* высота картинки */
float:right;
margin:-5px 1px 0 5px;
padding:3px 0; /*расположение номера в картинке */
text-align:center;
}

.room a{
color:#000000; /* цвет номера */
text-decoration:none;
font-size:18px; /* размер шрифта номера */
font-family:Georgia; /* шрифт номера */
}
.room a:hover{
color:#ff0000;/* цвет номера при наведении курсора */
text-decoration:none;
}
.vote .vote-no-bar {
display:none;
}
.vote {
width: auto;
}
.vote-button {
width: auto;
font-size: 0px;
}
/* Quote on BB3 */
blockquote blockquote,blockquote blockquote
blockquote {
background:none;
border:0!important;
}
blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:14px 0 10px 8px;
font-size:14px; /* размер шрифта */
line-height:18px;
color:#504536; /* цвет шрифта */
font-family:Georgia; /* название шрифта */
font-style:italic; /* наклонный шрифт */
}
blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #B38000; /* рамка цитаты */
background:url(https://i58.servimg.com/u/f58/14/80/95/87/7699510.jpg) bottom left repeat-x #FFFEF9; /* фон блока цитаты */
max-width:92%; /* максимальная ширина цитаты */
padding:10px 20px 10px 20px;
position:relative;
}
blockquote div:before {
content:'';
background:url(https://i58.servimg.com/u/f58/14/80/95/87/openq12.png) top left no-repeat transparent; /* открывающая кавычка */
position:absolute;
width:11px;
height:11px;
top:15px;
left:3px;
}
blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(https://i58.servimg.com/u/f58/14/80/95/87/closeq12.png) top left no-repeat transparent; /* закрывающая кавычка */
width:11px;
height:11px;
right:4px;
bottom:2px;
}
blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px; /* размер шрифта заголовка цитаты */
color:#000; /* цвет шрифта заголовка цитаты */
background:url(https://i58.servimg.com/u/f58/14/80/95/87/qhm11.png) top left repeat-x transparent; /* фон шапки цитаты (средняя часть) */
height:32px;
line-height:24px;
position:absolute;
z-index:100;
top: -18px;
text-shadow:#fff 1px 1px; /* тень текста заголовка */
left:0px;
}
blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(https://i58.servimg.com/u/f58/14/80/95/87/qho11.png) no-repeat 0 0 transparent; /* фон шапки цитаты (левая часть - сапог) */
width:31px;
height:38px!important;
left:-13px;
top:0;
}
blockquote div cite:after {
content:'';
background:url(https://i58.servimg.com/u/f58/14/80/95/87/qhc11.png) no-repeat 0 0 transparent; /* фон шапки цитаты (правыя часть) */
position:absolute;
right:-10px;
width:10px;
height:32px;
}
/*кнопки вверх вниз*/
.go-up,.go-down {
display:none;
position:fixed;
right:5px; /*расстояние от правого края*/
z-index: 999;
cursor:pointer;
opacity:.7; /*прозрачность в обычном состоянии*/
margin-bottom:20px; /*расстояние от нижней часть форума*/
width:30px; /*ширина кнопки*/
height:32px; /*высота кнопки*/
}
.go-up {
bottom:75px; /*отступ верхней кнопки от низа форума*/
background-image:url(https://i58.servimg.com/u/f58/14/80/95/87/2up13.png); /*кнопка вверх*/
}
.go-down {
bottom:25px; /*отступ нижней кнопки от низа форума*/
background-image:url(https://i58.servimg.com/u/f58/14/80/95/87/2up12.png); /*кнопка вниз*/
}
.go-down:hover,.go-up:hover {
opacity:1; /*прозрачность кнопки при наведении*/
}#content-container #right {
width: 0;
height: 0;
}
#content-container div#content {
margin-right:0;
}/* админ и модер bb-кода - общие настройки */

.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}

/* админ bb-код - оформление блока сообщения */

.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}

/* админ bb-код - оформление заголовка */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;  
}
   
/* админ bb-код - оформление текста */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(https://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}

/* модер bb-код - оформление блока сообщения */

.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}

/* модер bb-код - оформление заголовка */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;    
}
   
/* модер bb-код - оформление текста */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(https://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;  
}#search-box {
display:none;
} ul.profile-icons li a {
display: inline;
}  .postprofile {
width:15%;
}
.postbody {
width:84%;
}/* маскировка лев. и прав. колонок везде */
#content-container div#left {
margin-right: 0 !important;
width: 0 !important;
height: 0 !important;
}

#content-container div#right {
width: 0 !important;
height: 0 !important;
}


dd.posts, dd.topics, dd.views {
   border: none;
   font-size: 1.2em;
   line-height: 2.2em;
   text-align: center;
   width: 9%;
}dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
   display: block;
   padding-left: 5px;
   text-align: center;
}.AD_SectionDescription {
   color:#F6881F ;
} #AD_Form .row3 label {
   color: #fff;
} .row3, .row3 * {
   color: #fff;
}#newsareal1 ul.AD_ListInline {
 background-color: #f5e4e4;
 border: 2px solid #b3881b;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}

#newsareal1 ul.AD_ListInline:hover {
 background-color:#FFF ;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
  transition: all 0.3s;
}

#newsareal1 .AD_TopImg {
 display: none;
 
}

#newsareal1 ul.AD_ListInline a.AD_Image {
 height: 50px;
 margin-left:5px;
}ul.topiclist.forums li.row:first-child dl dd + dd {
display: none;
}

ul.topiclist.forums li.row:first-child dl dd {
   width: 99%;
}#tabs .activetab a span {
   background-position: 100% 0;
   color: #FF8C00 f;
   padding-bottom: 7px;
}#cp-main h1 {
   border-bottom: none;
   color:  #FF8C00     ;
   margin-left: 10px;
   padding: 0;
}  .row3 * {
   color:   #00AA00    ;    
} .forabg {
   background-color: # 4acc4a    ;
 
}
li.header dl.icon * {
   color: #FFF    
   
   !important;
}

Когда выкладываете коды в тему, заключайте их в теги

Код:

[code][/code]

Но не суть.
Во-первых, Ваш вопрос уже выходит за рамки обсуждения данной темы. По правилам : Один вопрос - отдельная тема.
Во-вторых, вопрос не до конца понятен. Стоит догадываться, что речь идет о виджете. Стандартные виджеты имеют ограниченный набор настроек.

Если вопрос, ранее поставленный Вами в теме, решен, пожалуйста, пометьте тему соответствующим значком.

А где поставить что вопрос решен?

В форуме категория БЕСПЛАТНЫЕ ОБЪЯВЛЕНИЯ, на главной, светло оранжевого цвета появляется слово НОВОЕ. Его почти не видно. Хочу окрасить в красный цвет

Вот это классы этого параметра на вашем сайте. Пробуйте задать цвета в каскадной таблице.

Код:

<span class="AD_StatusList"><span class="AD_StatusLabel">Новое !</span></span>

А вообще они должны быть в ПА - Цвета

Вот так он выглядит в CSS :

Код:

.AD_StatusLabel {
    background: #fcf1dd none repeat scroll 0 0;
    border-radius: 5px;
    color: #fcdd76;
    font-size: 15px;
    font-weight: 400;
    margin-right: 5px;
    padding: 5px;
    white-space: nowrap;
}


background: #fcf1dd none repeat scroll 0 0; - цвет фона
color: #fcdd76; - цвет текста

Не ищите, это базовая CSS.
Просто найдите эти цвета в ПА и измените.

Спасибо. Через ПА поменял цвета.