Проблема с цветом фона, шаблон Ich glaubs

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Verschlafen, 08.02.2009.

  1. Offline

    Verschlafen Недавно здесь

    Регистрация:
    08.02.2009
    Сообщения:
    1
    Симпатии:
    0
    Здравствуйте! Выбрала для своего сайта шаблон Ich glaubs. Мне нужно было перекрасить его в черно-серые цвета, со всем справилась, кроме одного: никак не могу покрасить белые пятна по бокам:

    [​IMG]


    У меня Joomla 1.0.15, вот исходная css:

    Код (html):
    1. /* CSS Document */
    2.  
    3. html {
    4.     height: 100%;
    5. }
    6.  
    7. body {
    8.     margin: 0px;
    9.     margin-bottom: 1px;
    10.     height: 100%;
    11.     padding: 0px;
    12.     background-image: url(../images/body_back.jpg);
    13. }
    14.  
    15. .w3ctd1 {
    16.   background-image : url(../images/_header_02.jpg);  
    17. }
    18.  
    19.  
    20. .w3ctd2 {
    21.   background-image : url(../images/back_02.jpg);  
    22. }
    23.  
    24. .w3ctd3 {
    25.   background-image : url(../images/moduleheader.png);  
    26. }
    27.  
    28. .w3ctd4 {
    29.   background-image : url(../images/_header_04.jpg);  
    30. }
    31.  
    32. .w3ctd5 {
    33.   background-image : url(../images/_header_06.jpg);  
    34. }
    35.  
    36. .w3ctd6 {
    37.   background-image : url(../images/_header_11.jpg);  
    38. }
    39.  
    40.  
    41. .clr {
    42.     clear: both;
    43. }
    44.  
    45. .outline {
    46.   border: 1px solid #cccccc;
    47.   background: #ffffff;
    48.     padding: 2px;
    49. }
    50.  
    51. #buttons_outer {
    52.     width: 635px;
    53.     margin-bottom: 2px;
    54.     margin-right: 2px;
    55.     float: left;
    56.  
    57. }
    58.  
    59. #buttons_inner {
    60.     border: 1px solid #cccccc;
    61.     height: 21px;
    62. }
    63.  
    64.  
    65.  
    66. #buttons {
    67.     float: left;
    68.     margin: 0px;
    69.     padding: 0px;
    70.     width: auto;
    71. }
    72.  
    73.  
    74. ul#mainlevel-nav
    75. {
    76.     list-style: none;
    77.     padding: 0;
    78.     margin: 0;
    79.     font-size: 0.8em;
    80. }
    81.  
    82. ul#mainlevel-nav li
    83. {
    84.     background-image: none;
    85.     padding-left: 0px;
    86.     padding-right: 0px;
    87.     float: left;
    88.     margin: 0;
    89.     font-size: 11px;
    90.     line-height: 21px;
    91.     white-space: nowrap;
    92.     border-right: 1px solid #cccccc;
    93. }
    94.  
    95. ul#mainlevel-nav li a
    96. {
    97.     display: block;
    98.     padding-left: 15px;
    99.     padding-right: 15px;
    100.     text-decoration: none;
    101.     color: #333333;
    102.     background: transparent;
    103. }
    104.  
    105. #buttons>ul#mainlevel-nav li a { width: auto; }
    106.  
    107.     ul#mainlevel-nav li a:hover
    108. {
    109.     color: #fff;
    110.     background: #c64934;
    111. }
    112.  
    113.  
    114. #search_outer {
    115.     float: left;
    116.     width: 165px;
    117. }
    118.  
    119. #search_inner {
    120.   border: 1px solid #cccccc;
    121.     padding: 0px;
    122.   height: 21px !important;
    123.   height: 23px;
    124.   overflow: hidden;
    125. }
    126.  
    127. #search_inner form {
    128.   padding: 0;
    129.   margin: 0;
    130. }
    131.  
    132. #search_inner .inputbox {
    133.     border: 0px;
    134.     padding: 3px 3px 3px 5px;
    135.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    136.     font-size: 11px;
    137.     color: #c64934;
    138. }
    139.  
    140. #header_outer {
    141.     text-align: left;
    142.     border: 0px;
    143.     margin: 0px;
    144. }
    145.  
    146. #header {
    147.     float: left;
    148.     padding: 0px;
    149.     margin-right: 2px;
    150.     width: 635px;
    151.     height: 150px;
    152.     background: url(../images/header_short.jpg) no-repeat;
    153. }
    154.  
    155. #top_outer{
    156.     float: left;
    157.     width: 165px;
    158. }
    159.  
    160. #top_inner {
    161.   border: 1px solid #cccccc;
    162.     padding: 2px;
    163.   height: 144px !important;
    164.   height: 150px;
    165.   overflow: hidden;
    166.   float: none !important;
    167.   float: left;
    168. }
    169.  
    170. #left_outer {
    171.     margin-left: 2px;
    172.     width: 165px;
    173. }
    174.  
    175. #left_inner {
    176.   float: left;
    177.   padding: 2px;
    178.   background-image: url(../images/grey.gif);
    179. }
    180.  
    181. #main_inner {
    182.   float: left;
    183.   padding: 2px;
    184.  
    185. }
    186.  
    187. #content_outer {
    188.     padding: 0px;
    189.     margin-top: 0px;
    190.     margin-left: 2px;
    191.     /** border: 1px solid #cccccc; **/
    192.     float: left;
    193.     width: 635px;
    194. }
    195.  
    196. #content_inner{
    197.   float: none !important;
    198.   float: left;
    199.   padding: 0;
    200.   padding-top: 2px;
    201.   margin: 0;
    202. }
    203.  
    204. table.content_table {
    205.   width: 100%;
    206.     padding: 0px;
    207.     margin: 0px;
    208. }
    209.  
    210. table.content_table {
    211.       width: 100%;
    212.     padding: 1px;
    213.     margin: 0px;
    214.     background-image: url(../images/white.gif);
    215. }
    216.  
    217.  
    218. #banner_inner {
    219.     float: left;
    220.     padding: 0px;
    221.     height: 70px;
    222. }
    223.  
    224. #poweredby_inner {
    225.     float: right;
    226.     padding: 0px;
    227.     margin-left: 0px;
    228.     height: 70px;
    229. }
    230.  
    231. #right_outer {
    232.     margin-left: 2px;
    233.     width: 165px;
    234. }
    235.  
    236. #right_inner {
    237.   float: left;
    238.   padding: 2px;
    239.   background-image: url(../images/grey.gif);
    240. }
    241.  
    242.  
    243. .user1_inner {
    244.  
    245.   float: left;
    246.     margin: 0px;
    247.     padding: 0px;
    248.     background-image: url(../images/rosa.gif);
    249. }
    250.  
    251. .user2_inner {
    252.  
    253.   float: left;
    254.     margin: 0px;
    255.     padding: 0px;
    256.     background-image: url(../images/rosa.gif);
    257. }
    258.  
    259. table td.body_outer {
    260.       width: 100%;
    261.     padding: 1px;
    262.     border: 1px solid #cccccc;
    263. }
    264.  
    265. .maintitle {
    266.     color: #ffffff;
    267.     font-size: 40px;
    268.     padding-left: 15px;
    269.     padding-top: 20px;
    270. }
    271.  
    272. .error {
    273.   font-style: italic;
    274.   text-transform: uppercase;
    275.   padding: 5px;
    276.   color: #cccccc;
    277.   font-size: 14px;
    278.   font-weight: bold;
    279. }
    280.  
    281.  
    282. a.pagenav, a.pagenav:visited {
    283.     font-weight: bold;
    284.     color: #343A58;
    285. }
    286.  
    287. a.pagenav:hover {
    288.     color: #999999;
    289. }
    290.  
    291. #footer {
    292.     text-align: center;
    293.     padding: 3px;
    294. }
    295.  
    296. textarea {
    297.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    298.     font-size: 11px;
    299.     color: #FFFFFF;
    300.     border: 1px solid #999999;
    301.     width: auto;
    302. }
    303.  
    304. ul
    305. {
    306. margin: 0;
    307. padding: 0;
    308. list-style: none;
    309. }
    310.  
    311. li
    312. {
    313. line-height: 15px;
    314. padding-left: 15px;
    315. padding-top: 0px;
    316. background-image: url(../images/arrow.png);
    317. background-repeat: no-repeat;
    318. background-position: 0px 2px;
    319. }
    320.  
    321.  
    322. td,tr,p {
    323.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    324.     font-size: 11px;
    325.     color: #333333;
    326.     text-align:left;
    327.     }
    328.  
    329. div {
    330.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    331.     font-size: 11px;
    332.     color: #333333;
    333.     }
    334.  
    335. /* Joomla core stuff */
    336. a:link, a:visited {
    337.     font-size: 11px;
    338.     color: #ed1c24;
    339.     text-decoration: underline;
    340.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    341.     }
    342.  
    343. a:hover {
    344.     color: #666666;
    345.   text-decoration: none;
    346.     }
    347.  
    348.  
    349. a.pathway:link {color: #ed1c24; text-decoration: none; }
    350. a.pathway:visited {color: #ed1c24; text-decoration: none; }
    351. a.pathway:hover {color: #666666; text-decoration: underline; }
    352. a.pathway:active {color: Black; }
    353. .pathway {color: #ed1c24;
    354. background-image: url(../images/line_green.gif);
    355. }
    356.  
    357.  
    358. a.blogsection:link, a.blogsection:visited {
    359.     color: #44757D;
    360.     text-decoration: none;
    361.     font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
    362.     font-size: 10px;
    363.     }
    364.  
    365. a.blogsection:hover {
    366.     color: #759328;
    367.     text-decoration: underline;
    368.     font-size: 10px;
    369.     }
    370.  
    371. table.contentpaneopen {
    372.   width: 100%;
    373.     padding: 0px;
    374.     border-collapse: collapse;
    375.     border-spacing: 0px;
    376.     margin: 0px;
    377. }
    378.  
    379. table.contentpaneopen td {
    380.    padding-right: 5px;
    381. }
    382.  
    383. table.contentpaneopen td.componentheading {
    384.     padding-left: 4px;
    385. }
    386.  
    387.  
    388.  
    389. table.contentpane {
    390.   width: 100%;
    391.     padding: 0px;
    392.     border-collapse: collapse;
    393.     border-spacing: 0px;
    394.     margin: 0px;
    395. }
    396.  
    397. table.contentpane td {
    398.     margin: 0px;
    399.     padding: 0px;
    400. }
    401.  
    402. table.contentpane td.componentheading {
    403.     padding-left: 4px;
    404. }
    405.  
    406. table.contentpaneopen fieldset {
    407.     border: 0px;
    408.     border-bottom: 1px solid #eee;
    409. }
    410.  
    411. .button {
    412.     color: #343A58;
    413.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    414.     margin-top: 4px;
    415.     font-weight: bold;
    416.     text-align: center;
    417.     font-size: 12px;
    418.     background: #f5f5f5;
    419.     border: 1px solid #000066;
    420.     height: 20px;
    421.     }
    422.  
    423. .inputbox {
    424.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    425.     font-size: 12px;
    426.     color: #343A58;
    427.     background-image: url(../images/grey.gif);
    428.     border: 1px solid;
    429.     width: auto;
    430.     }
    431.  
    432. .back_button {
    433.     float: left;
    434.       font-size: 12px;
    435.       color: #FFFFFF;
    436.       background: #f5f5f5;
    437.       font-weight: bold;
    438.       text-align: center;
    439.       padding: 4px;
    440.     border: 1px solid #000066;
    441. }
    442.  
    443. .pagetext {
    444.     visibility: hidden;
    445.     display: none;
    446.     position: relative;
    447.     top: 0;
    448. }
    449.  
    450. .componentheading {
    451.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    452.     font-size: 14px;
    453.     font-weight: bold;
    454.     color: #000000;
    455.     text-align:left;
    456.     }
    457.  
    458. .contentcolumn {
    459.     padding-right: 5px;
    460. }
    461.  
    462. .contentpane {
    463.     background-color : #FFFFFF;
    464.     }
    465.  
    466. .contentpaneopen { 
    467.     background-color : #FFFFFF;
    468.     }
    469.  
    470. .contentheading {
    471.     font-family: Geneva, Arial, Helvetica, sans-serif;
    472.     font-size: 14px;
    473.     font-weight: bold;
    474.     color: #ed1c24;
    475.     text-align:left;
    476.     line-height: 16px;
    477.     height: 15px;
    478.     }
    479.  
    480. .contentpagetitle {
    481.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    482.     font-size: 13px;
    483.     font-weight: bold;
    484.     color: #000000;
    485.     text-align:left;
    486.     }
    487.  
    488. .contentdescription {
    489.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    490.     font-size: 11px;
    491.     color: #333333;
    492.     text-align: left;
    493. }
    494.  
    495. table.searchinto {
    496.     width: 100%;
    497. }
    498.  
    499. table.searchintro td {
    500.     font-weight: bold;
    501. }
    502.  
    503. table.searchintro {
    504.       background-color: #FFFFFF;
    505.     border: 1px solid #8D9ABC;
    506. }
    507.  
    508. table.contact {
    509.     width: 100%;
    510.     background-color: #FFFFFF;
    511. }
    512.  
    513. table.contact td.icons {
    514.     width: 100%;
    515.     background-color: #CCCCCC;
    516. }
    517.  
    518. table.contact td.details {
    519.     width: 100%;
    520.     background-color: #F3F3F3;
    521.     font-size: 11px;
    522.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    523. }
    524.  
    525. table.moduletable {
    526.     width: 100%;
    527.     margin: 0px 0px 0px 0px;
    528.     border-left: solid 1px #000000;
    529.     border-right: solid 1px #000000;
    530.     border-top: solid 1px #000000;
    531.     border-bottom: solid 1px #000000;
    532. }
    533.  
    534. table.moduletable ul {
    535.     color: #000000;
    536. }
    537.  
    538. div.moduletable {
    539.     padding: 0;
    540.     margin-bottom: 2px;
    541. }
    542.  
    543. table.moduletable th, div.moduletable h3 {
    544.     background: url(../images/moduleheader.png) repeat-x;
    545.     vertical-align: middle;
    546.     font-size: 11px;
    547.     font-weight: bold;
    548.     color: #FFFFFF;
    549.     text-align: left;
    550.     text-indent: 15px;
    551.     width: 100%;
    552.     height: 24px;
    553.     text-transform: uppercase;
    554. }
    555.  
    556. table.moduletable td {
    557.     font-size: 11px;
    558.     /*background: #ffffff;*/
    559.     padding: 2px;
    560.     font-weight: normal;
    561. }
    562.  
    563. table.pollstableborder td {
    564.   padding: 2px;
    565. }
    566.  
    567. .poll {
    568.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    569.     font-size: 11px;
    570.     font-weight: normal;
    571.     color: #343A58;
    572.     line-height: 14px
    573.     }
    574.  
    575. .pollstableborder {
    576.     border: 1px solid #465675;
    577. }
    578.  
    579.  
    580. .sectiontableheader {
    581.     background-color : #000000;
    582.     background: url(../images/moduleheader.png) repeat-x;
    583.     background-repeat: repeat;
    584.     padding: 2px;
    585.     color : #FFFFFF;
    586.     font-weight : bold;
    587.     padding: 2px;
    588.     }
    589.  
    590. .sectiontablefooter {
    591.  
    592. }
    593.  
    594. .sectiontableentry1 {
    595.     background-color : #D5D5D5;
    596.     }
    597.    
    598. .sectiontableentry2 {
    599.     background-color : #F3F3F3;
    600.     }
    601.  
    602. .small {
    603.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    604.     font-size: 10px;
    605.     color: #343A58;
    606.     text-decoration: none;
    607.     font-weight: normal;
    608.     }
    609.  
    610. .smalldark {
    611.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    612.     font-size: 10px;
    613.     color: #343A58;
    614.     text-decoration: none;
    615.     font-weight: normal;
    616.     }
    617.  
    618. .createdate {
    619.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    620.     font-size: 9px;
    621.     color: #343A58;
    622.     text-decoration: none;
    623.     font-weight: normal;
    624.     }
    625.  
    626. .modifydate {
    627.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    628.     font-size: 10px;
    629.     color: #343A58;
    630.     text-decoration: none;
    631.     font-weight: normal;
    632.     }
    633.  
    634. table.contenttoc {
    635.     color: #343A58;
    636.     background-color: #f5f5f5;
    637.     border-top: 1px solid #465675;
    638.     border-bottom: 1px solid #465675;
    639.     border-left: 1px solid #465675;
    640.     border-right: 1px solid #465675;
    641.     }
    642.  
    643. table.contenttoc td {
    644.       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    645.       font-size: 8pt;
    646.       font-weight: normal;
    647.       text-align:left;
    648.     padding: 3px;
    649. }
    650.  
    651. table.contenttoc th {
    652.     background: #94B1CF;
    653.     vertical-align: middle;
    654.     font-size: 11px;
    655.     font-weight: bold;
    656.     color: #666666;
    657.     text-align: left;
    658.     text-indent: 15px;
    659.     width: 100%;
    660.     height: 24px;
    661.     border-bottom: dashed 1px #666666;
    662.     text-transform: uppercase;
    663. }
    664.  
    665.  
    666. a.readon:link, a.readon:visited {
    667.   color            : #FFFFFF;
    668.   font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
    669.   font-size        : 10px;
    670.   font-weight      : normal;
    671.   background       : #ed1c24 url(../images/readmore.gif) no-repeat;
    672.   border           : 1px solid #666666;
    673.   padding          : 2px 4px 2px 20px;
    674.   white-space      : normal;
    675.   float            : left;
    676.   line-height      : 10px;
    677.   text-decoration  : none;
    678. }
    679.  
    680. a.readon:hover {
    681.   color            : #73C143;
    682.   font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
    683.   font-size        : 10px;
    684.   font-weight      : normal;
    685.   background       : #ed1c24 url(../images/readmore.gif) no-repeat;
    686.   border           : 1px solid #666666;
    687.   padding          : 2px 4px 2px 20px;
    688.   white-space      : normal;
    689.   float            : left;
    690.   line-height      : 10px;
    691.   text-decoration  : none;
    692. }
    693.  
    694.  
    695.  
    696. a.mainlevel:link, a.mainlevel:visited {
    697.     display: block;
    698.     vertical-align: middle;
    699.     font-size: 12px;
    700.     font-weight: normal;
    701.     color: #000000;
    702.     text-align: left;
    703.     line-height: 20px;
    704.     width: 98%;
    705.     text-decoration: none;
    706.     text-indent: 3px;
    707.     height: 20px;
    708.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    709. }
    710.  
    711. a.mainlevel:hover {
    712.     display: block;
    713.     vertical-align: middle;
    714.     font-size: 12px;
    715.     font-weight: bold;
    716.     color: White;
    717.     text-align: left;
    718.     padding-top: 0px;
    719.     width: 100%;
    720.     text-decoration: none;
    721.     height: 20px;
    722.     text-indent: 3px;
    723.     line-height: 20px;
    724.     background-color: #ed1c24;
    725. }
    726.  
    727.    
    728. a.sublevel:link, a.sublevel:visited {
    729.     padding-left: 1px;
    730. }
    731.  
    732.  
    733. .highlight {
    734.     background-color: Yellow;
    735.     color: Blue;
    736.     padding: 0;
    737. }
    738. .code {
    739.     background-color: #ddd;
    740.     border: 1px solid #bbb;
    741. }
    742.  
    743. form {
    744. /* removes space below form elements */
    745.     margin: 0;
    746.     padding: 0;
    747. }
    748.  
    749. div.mosimage {
    750.   border: 1px solid #ccc;
    751. }
    752.  
    753. .mosimage {
    754.   border: 1px solid #cccccc;
    755.   margin: 5px
    756. }
    757.  
    758. .mosimage_caption {
    759.   margin-top: 2px;
    760.   background: #efefef;
    761.   padding: 1px 2px;
    762.   color: #666;
    763.   font-size: 10px;
    764.   border-top: 1px solid #cccccc;
    765. }
    766.  
    767. span.article_seperator {
    768.     display: block;
    769.     height: 1.5em;
    770. }


    Буду очень благодарна, если поможете советом или хотя бы намекнете, где именно эти "бока" прописаны(((
     
    Verschlafen, 08.02.2009
    #1

  2. Наши спонсоры

     
  3. SanSan
    Offline

    SanSan Недавно здесь

    Регистрация:
    04.03.2006
    Сообщения:
    424
    Симпатии:
    18
    Пол:
    Мужской
    что-то не так: вместо большого рисунка открывается сайт...
    А про белые пятна надо кое-что уточнить, потому вопрос: шаблон сверстан в таблицах?
    Тогда смотреть, где пропущены строки-ячейки
     
    SanSan, 08.02.2009
    #2
< Вопрос по изменению вида главной страницы - удаление шапки/баннеров... | Как изменить фон на странце >

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

Загрузка...