[X] Помощник

[Sergey_Ivanisov Topic Starter]

Добрый день. У меня блог на WP. Я решил установить форму смартреспондера в статью. Без учета скрипта получился следующий код:

<div id="outer_alignment" align="center">
    <form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_14_53" style="width: 339px; border: 1px solid rgb(198, 176, 168); margin-left: ; border-radius: 0px;">
        <input type="text" name="field_name" class="sr-name">
        <div id="sr-preload_" style="display: none; background-color: #f6f6f6; opacity: 0.5; position: absolute; z-index: 100; text-align: center; font: bold 15px Arial;">Загрузка...</div>
        <ul class="sr-box-list"><li class="sr-14_53" style="text-align: center; border-radius: 0px; height: 50px; margin-bottom: 0px;">
<label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(98, 98, 99); font-size: 13px; font-style: italic; display: none;"></label>
<input type="text" name="field_email" class="sr-required" style="font-weight: normal; font-family: arial; color: rgb(102, 102, 102); font-size: 14px; font-style: italic; border: 1px solid rgb(222, 218, 187); border-radius: 0px; height: 34px; box-shadow: none; margin-top: 15px; background-image: none; background-color: rgb(255, 255, 255);" value="Ваш E-mail">
            </li><li class="sr-14_53" style="text-align: center; border-radius: 0px; height: 50px; margin-bottom: 0px;"><label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(98, 98, 99); font-size: 13px; font-style: italic; display: none;;"></label><input type="text" name="field_name_first" style="font-weight: normal; font-family: arial; color: rgb(102, 102, 102); font-size: 14px; font-style: italic; border: 1px solid rgb(222, 218, 187); border-radius: 0px; height: 34px; box-shadow: none; margin-top: 15px; background-image: none; background-color: rgb(255, 255, 255);" value="Ваше имя"></li><li class="sr-14_53" style="text-align: center; border-radius: 0px; border: 0px; height: 78px; margin-bottom: 0px;"><table id="elem_table_subscribe" border="0" cellspacing="0" cellpadding="0" style="display: inline-table; border-collapse: separate; margin-top: 22px; width: 100%;"><tbody><tr><td id="elem_container_subscribe" style="vertical-align: middle;"><input type="submit" name="subscribe" value="Подписаться" style="font-weight: normal; font-family: georgia; color: rgb(255, 255, 255); font-size: 20px; font-style: normal; border: 0px solid rgb(99, 129, 18); height: 45px; width: 100%; margin: 0px; box-shadow: none; background: #EA6E5E; border-radius: 5px;"></td></tr></tbody></table></li></ul>
        <input type="hidden" name="uid" value="699867">
    <input type="hidden" name="tid" value="0"><input type="hidden" name="lang" value="ru"><input type="hidden" name="did[]" value="856439"><input name="script_url_14_53" type="hidden" value="https://imgs.smartresponder.ru/on/ab56041b1029cf05b0e72706e07a057c4c9014e3/14_53"></form>
</div>

Подскажите пожалуйста, как задать в CSS стили для элементов с классом: 

• sr-box


• sr-box-list


• sr-14_53


• remove_labels

Для "sr-14_53" смог сам разобраться, методом"смотрения на подобные вещи". Получилось так:

#main_content_post ul li.sr-14_53:before {параметры}

А вот с другими, ну, никак не получатся.... Буду рад, если поможете :)

Если быть конкретней то интересует, лишь то, то что находится за {


Сообщение отредактировал Sergey_Ivanisov - 27.9.2015, 15:51

[Russ33]

sr-box

 
Для этого случая, разве это вот не работает:

.sr-box {
параметры;
}

[Sergey_Ivanisov Topic Starter]

Russ33, нет не получилось. Почему-то, когда так делал, то у элемент наследовал CSS другой. Сегодня свежую голову получилось так: 

#main_content_post ul li.sr-14_53 {параметры}

Предполагаю, суля по строчкам "main_content_post", что нужно было задавать стиль именно для контента внутри сообщения:)


Сообщение отредактировал Sergey_Ivanisov - 27.9.2015, 17:18

[Russ33]

Почему-то, когда так делал, то у элемент наследовал CSS другой.

 
Может у вас, к этим классам уже применены, какие то стили и всё из-за этого? Проверьте!
Или дайте этому:

sr-box
sr-box-list
sr-14_53
remove_labels

 
ID, а не классы, и уже к самим id применяйте правила.

[Sergey_Ivanisov Topic Starter]

