Joomla 1.5 фоновое изображение в css Очень нужна помощь!

Тема в разделе "Создание шаблона", создана пользователем Алёнаj, 27.04.2012.

  1. Offline

    Алёнаj Недавно здесь

    Регистрация:
    27.04.2012
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Помогите мне, пожалуйста.. Я делаю первый сайт на joomla и возникла такая проблема: не могу ни как сделать чтоб фон был серый, а шаблон белый. Ну как на этом сайте: фон салатовый, а шаблон белый :[
    Прошу.. помогите, третий день мучаюсь.. Вот ссылка: http://jolly.jino.ru/
     
    Алёнаj, 27.04.2012
    #1

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

     
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    OlegK, 27.04.2012
    #2
  4. blikblik
    Offline

    blikblik Активист

    Регистрация:
    12.03.2011
    Сообщения:
    121
    Симпатии:
    29
    Пол:
    Женский
    Вам надо править template.css
     
    blikblik, 27.04.2012
    #3
  5. Offline

    Алёнаj Недавно здесь

    Регистрация:
    27.04.2012
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Вам надо править template.css


    Это я знаю, но не могу понять, что именно нужно переделать. Вот и спрашиваю:)

    Помогите, пожалуйста!:'(
     
    Алёнаj, 27.04.2012
    #4
  6. Offline

    Алёнаj Недавно здесь

    Регистрация:
    27.04.2012
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Может будет проще подсказать мне, если я вам предоставлю файлы:

    index.php

    Код (html):
    1. <?php
    2. defined( '_JEXEC' ) or die( 'Restricted access' );
    3. ?>
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    6. <head>
    7. <jdoc:include type="head" />
    8. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    9. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
    10. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/proba/css/template.css" type="text/css" />
    11. <!--[if lte IE 6]>
    12. <style>
    13. #hornav ul li ul {
    14. left: -999em;
    15. margin-top: 0px;
    16. margin-left: 0px;
    17. }
    18. .tg-top, .tg-bottom, .tg  {  behavior: url("templates/TEMPLATENAME/css/fix.htc"); }
    19. </style>
    20. <![endif]-->
    21. </head>
    22. <body >
    23. <a name="header_r" id="header_r"></a>
    24. <div class="container">
    25. <div id="container"><jdoc:include type="modules" name="user4" style="xhtml" /></div>
    26.   <div class="top_logo"></div>
    27.   <div class="top_logotip"></div>
    28.   <div align="center"></div>
    29. </div>
    30. <div class="top_container">
    31. <div id="top_container"><div id="hornav"><jdoc:include type="modules" name="user3" style="xhtml" /></div></div>
    32. </div>
    33.  
    34. <!--Основное содержимое-->
    35.  
    36. <div class="contents">
    37.   <div class="mod_contents">
    38.     <div class="glmain">
    39.     </div>
    40.         <div class="mod_main">
    41.         <jdoc:include type="modules" name="left" style="" />
    42.     </div>
    43. </div>
    44.   <div class="main_contents">
    45. <jdoc:include type="component" />
    46.  </div>
    47. </div>
    48.  
    49. <!--footer-->
    50. <div class="footer">
    51.  <jdoc:include type="modules" name="bottom" style="xhtml" />
    52. </div>
    53. </body>
    54. </html>



    template.css

    Код (CODE):
    1. @charset "utf-8";
    2. a {
    3.     font-family: Arial, Helvetica, sans-serif;
    4.     font-size: 12px;
    5.     color: #F68121;
    6.     font-weight: bold;
    7. }
    8. a:link {
    9.     text-decoration: none;
    10. }
    11. a:visited {
    12.     text-decoration: none;
    13.     color: #F68121;
    14. }
    15. a:hover {
    16.     text-decoration: underline;
    17.     color: #F68121;
    18. }
    19. a:active {
    20.     text-decoration: none;
    21.     color: #443D87;
    22. }
    23. .container {
    24.     margin: auto;
    25.     width: 90%;
    26.     background-image: url(../images/cap.png);
    27.     min-width: 750px;
    28.     max-width: 1280px;
    29. }
    30. .top_container {
    31.     float: left;
    32.     width: 90%;
    33.     min-width: 750px;
    34.     max-width: 1280px;
    35. }
    36. .top_logo {
    37.     background-image: url(../images/logo.png);
    38.     float: left;
    39.     height: 80px;
    40.     width: 255px;
    41.     margin-top: 17px;
    42.     margin-bottom: 25px;
    43.     margin-left: 25%;
    44. }
    45. .top_logotip {
    46.     float: left;
    47.     height: 145px;
    48.     width: 145px;
    49.     background-image: url(../images/man.gif);
    50.     background-repeat: no-repeat;
    51. }
    52. .glmain {
    53.     width: 200px;
    54.     height: 35px;
    55.     background-image: url(../images/cap.png);
    56.     background-position: center;
    57.     font-family: Arial, Helvetica, sans-serif;
    58.     color: #FFFFFF;
    59.     font-size: 14px;
    60.     font-weight: bold;
    61.     border: 1px solid #CCCCCC;
    62.     padding: 2px;
    63. }
    64. .container {
    65.     height: 155px;
    66.     width: 90%;
    67. }
    68. #container { height: 1px; padding: 11px 20px 0px 14px; text-align: right; clear: right;
    69. }
    70. #top_container { width: 90%x; height: 23px; text-align: left; list-style: none; position: relative; z-index: 1;
    71. }
    72. .top_container {
    73.     background-image: url(../images/mainmenu.png);
    74.     float: none;
    75.     margin: auto;
    76.     padding-top: 5px;
    77.     padding-bottom: 10px;
    78. }
    79. #template-menu { margin-left: auto; margin-right: auto; width: 980px; height: 33px; text-align: left; list-style: none; position: relative; z-index: 1; background: url(../images/mainmenu.png) repeat-x left top; }
    80. .contents
    81. {
    82.     width: 90%;
    83.     min-width: 750px;
    84.     max-width: 1280px;
    85.     border: 1px solid #CCCCCC;
    86.     margin: auto;
    87.     height: 100%;
    88. }
    89. .left_contents {
    90.     float: left;
    91.     width: 160px;
    92.     margin: auto;
    93.     padding-top: 10px;
    94.     padding-left: 20px;
    95.     padding-bottom: 10px;
    96. }
    97. .center_contents {
    98.     margin: auto;
    99.     width: auto;
    100.     float: left;
    101.     padding-top: 10px;
    102.     padding-right: 10px;
    103.     padding-bottom: 10px;
    104.     padding-left: 20px;
    105. }
    106. .mod_contents {
    107.     width: 200px;
    108.     float: left;
    109.     font-family: Arial, Helvetica, sans-serif;
    110.     font-size: 12px;
    111.     color: #333399;
    112.     padding-top: 5px;
    113.     padding-right: 5px;
    114.     padding-bottom: 5px;
    115.     padding-left: 10px;
    116. }
    117. .mod_main {
    118.     width: 200px;
    119.     border: 1px solid #CCCCCC;
    120.     background-position: 10px;
    121.     padding: 2px 2px 5px;
    122.     text-align: 10;
    123.     height: auto;
    124. }
    125.  
    126. .main_contents {
    127.     float: left;
    128.     width: 68%;
    129.     padding-top: 20px;
    130.     padding-bottom: 10px;
    131.     padding-left: 20px;
    132.     font-family: Arial, Helvetica, sans-serif;
    133.     font-size: 12px;
    134.     color: #555555;
    135.     padding-right: 10px;
    136.     height: 100%;
    137. }
    138. /*Joomla CSS*/
    139. .componentheading {
    140.     font-family: Arial, Helvetica, sans-serif;
    141.     font-size: 22px;
    142.     font-weight: bold;
    143.     color: #000000;
    144. }
    145. .contentheading {
    146.     font-family: Arial, Helvetica, sans-serif;
    147.     font-size: 14px;
    148.     font-weight: bold;
    149.     color: #443D87;
    150. }
    151. h3 {font-family: Arial, Helvetica, sans-serif;
    152.     font-size: 22px;
    153.     font-weight: bold;
    154.     color: #000000;
    155. }
    156.  
    157. .small {
    158.     font-family: Arial, Helvetica, sans-serif;
    159.     font-size: 10px;
    160.     font-style: oblique;
    161.     color: #999999;
    162. }
    163. .createdate {
    164.     font-family: Arial, Helvetica, sans-serif;
    165.     font-size: 9px;
    166.     color: #666666;
    167. }
    168. a.contentpagetitle:link {
    169.     font-family: Arial, Helvetica, sans-serif;
    170.     font-size: 14px;
    171.     font-weight: bold;
    172.     color: #443D87;
    173.     text-decoration:underline;
    174. }
    175. a.contentpagetitle:visited {
    176.     font-family: Arial, Helvetica, sans-serif;
    177.     font-size: 14px;
    178.     font-weight: bold;
    179.     color: #443D87;
    180.     text-decoration:underline;
    181. }
    182. a.contentpagetitle:hover {
    183.     font-family: Arial, Helvetica, sans-serif;
    184.     font-size: 14px;
    185.     font-weight: bold;
    186.     color: #000000;
    187.     text-decoration:none;
    188. }
    189. a.readmore-link:link {
    190.     font-family: Arial, Helvetica, sans-serif;
    191.     font-size: 11px;
    192.     color: #999999;
    193.     text-decoration:none;
    194. }
    195. a.readmore-link:visited {
    196.     font-family: Arial, Helvetica, sans-serif;
    197.     font-size: 11px;
    198.     color: #999999;
    199.     text-decoration:none;
    200. }
    201. a.readmore-link:hover {
    202.     font-family: Arial, Helvetica, sans-serif;
    203.     font-size: 11px;
    204.     color: #333333;
    205.     text-decoration:underline;
    206. }
    207. a.comment-link:link {
    208.     font-family: Arial, Helvetica, sans-serif;
    209.     font-size: 11px;
    210.     color: #999999;
    211.     text-decoration:none;
    212. }
    213. a.comment-link:visited {
    214.     font-family: Arial, Helvetica, sans-serif;
    215.     font-size: 11px;
    216.     color: #999999;
    217.     text-decoration:none;
    218. }
    219. a.comment-link:hover {
    220.     font-family: Arial, Helvetica, sans-serif;
    221.     font-size: 11px;
    222.     color: #333333;
    223.     text-decoration:underline;
    224. }
    225. .menu_suffix {
    226.     border-color: #DFDFDF;
    227.     list-style-type: disc;
    228. }
    229. /* */
    230. ul#mainlevel {
    231.     padding-left: 0px;
    232.     margin-top: 5px;
    233.     margin-left: 0px;
    234. }
    235. #mainlevel li {
    236. display: inline;
    237. }
    238. #mainlevel a {
    239.     padding-right: 30px;
    240.     padding-left: 20px;
    241.     white-space: nowrap;
    242. }
    243. #mainlevel a:link, #mainlevel a:visited {
    244.     color: #FFFFFF;
    245.     text-decoration: none;
    246.     background-repeat: no-repeat;
    247.     background-position: left center;
    248.     font-family: "Myriad Pro";
    249.     font-size: 12px;
    250.     font-weight: bold;
    251. }
    252. #mainlevel a:hover {
    253.     color: #000000;
    254.     text-decoration: none;
    255.     font-family: Arial, Helvetica, sans-serif;
    256. }
    257. #hornav .moduletable{
    258.     margin: 0;
    259.     list-style-type: none;
    260. }
    261. #hornav ul {
    262.     margin: 0px 0px 0px 11px;
    263.     padding: 0;
    264.     width: auto;
    265.     float: left;
    266.     list-style-type: none;
    267. }
    268. #hornav ul li{
    269.     margin: 0;
    270.     padding: 0;
    271.     height: 5px;
    272.     float: left;
    273.     position: relative;
    274.     list-style-type: none;
    275. }
    276. #hornav ul li a{
    277.     color: #FFF;
    278.     padding: 9px 10px 6px 10px;
    279.     height:18px;
    280.     display: block;
    281.     float: left;
    282.     list-style-type: none;
    283. }
    284. body { background: #e9e9e9;
    285. }
    286. .footer {
    287.     background-image: url(../images/mainmenu.png);
    288.     width: 90%;
    289.     height: 30px;
    290.     margin: auto;
    291.     font-family: Arial, Helvetica, sans-serif;
    292.     font-size: 12px;
    293.     color: #FFFFFF;
    294.     text-align: center;
    295.     padding-top: 20px;
    296.     min-width: 750px;
    297.     max-width: 1280px;
    298.     clear: both;
    299. }

    :[
     
    Последнее редактирование модератором: 31.05.2012
    Алёнаj, 27.04.2012
    #5
  7. Offline

    Алёнаj Недавно здесь

    Регистрация:
    27.04.2012
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Спасибо Всем за помощь..:(
     
    Алёнаj, 28.04.2012
    #6
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    Помощь-предполагает оказание помощи в устранении ошибок работы сайта.
    А ты просишь выполнить работу бесплатно.
     
    OlegK, 28.04.2012
    #7
  9. Offline

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

    Регистрация:
    13.03.2010
    Сообщения:
    452
    Симпатии:
    18
    Пол:
    Женский
    Вам надо будет прописать еще один класс для листа. У вас в вашем шаблоне есть только фон (подложка), а класса для листа (вы называете это шаблоном) нет. Поэтому, в таком виде, как у вас сейчас, можно поменять только цвет целиком.
     
    Airis, 28.04.2012
    #8
    Алёнаj нравится это.
  10. Offline

    Алёнаj Недавно здесь

    Регистрация:
    27.04.2012
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Airis: Спасибо, огромное, теперь понятно:)!!!

    draff: Вы не правы, никто не просит сделать работу бесплатно!!! :(
     
    Алёнаj, 02.05.2012
    #9
  11. Offline

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

    Регистрация:
    14.04.2012
    Сообщения:
    38
    Симпатии:
    3
    Пол:
    Мужской
    Алена сайт находится в интернете? Если да, все решается за 3 минуты! Дайте ссылочку
    А то с вышеуказанного кода ничего не понятно, нужно видеть визуально.
     
    Jasperio, 07.05.2012
    #10
< Как задать разным страницам сайта свой цвет (задний фон контента)? | Как создать шаблон в Joomla 2.5 >

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

Загрузка...