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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by raven, Dec 14, 2007.

  1. Offline

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

    Joined:
    Nov 2, 2007
    Messages:
    13
    Likes Received:
    0
    Gender:
    Male
    Прочитал статью на о том, как сделать модули с закругленными углами, возник вопрос, как это приделать к 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 } ?>

    Что тут надо поменять:[
     
    raven, Dec 14, 2007
    #1

  2. Ads Master

     
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: mainbody с закругленными углами

    собственно, а где здесь mainbody? )
     
    Fanamura, Dec 14, 2007
    #2
  4. Offline

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

    Joined:
    Nov 2, 2007
    Messages:
    13
    Likes Received:
    0
    Gender:
    Male
    Ответ: mainbody с закругленными углами

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

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: mainbody с закругленными углами

    raven, учим css и html :)
     
    Fanamura, Dec 14, 2007
    #4
  6. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Ответ: 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>
     
    OlegM, Dec 14, 2007
    #5
  7. Offline

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

    Joined:
    Nov 2, 2007
    Messages:
    13
    Likes Received:
    0
    Gender:
    Male
    Ответ: mainbody с закругленными углами

    sourpuss, спасибо.

    Fanamura, знаю только основы :(
    Честно пробовал, но ничего не получилось. Смотрел код шаблона populus с рокеттем, но всеравно ничего не получилось, даже классы копировал, даже скачал этот шаблон нул.((
     
    Last edited: Dec 15, 2007
    raven, Dec 15, 2007
    #6
  8. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Ответ: 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
     
    OlegM, Dec 15, 2007
    #7
  9. Offline

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

    Joined:
    Nov 2, 2007
    Messages:
    13
    Likes Received:
    0
    Gender:
    Male
    Ответ: 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>
     
    Last edited: Dec 15, 2007
    raven, Dec 15, 2007
    #8
  10. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Отлично
    <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">

    ???
     
    OlegM, Dec 15, 2007
    #9
  11. Offline

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

    Joined:
    Nov 2, 2007
    Messages:
    13
    Likes Received:
    0
    Gender:
    Male
    Ответ: mainbody с закругленными углами

    нужны потому что мэйнбоди может быть высотой и 5000px с прокруткой, чтобы не делать таких огромных картинок я сделал их высотой 1рх и чтобы они повторялись по оси у.
     
    Last edited by a moderator: Apr 5, 2014
    raven, Dec 16, 2007
    #10
< Extended Menu не пашет в лисе | кеширование rollover >

Share This Page

Loading...