mainbody с закругленными углами

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем raven, 14.12.2007.

  1. Offline

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

    Регистрация:
    02.11.2007
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Прочитал статью на о том, как сделать модули с закругленными углами, возник вопрос, как это приделать к mainbody
    Код (CODE):
    1. <?php if (mosCountModules( "left" )) { ?>
    2.   <div class="leftbox">
    3.     <div id="leftmenu" class="leftblock">
    4.     <?php mosLoadModules ( "left", -3 ); ?>
    5.     </div>
    6.   </div>
    7. <?php } ?>

    Что тут надо поменять:[
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 094
    Симпатии:
    158
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    собственно, а где здесь mainbody? )
     
  4. Offline

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

    Регистрация:
    02.11.2007
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    в том то и дело что его здесь нету.
    Вопрос такой: как сделать мэйнбоди с закругленными углами, можно на основе этого вот(дан для примера)
     
  5. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 094
    Симпатии:
    158
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    raven, учим css и html :)
     
  6. OlegM
    Offline

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

    Регистрация:
    12.04.2007
    Сообщения:
    4 310
    Симпатии:
    375
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    Так же как модули (см. исходник HTML модуля), но DIV придется вставлять самому, т.е. так
    Код (html):
    1. <div id="mainbox">
    2.     <div>
    3.       <div>
    4.          <div>
    5.     <?php mosMainBody (); ?>
    6.         </div>
    7.       </div>
    8.     </div>
    9.   </div>
     
  7. Offline

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

    Регистрация:
    02.11.2007
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    sourpuss, спасибо.

    Fanamura, знаю только основы :(
    Честно пробовал, но ничего не получилось. Смотрел код шаблона populus с рокеттем, но всеравно ничего не получилось, даже классы копировал, даже скачал этот шаблон нул.((
     
    Последнее редактирование: 15.12.2007
  8. OlegM
    Offline

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

    Регистрация:
    12.04.2007
    Сообщения:
    4 310
    Симпатии:
    375
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    raven, в твоем случае, т.е. с моим кодом, css будет таким (картинки взяты из руководства)
    Код (html):
    1. div#mainbox {
    2.    background: url('../images/box_b_l.png') no-repeat bottom left;
    3.  }
    4. div#mainbox div {
    5.    background: url('../images/box_b_r.png') no-repeat bottom right;
    6.  }
    7. div#mainbox div div {
    8.    background: url('../images/box_t_l.png') no-repeat top left;
    9.  }
    10. div#mainbox div div div {
    11.    background: url('../images/box_t_r.png') no-repeat top right;
    12.  }
    13. div#mainbox div div div div {
    14.    background:none;
    15.  }


    Если опять непонятно, то все же придется учить CSS
     
  9. Offline

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

    Регистрация:
    02.11.2007
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    уже сам понял, все равно спасибо :)
    и вот что получилось (может вам покажется глупо так делать но как смог:))
    Код (CODE):
    1. <div class="module[suffix]">
    2. <div style=" background:url(images/main-r.png) repeat-y right">
    3.     <div style=" background:url(images/main-l.png) repeat-y left"> 
    4.         <div style="background:url(images/main-tl.png) no-repeat left top">
    5.             <div style="background:url(images/main-tr.png) no-repeat right top">
    6.                 <div style="background:url(images/main-br.png) no-repeat right bottom">
    7.                     <div style="background:url(images/main-bl.png) no-repeat left bottom">
    8.                     <?php mosMainBody(); ?>
    9.                     </div>
    10.                 </div>
    11.             </div>
    12.         </div>
    13.     </div>
    14. </div>
     
    Последнее редактирование: 15.12.2007
  10. OlegM
    Offline

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

    Регистрация:
    12.04.2007
    Сообщения:
    4 310
    Симпатии:
    375
    Пол:
    Мужской
    Отлично
    <div class="module[suffix]"> ... </div> лишние
    В остальном правильно, но лучше конечно вынести стили в css и выучить контекстные селекторы CSS

    Для чего нужны
    <div style=" background:url(images/main-r.png) repeat-y right">
    <div style=" background:url(images/main-l.png) repeat-y left">

    ???
     
  11. Offline

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

    Регистрация:
    02.11.2007
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: mainbody с закругленными углами

    нужны потому что мэйнбоди может быть высотой и 5000px с прокруткой, чтобы не делать таких огромных картинок я сделал их высотой 1рх и чтобы они повторялись по оси у.
     
    Последнее редактирование модератором: 05.04.2014

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

Загрузка...