"css/template.css" в шаблоне "ja_edenite"

Тема в разделе "Kunena", создана пользователем Мефистофель, 09.01.2013.

  1. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    Еще раз здравствуйте!
    Пытаюсь разобраться с шаблоном - не выходит.
    Задача: сменить фон страниц текста.
    Мои действия:
    1. Захожу в админпанель (доступ к фтп снова закрыт).
    2. Выбираю менеджер шаблонов
    3. Редактирую шаблон по умолчанию (он называется "ja_edenite")
    4. Из нескольких доступных файлов выбираю редактировать "css/template.css"
    5. Ищу, где меняется фон, вот что нахожу:

    Код (PHP):
    1. /* COMMON STYLE
    2. --------------------------------------------------------- */
    3. body { font-family: "Lucida Grande", Arial, sans-serif;}


    Это единственное упоминание о "body" в файле.

    Добавляю цвет фона таким образом:

    Код (PHP):
    1. margin:0px;
    2.   padding:0px;
    3.   background: #999999;
    4.  background-image: none;


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

    Проверил тот ли это блок - изменил шрифт с Arial на другой - работает. Шрифт текста меняется в блоке новостей, главном меню, но не в блоке с основным контентом.

    Ребята, жду от вас рекомендаций.
     
  2.  
  3. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Скажите, а как Вы ищите?
     
  4. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 054
    Симпатии:
    520
    Пол:
    Мужской
    Это когда ж цвет стал черным? #999999
    Код (CODE):
    1. background: #000 !important;
     
  5. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    В списке шаблонов смотрю тот, который стоит по умолчанию. Открываю. Вижу несколько css файлов. Выбираю template.css (так начитался в интернете - говорят, что настройки там). Потом смотрю блоки, какие есть. Что-то для стиля новостей, что-то для формы входа и т.п. Методом исключения остается только блок "Body". В нем только одна строчка о шрифтах. туда дописываю просто

    margin:0px;
    padding:0px;
    background: #000;
    background-image: none;

    Все... я думаю, что это и есть цвет фона... Если ошибаюсь, поправьте меня, пожалуйста. Может я и вправду не там ищу.
     
  6. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 054
    Симпатии:
    520
    Пол:
    Мужской
    Ну вообще то shurikkan, ,намекал на расширение FireFox- FireBug
     
  7. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    Дорогой вымой человек!)) Срботало)
    Теперь, когда я уверен, что фон настраивается именно тут, скажите... а как, если не в фотошопе искать трехзначное значение цвета, а не шести?
     
  8. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 054
    Симпатии:
    520
    Пол:
    Мужской
    расширение ColorZilla FireFox
    Ну а воообще уже нужно привыкать к HSLA
     
  9. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    Буду привыкать - придется сталкиваться часто.

    У меня новый вопрос:
    Редактировал код долго и усердно, перебирая всевозможные значения. Доигрался. Где-то что-то поменял и границы нужного блока не выставляются. Их просто не видно.
    Подскажите, какую часть нужно изменить, чтоб границы начали отбражаться.
    Границы нужны тут:

    Код (PHP):
    1. /* MAIN LAYOUT DIVS
    2. --------------------------------------------------------- */


    А вот полный код Css:

    Код (PHP):
    1. /* COMMON STYLE
    2. --------------------------------------------------------- */
    3. body { font-family: "Lucida Grande", Arial, sans-serif;
    4.        background: #fafad6 !important;}
    5.  
    6. /* Normal links ---*/
    7. a { color: #2c79b3; text-decoration: none; }
    8.  
    9. a:hover, a:active, a:focus { text-decoration: underline; }
    10.  
    11. /* Readon links ---*/
    12. p.readmore{ clear: both; overflow: hidden; }
    13.  
    14. p.readmore a {
    15.   background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
    16.  clear: both;
    17.   color: #fff;
    18.  display: block;
    19.   float: left;
    20.   font-size: 92%;
    21.   margin-top: 10px;
    22.   padding: 1px 5px;
    23.   text-align: center;
    24.   text-transform: lowercase;
    25. }
    26.  
    27. p.readmore a:hover, p.readmore a:active, p.readmore a:focus{
    28.   background: url(../images/grad2-1.gif) repeat-x center #2C79B3;
    29.  text-decoration: none;
    30. }
    31.  
    32. .column p, .column pre, .column blockquote, .column h1, .column h2,
    33. .column h3, .column h4, .column h5, .column h6, .column ol,
    34. .column ul, .column dl { margin: 10px 0; }
    35.  
    36. .componentheading { font-size: 200%; }
    37.  
    38. h1.componentheading, .componentheading { border-bottom: 1px solid #E7E8E6; font-weight: normal; }
    39.  
    40. h2.contentheading, .contentheading {
    41.   font-weight: normal;
    42.   margin: 0;
    43.   padding: 5px 0 0;
    44.   width: 85%;
    45. }
    46.  
    47. .ja-content-main h2{ color: #2C79B3; font-weight: normal; margin-bottom: 0; }
    48.  
    49. .item-page h1 {
    50.   border-bottom: 1px solid #E7E8E6;
    51.  color: #515756;
    52.  font-weight: normal;
    53.   line-height: 1.6;
    54. }
    55.  
    56. .contentheading { color: #2C79B3; }
    57.  
    58. .blog-featured .contentheading { font-size: 150%; padding: 0; }
    59.  
    60. .blog-featured .header-content { margin-bottom: 0; }
    61.  
    62. .jitem-title { font-size: 110%; font-weight: bold; }
    63.  
    64. ul li {
    65.   background: url(../images/bullet.gif) no-repeat 18px 7px;
    66.   line-height: 160%;
    67.   padding-left: 30px;
    68. }
    69.  
    70. ol li { line-height: 180%; margin-left: 35px; }
    71.  
    72. /* Others ---*/
    73. hr { border-top: 1px solid #ccc; }
    74.  
    75. br.clearfix{ line-height: 0; }
    76.  
    77. /* images caption ---*/
    78. .img-boder.left{ margin-right: 10px; margin-top: 5px; }
    79.  
    80. /* FORM
    81. --------------------------------------------------------- */
    82. input, select, textarea, .inputbox { font-family: Tahoma, Arial, sans-serif; padding: 2px; }
    83.  
    84. .inputbox { background: #FFF; border: 1px solid #ccc; }
    85.  
    86. .inputbox:hover, .inputbox:focus { background: #ffffcc; }
    87.  
    88. .button {
    89.   background: url(../images/grad4.gif) repeat-x;
    90.   border: 1px outset #A8A8A8;
    91.  color: #515756;
    92.  font-size: 92%;
    93.   font-weight: bold;
    94.   line-height: normal;
    95.   overflow: visible;
    96.   padding: 2px 8px;
    97. }
    98.  
    99. .search .word button{ vertical-align: middle; }
    100.  
    101. /* Search ---*/
    102. form#searchForm { padding: 0; }
    103.  
    104. .searchintro { border-bottom: 1px solid #E7E8E6; }
    105.  
    106. .results h4 { font-size: 110%; text-transform: none; }
    107.  
    108. .search fieldset { border: 1px solid #E7E8E6; margin: 15px 0; padding: 10px; }
    109.  
    110. .search .word .inputbox, .search .word label{ vertical-align: middle; }
    111.  
    112. .search .word .inputbox { height: 17px; line-height: 17px; }
    113.  
    114. .search legend { font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; }
    115.  
    116. #ja-search { bottom: auto; font-size: 11px; right: 10px; top: 6px; }
    117.  
    118. #ja-search .inputbox {
    119.  background: #FFF url(../images/icon-search.gif) 5px 50% no-repeat;
    120.  color: #515756;
    121.  height: 13px;
    122.   line-height: 13px;
    123.   padding: 2px 0 2px 22px;
    124. }
    125.  
    126. /* Contact ---*/
    127. #component-contact #emailForm { border-top: 1px solid #ccc; }
    128.  
    129. #contact-slider { float: none; }
    130.  
    131. #contact-slider .title { border: 1px solid #e2e2b5; border-bottom: none; padding: 8px 10px; }
    132.  
    133. #contact-slider .jpane-toggler-down { background: #333; }
    134.  
    135. #contact-slider .jpane-toggler-down a { color: #fff; }
    136.  
    137. #contact-slider dt.closed { background: #ffffcc; }
    138.  
    139. #contact-slider .content { padding: 8px 10px; }
    140.  
    141. #contact-slider .contact-image { margin: 15px 0; }
    142.  
    143. #contact-slider .jicons-icons { float: left; margin-right: 3px; width: 16px; }
    144.  
    145. #contact-slider fieldset dd { margin-left: 0; }
    146.  
    147. .contact h2 { margin-bottom: 10px !important; }
    148.  
    149. /* -- EDITOR STYLES ----------------------------- */
    150. #adminForm fieldset {
    151.  border: 1px solid #ccc;
    152.  margin-bottom: 20px;
    153.   padding: 10px;
    154. }
    155.  
    156. #adminForm fieldset legend { padding: 0 5px; }
    157.  
    158. /* JOOMLA STYLE
    159. --------------------------------------------------------- */
    160. /* Layout Deco ---*/
    161. .items-row {
    162.   border-bottom: 1px solid #E7E8E6;
    163.  padding-bottom: 10px;
    164.   padding-top: 10px;
    165.   margin-left: 0;
    166.   margin-right: 0;
    167. }
    168.  
    169. .items-leading {
    170.   border-bottom: 1px solid #E7E8E6;
    171.  padding-bottom: 10px;
    172. }
    173.  
    174. /* Meta ---*/
    175. dl.article-info, div.modified {
    176.   color: #858783;
    177.  float: none;
    178.   margin: 0;
    179.   text-transform: none;
    180.   width: 99%;
    181. }
    182.  
    183. dl.article-info dd, dl.article-info dt { display: block; }
    184.  
    185. .contentdescription { border-bottom: 1px solid #E7E8E6; }
    186.  
    187. ul.actions li { background: none; margin: 0; padding: 0; }
    188.  
    189. /*Inline images ---*/
    190. p.img_caption { color: #fff; text-transform: uppercase; }
    191.  
    192. /* Tables ---*/
    193. table.category {
    194.   margin-bottom: 10px;
    195. }
    196.  
    197. thead tr th { background: #A8A8A8 url(../images/grad3.gif) 0 100% repeat-x; color: #fff; }
    198.  
    199. thead tr th a,
    200. thead tr th a:hover,
    201. thead tr th a:focus,
    202. thead tr th a:active { color: #FFF; }
    203.  
    204. .cat-list-row1,
    205. .cat-list-row12,
    206. tr.cat-list-row1 td,
    207. tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }
    208.  
    209. .weblink-category td { padding: 0 10px; vertical-align: top; }
    210.  
    211. .weblink-category td.hits,
    212. .weblink-category td.hits { padding-top: 10px; }
    213.  
    214. .weblink-category td ul.actions,
    215. .weblink-category td ul.actions { margin: 0 !important; }
    216.  
    217. .cat-list-row0:hover,
    218. .cat-list-row1:hover,
    219. .cat-list-row2:hover { background: #ffffcc; }
    220.  
    221. .cat-list-row2,
    222. tr.cat-list-row2 td { background-color: #f6f6f6; }
    223.  
    224. /* Content Toc */
    225. table.contenttoc { border: 1px solid #ccc; }
    226.  
    227. table.contenttoc td { border-bottom: 1px dotted #ccc; }
    228.  
    229. table.contenttoc th {
    230.   background: #fff;
    231.  border-bottom: 1px solid #000;
    232.  text-transform: uppercase;
    233. }
     
    Последнее редактирование: 11.01.2013
  10. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    не влезло все, вот продолжение кода:

    Код (PHP):
    1. /* Poll */
    2. form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; }
    3.  
    4. dl.poll { border-bottom: 1px dotted #ccc; }
    5.  
    6. table.pollstableborder td {
    7.   background: #f6f6f6;
    8.  border-bottom: 1px solid #ccc;
    9.  font-weight: bold;
    10.   padding: 5px !important;
    11. }
    12.  
    13. table.pollstableborder tr.sectiontableentry0 td,
    14. table.pollstableborder tr.sectiontableentry1 td { background: #000; font-weight: normal; }
    15.  
    16. /* Pagination ---*/
    17. .pagination li span,
    18. .pagination li strong { line-height: 20px; }
    19.  
    20. /* page counter */
    21. .ja-content-main .pagenavcounter {
    22.   background: url(../images/icon-pages.gif ) 0 13px  no-repeat;
    23.   font-weight: bold;
    24.   overflow: hidden;
    25.   padding: 8px 14px 0;
    26.   text-align: left;
    27.   width: 90%;
    28. }
    29.  
    30. .ja-content-main .counter { margin: -20px 0 0 0; }
    31.  
    32. /* paging */
    33. .pagination {
    34.   background: url(../images/icon-pages.gif) 0 13px no-repeat;
    35.   font-weight: bold;
    36.   overflow: hidden;
    37.   padding-left: 14px;
    38. }
    39.  
    40. .pagination ul li, ul.pagenav li{ margin: 0 5px 0 0; }
    41.  
    42. .pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a { font-weight: normal; }
    43.  
    44. .items-more { padding: 5px 0; }
    45.  
    46. .items-more h3 { font-size: 125%; }
    47.  
    48. .jlinks{ list-style: none; }
    49.  
    50. .jlinks li{
    51.   background: url(../images/bullet.gif) 5px 8px no-repeat;
    52.   line-height: 160%;
    53.   margin: 0;
    54.   padding-left: 17px;
    55. }
    56.  
    57. /* MODULE STYLES
    58. --------------------------------------------------------- */
    59. /* Login Form */
    60. #ja-login {
    61.  background: url(../images/grad4.gif) repeat-x bottom #FFF;
    62.  border: 1px solid #E7E8E6;
    63.  border-bottom: 1px solid #E7E8E6;
    64.  float: right;
    65.   padding: 4px 8px;
    66. }
    67.  
    68. #ja-login .userdata{ padding: 0; }
    69.  
    70. #ja-login .userdata p{ float: left; }
    71.  
    72. #ja-login .userdata #form-login-remember{
    73.  clear: both;
    74.   display: none;
    75.   float: none;
    76.   overflow: hidden;
    77.   padding: 5px 0 0 20px;
    78.   width: 90%;
    79. }
    80.  
    81. #form-login-remember input{
    82.  border: none;
    83.   float: left;
    84.   height: 13px;
    85.   margin: 2px 5px 0 0;
    86.   padding: 0;
    87.   width: 13px;
    88. }
    89.  
    90. #ja-login #form-login-remember label{
    91.  color: #858783;
    92.  display: block;
    93.   float: left;
    94.   font-size: 11px;
    95.   height: auto;
    96.   text-indent: 0;
    97.   width: auto;
    98. }
    99.  
    100. #ja-login label{
    101.  display: block;
    102.   float: left;
    103.   height: 20px;
    104.   overflow: hidden;
    105.   text-indent: -5000px;
    106.   width: 20px;
    107. }
    108.  
    109. #form-login-username label{ background: url(../images/icon-user.gif) 0 50% no-repeat; padding-left: 20px; }
    110.  
    111. #form-login-password label{ background: url(../images/icon-key.gif) 0 50% no-repeat; padding-left: 20px; }
    112.  
    113. #form-login-username .inputbox, #form-login-password .inputbox{
    114.  color: #515756;
    115.  font-size: 92%;
    116.   font-weight: normal;
    117.   margin: 1px 8px 0 0;
    118.   width: 110px;
    119. }
    120.  
    121. #login-form ul{
    122.  clear: both;
    123.   overflow: hidden;
    124.   padding: 2px 0 0;
    125.   width: 100%;
    126. }
    127.  
    128. #login-form ul li{
    129.  background: none;
    130.   display: block;
    131.   height: 16px;
    132.   line-height: 16px;
    133.   margin: 0 5px 0 0;
    134.   padding-left: 0 !important;
    135. }
    136.  
    137. #login-form li a{
    138.  color: #858783;
    139.  font-size: 10px;
    140.   padding: 0;
    141.   text-decoration: none;
    142. }
    143.  
    144. #login-form li a:hover{ text-decoration: underline; }
    145.  
    146. #ja-login input.button{
    147.  cursor: pointer;
    148.   float: left;
    149.   height: 19px;
    150.   margin: 1px 0 0;
    151.   overflow: visible;
    152.   padding: 0 3px;
    153. }
    154.  
    155. .reset button, .remind button, .registration button.validate{
    156.   background: url(../images/grad4.gif) repeat-x;
    157.   border: 1px outset #A8A8A8;
    158.  color: #515756;
    159.  font-size: 92%;
    160.   font-weight: bold;
    161.   overflow: visible;
    162.   padding: 2px 8px;
    163. }
    164.  
    165. div.registration { padding: 15px 0 0 0; }
    166.  
    167. div.registration legend { color: #2C79B3; font-size: 180%; font-weight: normal; }
    168.  
    169. div.registration span.text { color: red; }
    170.  
    171. input#jform_contact_emailmsg { width: 330px !important; }
    172.  
    173. #ja-header #login-form ul li {
    174.  float: left !important;
    175.   padding-left: 15px !important;
    176. }
    177.  
    178. /* Statistics module--- */
    179. .stats-module dt{
    180.   float: left;
    181.   font-weight: bold;
    182.   font-weight: bold;
    183.   margin: 0 5px 0 0;
    184. }
    185.  
    186. /* Module border */
    187. div.moduletable_border { border: 1px solid #ccc; padding: 0 10px 10px; }
    188.  
    189. /* Module shadow */
    190. div.moduletable_shadow h3,
    191. div.moduletable_border h3,
    192. div.moduletable_round h3 {
    193.   background: url(../images/grad-l1.gif) repeat-x left bottom !important;
    194.   border-bottom: 1px solid #ebe6e2;
    195.  margin: 0 -10px 10px;
    196.   padding: 5px 10px 5px;
    197. }
    198.  
    199. div.moduletable_shadow h3 span,
    200. div.moduletable_border h3 span,
    201. div.moduletable_round h3 span { background: none !important; border: 0 !important; }
    202.  
    203. div.moduletable_shadow { border: 1px solid #ccc; padding: 0 10px 10px; }
    204.  
    205. /* Module round */
    206. div.moduletable_round { border: 1px solid #ccc; padding: 0 10px 10px; }
    207.  
    208. /* Module highlight */
    209. div.moduletable_hilites h3 {
    210.   background: #9b0324 !important;
    211.  border-bottom: 1px solid #b9193c;
    212.  color: #fff!important;
    213.  margin: 0 -10px 10px;
    214.   padding: 5px 10px 5px;
    215. }
    216.  
    217. div.moduletable_hilites h3 span { background: none !important; border: 10 !important; }
    218.  
    219. div.moduletable_hilites { background: #b00329; color: #FFF; padding: 0 10px 10px; }
    220.  
    221. div.moduletable_hilites .img-border { border: 1px solid #c33050; }
    222.  
    223. /* Blank module */
    224. div.moduletable_blank { background: none !important; padding: 0 10px 10px; }
    225.  
    226. div.moduletable_blank h3 { margin: 0 -10px 10px; padding: 5px 10px 5px; }
    227.  
    228. /* Module title black */
    229. div.moduletable_hrblack h3,
    230. div.moduletable_hrblue h3,
    231. div.moduletable_hrbrown h3,
    232. div.moduletable_hrgreen h3,
    233. div.moduletable_hrred h3 {
    234.   background-position: bottom left !important;
    235.   background-repeat: repeat-x !important;
    236.   color: #FFF!important;
    237.  margin: 0 -10px 10px !important;
    238.   padding: 5px 10px;
    239. }
    240.  
    241. div.moduletable_hrblack h3 span,
    242. div.moduletable_hrblue h3 span,
    243. div.moduletable_hrbrown h3 span,
    244. div.moduletable_hrgreen h3 span,
    245. div.moduletable_hrred h3 span { background: none !important; border: 0 !important; }
    246.  
    247. div.moduletable_hrblack,
    248. div.moduletable_hrblue,
    249. div.moduletable_hrbrown,
    250. div.moduletable_hrgreen,
    251. div.moduletable_hrred {
    252.   border: 1px solid #ccc;
    253.  padding: 0 10px 10px !important;
    254. }
    255.  
    256. div.moduletable_hrblack h3 { background-image: url(../images/grad-d.gif) !important; }
    257.  
    258. div.moduletable_hrblue h3 { background-image: url(../images/grad-blue.gif) !important; }
    259.  
    260. div.moduletable_hrbrown h3 { background-image: url(../images/grad-brown.gif) !important; }
    261.  
    262. div.moduletable_hrgreen h3 { background-image: url(../images/grad-green.gif) !important; }
    263.  
    264. div.moduletable_hrred h3 { background-image: url(../images/grad-red.gif) !important; }
    265.  
    266. /* Advertisement ---*/
    267. div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding: 5px 0; }
    268.  
    269. /* MAIN LAYOUT DIVS
    270. --------------------------------------------------------- */
    271. #ja-wrapper{ margin: 0 auto; width: 950px;
    272. background #000 !important;
    273. board: 1px solid #000;
    274. }
    275. #ja-sa{position: absolute; top: 0px; left: -5000px;}
    276. #ja-container .main { overflow: hidden; padding: 0;
    277. board: 1px solid #000;
    278. }
    279.  
    280. .main .main-inner1 { margin-left: 0; margin-right: 0;
    281. background: #fff!important;
    282. board: 1px solid #000;
    283. }
    284.  
    285. #ja-main{ overflow: hidden;
    286. background: #fff!important;
    287. board: 1px solid #000;
    288. }
    289.  
    290. .ja-content-main .item-page{ padding-top: 5px;
    291. border: 1px solid #000;}
    292.  
    293. /* HEADER
    294. --------------------------------------------------------- */
    295. #ja-header{ height: 80px; z-index: 1; }
    296.  
    297. #ja-header .main { padding: 15px 0 0; }
    298.  
    299. /* Logo Image ---*/
    300. h1.logo { height: 42px; margin: 8px 0 0; width: 435px; }
    301.  
    302. h1.logo a {
    303.   background: url(../images/logo.gif) no-repeat left;
    304.   height: 50px;
    305.   width: 600px;
    306. }
    307.  
    308. /* NAVIGATION
    309. --------------------------------------------------------- */
    310. /* Main Nav ---*/
    311. #ja-mainnav{ background: url(../images/shadow.gif) repeat-x left bottom; height: 37px; margin: 0 0 25px; }
    312.  
    313. .ja-mainnav-haschild #ja-mainnav { margin-bottom: 0; }
    314.  
    315. #ja-mainnav .main {
    316.  background: #000 url(../images/grad2.gif) 0 0 repeat-x;
    317.  height: 32px;
    318. }
    319.  
    320. /* Subnav Nav ---*/
    321. #ja-subnav li a {
    322.  background: url("../images/vline.gif") no-repeat scroll left center;
    323.   display: block;
    324.   font-size: 95%;
    325.   padding: 0 5px 0 15px;
    326. }
    327.  
    328. #ja-subnav li a:hover, #ja-subnav li a:focus, #ja-subnav li a:active { color: #2C79B3 !important; text-decoration: underline; }
    329.  
    330. #ja-subnav li.active a, #ja-subnav li.active a:hover, #ja-subnav li.active a:active, #ja-subnav li.active a:focus { color: #8BAB32 !important; font-weight: bold; }
    331.  
    332. #ja-subnav li.first-item a { background: none; }
    333.  
    334. /* Sub Nav (lv2) ---*/
    335. #ja-subnav ul li ul {
    336.  background: #fff;
    337.  border: 1px solid #ddd;
    338.  font-size: 100%;
    339. }
    340.  
    341. #ja-subnav ul li ul li { border-top: 1px solid #ddd; padding: 0; }
    342.  
    343. #ja-subnav ul li ul li.first-item { border-top: none; }
    344.  
    345. #ja-subnav ul li ul li a{ background: none; padding: 7px 10px; }
    346.  
    347. #ja-subnav ul li ul li a span.menu-title{ line-height: normal; }
    348.  
    349. #ja-subnav ul.active li ul li a, #ja-subnav ul.active li ul li a:hover, #ja-subnav ul.active li ul li a:focus { font-weight: normal; }
    350.  
    351. #ja-subnav ul.active li ul li.active a,#ja-subnav ul.active li ul li.active a:hover, #ja-subnav ul.active li ul li.active a:focus { font-weight: bold; }
    352.  
    353. /* Breadcrumbs ---*/
    354. #ja-navhelper .main {
    355.  background: #F8F8F7;
    356.  border: #E7E8E6 solid 1px;
    357.  color: #626A69;
    358.  font-weight: bold;
    359.   width: 948px;
    360. }
    361.  
    362. #ja-navhelper a { color: #626A69; font-weight: normal; }
    363.  
    364. #ja-navhelper a:hover, #ja-navhelper a:active, #ja-navhelper a:focus { color: #2C79B3; }
    365.  
    366. .ja-breadcrums { margin: 0; text-indent: 15px; }
    367.  
    368. /* Extras ---*/
    369. .ja-links { padding-right: 10px; }
    370.  
    371. .ja-links li { padding: 0 10px; }
    372.  
    373. /* Default Joomla! Menu ---*/
    374. #ja-container ul.menu li { border-bottom: 1px solid #E7E8E6; }
    375.  
    376. #ja-container ul.menu li li { background: none; border-bottom: 0; }
    377.  
    378. #ja-container ul.menu li a{
    379.  background: url(../images/arrow.png) 97% 50% no-repeat;
    380.   color: #626A69;
    381.  padding: 6px 4px;
    382. }
    383.  
    384. #ja-container ul.menu li a:hover, #ja-container ul.menu .active a, #ja-container ul.menu li a:focus {
    385.  background: url(../images/arrow2.png) 97% 50% no-repeat;
    386.   color: #2C79B3;
    387. }
    388.  
    389. #ja-container ul.menu li li a, #ja-container ul.menu .active li a{
    390.  background: url(../images/bullet.gif) 0 13px no-repeat;
    391.   font-weight: normal;
    392.   text-indent: 5px;
    393. }
    394.  
    395. #ja-container ul.menu .active .current a{ font-weight: bold; }
    396.  
    397. #ja-container ul.menu li li a:hover, #ja-container ul.menu li li a:active, #ja-container ul.menu li li a:focus { background: url(../images/bullet.gif) 0 13px no-repeat; }
    398.  
    399. /* SPOTLIGHT
    400. --------------------------------------------------------- */
    401. #ja-botsl {
    402.  width: 948px;
    403. }
    404.  
    405. #ja-botsl .ja-box { background: url(../images/vline2.gif) repeat-y right; }
    406.  
    407. #ja-topsl .ja-box-right, #ja-botsl .ja-box-right { background: 0; }
    408.  
    409. #ja-botsl .ja-moduletable { margin: 0; padding: 0 15px; }
    410.  
    411. #ja-topsl div.ja-moduletable h3,
    412. #ja-botsl div.ja-moduletable h3 {
    413.  background: none;
    414.   border-bottom: none;
    415.   color: #626A69;
    416.  margin: 0 -10px 0;
    417. }
    418.  
    419. #ja-topsl ul.menu li, #ja-botsl ul.menu li,
    420. #ja-topsl ul.latestnews li, #ja-botsl ul.latestnews li,
    421. #ja-topsl ul.weblinks li, #ja-botsl ul.weblinks li {
    422.  background: url(../images/bullet.gif) no-repeat 1px 6px;
    423.   line-height: 160%;
    424.   margin-bottom: 5px;
    425.   overflow: hidden;
    426.   padding-left: 10px;
    427. }
    428.  
    429. /* Top spotlight ---*/
    430. #ja-topsl .main { padding: 0; }
    431.  
    432. #ja-topsl .main-inner1 { padding: 10px 0; }
    433.  
    434. #ja-topsl li, #ja-botsl li {
    435.  background: url(../images/bullet.gif) 5px 7px no-repeat;
    436.   margin: 0;
    437.   padding: 0 0 0 15px;
    438. }
    439.  
    440. #ja-topsl a, #ja-botsl a { color: #626A69; }
    441.  
    442. #ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus { color: #2C79B3; }
    443.  
    444. /* Bot spotlight ---*/
    445. #ja-botsl {
    446.  background: #F8F8F7 url(../images/grad1.gif) 0 0 repeat-x;
    447.  border: 1px solid #E7E8E6;
    448.  border-top: none;
    449.   color: #626A69;
    450.  padding: 10px 0;
    451. }
    452.  
    453. #ja-botsl .main { padding: 0; }
    454.  
    455. #ja-botsl .main-inner1 { padding: 10px 0; }
    456.  
    457. /* Bot spotlight1 ---*/
    458. #ja-botsl1 .main-inner1 { padding: 10px 0; }
    459.  
    460. #ja-botsl1 div.ja-moduletable h3, #ja-botsl1 div.moduletable h3 { background: none; border-bottom: none; color: #515756; }
    461.  
    462. /* MISCELLANOUS
    463. ----------------------------------------------------------- */
    464. .ja-content-top div.ja-moduletable h3, .ja-content-top div.moduletable h3 {
    465.   background: none !important;
    466.   border: none !important;
    467.   color: #515756 !important;
    468.  font-size: 200% !important;
    469.   margin-top: 15px !important;
    470. }
    471.  
    472. /* Others ---*/
    473. #ja-top-panel .main-inner1 {
    474.  background: #ffffcc;
    475.  border: 2px dotted #e2e2b5;
    476.  margin-top: 15px;
    477.   padding: 5px 10px;
    478.   position: relative;
    479.   text-align: center;
    480. }
    481.  
    482. #ja-banner { border-top: 1px solid #E7E8E6; }
    483.  
    484. div.ja-innerdiv { border-bottom: 1px solid #E7E8E6; }
    485.  
    486. div.ja-innerdiv img {
    487.   border: 1px solid #E7E8E6;
    488.  margin: 2px 8px 0 0;
    489.   padding: 2px;
    490. }
    491.  
    492. div.ja-innerdiv h4 {
    493.   font-family: Helvetica, Arial, sans-serif;
    494.   font-size: 92%;
    495.   font-weight: normal;
    496.   text-transform: uppercase;
    497. }
    498.  
    499. /* container
    500. --------------------------------------------------------- */
    501. /*left-body-right*/
    502. #ja-container {
    503.  background: url(../images/main-bg1.gif) repeat-y left;
    504.   border-bottom: 1px solid #E7E8E6;
    505.  border-top: 1px solid #E7E8E6;
    506.  margin: 0 0 25px;
    507.   overflow: hidden;
    508.   width: auto;
    509.        
    510. }
    511.  
    512. #ja-container.ja-l1r1 .main-inner1, #ja-container.ja-r1 .main-inner1{ background: url(../images/main-bg2.gif) repeat-y right; }
    513.  
    514. /*left-body*/
    515. #ja-container.ja-l1{ border-right: 1px solid #E7E8E6; }
    516.  
    517. #ja-container.ja-l1 .main-inner1, #ja-container.ja-mf .main-inner1{ background: none; }
    518.  
    519. /*full body*/
    520. #ja-container.ja-mf{
    521.  background: none;
    522.   border: 1px solid #E7E8E6;
    523.  padding: 10px 0;
    524.        
    525. }
    526.  
    527. /*body-right*/
    528. #ja-container.ja-r1{
    529.  background: none;
    530.   border-left: 1px solid #E7E8E6;
    531.  border-right: 1px solid #E7E8E6;
    532. }
    533.  
    534. /* left menu
    535. --------------------------------------------------------- */
    536. #ja-left, #ja-right, #ja-botsl{ font-size: 92%; }
    537.  
    538. .column .stats-module{ margin-bottom: 5px; }
    539.  
    540.  
    541. .column div.moduletable_menu, .column div.moduletable, .column div.moduletable_hilite{ margin: 0; padding: 0 10px 10px; }
    542.  
    543. .column div.moduletable_menu h3, .column div.moduletable h3, .column div.moduletable_hilite h3 {
    544.   background: #a8a8a8 url(../images/grad3.gif) 0 100% repeat-x;
    545.  border-bottom: 1px solid #E7E8E6;
    546.  color: #fff;
    547.  font-size: 100%;
    548.   margin: 0 -10px 5px;
    549.   padding: 7px 10px;
    550. }
    551.  
    552. .column div.moduletable_hilite h3 {
    553.   background: #2C79B3 url(../images/grad2.gif) 50% 100% repeat-x;
    554. }
    555.  
    556. .ja-box-ct .custom p{ margin: 0; }
    557.  
    558. .newsfeed ol li{ margin-left: 0; }
    559.  
    560. .contact .contentheading{ margin-bottom: 10px; }
    561.  
    562. /* blog */
    563. .blog .componentheading{ margin-bottom: 0; }
    564.  
    565. .blog .contentheading{ font-size: 150%; line-height: normal; margin: 0 0 5px; }
    566.  
    567. .blog h1, .categories-list h1 {
    568.   border-bottom: 1px solid #E7E8E6;
    569.  color: #515756;
    570.  font-size: 200%;
    571.   font-weight: normal;
    572.   line-height: 1.6;
    573.   margin: 15px 0;
    574.   padding: 0 0 5px;
    575. }
    576.  
    577. .header-content { margin-bottom: 10px; margin-top: 10px; }
    578.  
    579. .header-content h2 { float: left; margin: 0; width: 75%; }
    580.  
    581. .header-content ul.actions { float: right; margin: 0; }
    582.  
    583. /* slideshow */
    584. #ja-content-mass-top{ margin: 0 0 10px; }
    585.  
    586. #ja-content-mass-top div.ja-moduletable{ margin: 0; padding: 0; }
    587.  
    588. .ja-slide-main-wrap{ margin: 0 -15px 0; }
    589.  
    590. .maskDesc .inner {
    591.   position: absolute;
    592.   padding: 0;
    593.   top: 150px;
    594.   left: 20px;
    595. }
    596.  
    597. .maskDesc .inner a {
    598.   font-weight: bold;
    599. }
    600.  
    601. .maskDesc .inner a:hover,
    602. .maskDesc .inner a:focus,
    603. .maskDesc .inner a:active {
    604.   cursor: pointer;
    605. }
    606.  
    607. .maskDesc .ja-slide-desc {
    608.   margin: 50px 200px 0 20px;
    609. }
    610.  
    611. .maskDesc .ja-slide-desc h3 {
    612.   color: #889e3a;
    613.  font-size: 200%;
    614.   font-weight: bold;
    615.   margin-bottom: 20px;
    616. }
    617.  
    618. .maskDesc .ja-slide-desc p {
    619.   font-size: 125%;
    620.   line-height: 1.3;
    621. }
    622.  
    623. /* tools */
    624. .article-tools{ margin-bottom: 10px; }
    625.  
    626. .blog-featured dl.article-info { display: block; margin-bottom: 10px; width: 100%; }
    627.  
    628. /* banners */
    629. div.bannergroup{
    630.   border-top: #E7E8E6 solid 1px;
    631.  padding: 15px 0 0;
    632.   text-align: center;
    633. }
    634.  
    635. /* FOOTER
    636. --------------------------------------------------------- */
    637. #ja-footer ul{ margin: 0 0 8px; text-align: center; }
    638.  
    639. #ja-footer li{
    640.  background: url(../images/vline2.gif) 100% 0 repeat-y;
    641.   display: inline;
    642.   padding: 0 15px;
    643. }
    644.  
    645. #ja-footer small { color: #858783; }
    646.  
    647. .com_jacomment.contentpane #ja-switch,
    648. .com_mailto.contentpane #ja-switch,
    649. .com_content.contentpane #ja-switch{ display: none !important; }
    650.  
    651. img.img-bottom { margin-right: 5px; }
    652.  
    653. div.contact-links ul li { background:url(../images/bullet.gif) 18px 7px no-repeat }
     
  11. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    У меня макушка подпрыгивает от такого большого кода... Подозреваю, что когда искал настройки блоков - менял цвета и что-нибудь задел. И сохранил... Подскажите, пожалуйста!
     
  12. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Мефистофель, вот вы недавно у нас на форуме, а я уже отлично запомнил ваш ник.
    Вы освоили Firebug или его аналоги для просмотра исходного кода элементов?
    Судя по вопросам - нет.
     
  13. Offline

    Мефистофель Недавно здесь

    Регистрация:
    05.01.2013
    Сообщения:
    35
    Симпатии:
    0
    Пол:
    Мужской
    Что Вы! Я не пренебрегаю советами, напротив! Дело в том, что те части кода, которые мне помогает находить Фаербаг я не могу найти в коде шаблона... Вот в чем дело. Если онлайн изменять параметры и значения в фаербаг, то они отображаются так, как мне хотелось бы, а вот если я захожу в админку - той части кода, что мне нужна - найти не могу... Вот беда. Спасибо за совет, кстати. Дейсвительно очень хорошее приложение.
     

Поделиться этой страницей

Загрузка...
Заправка картриджей зеленоград trust зеленоград ремонт и заправка картриджей.