Russ33, да. Так оно и было. Теперь понял. Спасибо.

Подскажите ещё, а как перенести эти стили:

<input type="submit" name="subscribe" value="ПОЛУЧИТЬ ССЫЛКУ" style="font-weight: normal; font-family: georgia; color: rgb(255, 255, 255); font-size: 20px; font-style: normal; border: 0px solid rgb(99, 129, 18); height: 45px; width: 100%; margin: 0px; box-shadow: none; background: #EA6E5E; border-radius: 5px;">

в таблицу? Нужно задать свой класс? Пример пожалуйста приведите :)) 


Сообщение отредактировал Sergey_Ivanisov - 27.9.2015, 17:54

[Sergey_Ivanisov Topic Starter]

Недожидаясь ответов сделал сам, как смог. Если кто-то сможет быстренько пробежаться и указать на очевидные ошибки, буду благодарен.

#main_content_post ul li.sr-14_53:before {
   background: none;
}
#main_content_post ul li.sr-14_53 {
  text-align: center;
   border-radius: 0px;
   height: 50px;
   margin-bottom: 0px;
}
#main_content_post .remove_labels {    
    font-weight: normal;
    font-family: arial;
    color: rgb(98, 98, 99);
    font-size: 13px;
    font-style: italic;
    display: none;
}
#main_content_post .sr-box {  
    width: 339px;
    height: 200px;
    border: 1px solid rgb(198, 176, 168);
    border-radius: 0px;
}
#main_content_post .sr-required {  
   font-weight: normal;
   font-family: arial;
   color: rgb(102, 102, 102);
   font-size: 14px;
   font-style: italic;
   border: 1px solid rgb(222, 218, 187);
   border-radius: 0px;
   height: 34px;
   box-shadow: none;
   margin-top: 15px;
   background-image: none;
   background-color: rgb(255, 255, 255);
}
#sr-preload_14_53 {
  display: none;
  background-color: #f6f6f6;
  opacity: 0.5;
  position: absolute;
  z-index: 1200;
  text-align: center;
  font: bold 15px Arial;
}
#smart-resp-pole {
  font-weight: normal;
  font-family: arial;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-style: italic;
  border: 1px solid rgb(222, 218, 187);
  border-radius: 0px;
  height: 34px;
  box-shadow: none;
  margin-top: 15px;
  background-image: none;
  background-color: rgb(255, 255, 255);
}
#main_content_post #elem_table_subscribe {
  border: 0px;
  cellspacing: 0px;
  cellpadding: 0;px
  display: inline-table;
  border-collapse: separate;
  margin-top: 22px;
  width: 100%;
}
#elem_container_subscribe {
  vertical-align: middle;
}
#smart-resp-knopka {
  font-weight: normal;
  font-family: georgia;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-style: normal;
  border: 0px solid rgb(99, 129, 18);
  height: 45px;
  width: 100%;
  margin: 0px;
  box-shadow: none;
  background: #EA6E5E;
  border-radius: 5px;
}

[Russ33]

[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] border-radius: 0px; [/quote] 
Когда значение 0, то px можно не писать. ;) То же и здесь:
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] margin-bottom: 0px; [/quote]
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] border-radius: 0px; [/quote]
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] border-radius: 0px; [/quote]
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] border-radius: 0px; [/quote]
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] border: 0px; cellspacing: 0px; [/quote]
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] margin: 0px; [/quote] 
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] cellpadding: 0;px [/quote]
Это повторяющееся правило, его необходимо удалить.
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] font-weight: normal; font-family: arial; font-size: 13px; font-style: italic; [/quote]
Это всё можно заменить на font: italic normal 13px arial;
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] background-image: none; background-color: rgb(255, 255, 255); [/quote]
Я не понимаю, зачем закрывать изображение, если заданный вами цвет сам его закроет, стоп, а оно вообще там есть? 
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] font-weight: normal; font-family: arial; font-size: 14px; font-style: italic; [/quote]
Это можно заменить на  font: italic normal 14px arial;
И ещё, желательно заменить все italic в тексте на bold.
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] font-weight: normal; font-family: arial; font-size: 14px; font-style: italic; [/quote]
Опять же это лучше написать так font: italic normal 14px arial;
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] Arial [/quote]
Это дело нужно писать с маленькой буквы.
[quote name='Sergey_Ivanisov' post='2722340' date='28.9.2015, 02:06'] font-weight: normal; font-family: georgia; font-size: 20px; font-style: normal; [/quote]
Можно заменить на font: normal normal 20px georgia;

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.