Как вставить картинку в шаблон через div class

Тема в разделе "Веб-дизайн", создана пользователем scetchy, 1 авг 2011.

Модераторы: zek24
  1. scetchy

    scetchy Создатель

    Регистр.:
    11 мар 2007
    Сообщения:
    31
    Симпатии:
    10
    Доброго времени суток !
    Как вставить картинку в шаблон через div class ?
    Имеется шаблон yoo_expo
    Хочу вставить под div logo картинку .

    вот код template.php

    PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->warp->config->get('language'); ?>" lang="<?php echo $this->warp->config->get('language'); ?>" dir="<?php echo $this->warp->config->get('direction'); ?>" >
    <head>
    <?php echo $this->warp->template->render('head'); ?>
    <link rel="apple-touch-icon" href="<?php echo $this->warp->path->url('template:apple_touch_icon.png'); ?>" />
    </head>

    <body id="page" class="yoopage <?php echo $this->warp->config->get('columns'); ?> <?php echo $this->warp->config->get('itemcolor'); ?> <?php echo $this->warp->config->get('toolscolor'); ?> <?php echo 'style-'.$this->warp->config->get('style'); ?> <?php echo 'wrapper-'.$this->warp->config->get('wrapper'); ?> <?php echo 'background-'.$this->warp->config->get('background'); ?> <?php echo 'font-'.$this->warp->config->get('font'); ?> <?php echo $this->warp->config->get('webfonts'); ?>">
    <?php if ($this->warp->modules->count('absolute')) : ?>
    <div id="absolute">
            <?php echo $this->warp->modules->render('absolute'); ?>
        </div>
        <?php endif; ?>
        
        <div id="page-body">

            <div class="wrapper">
                
                <div class="wrapper-t1">
                    <div class="wrapper-t2">
                        <div class="wrapper-t3"></div>
                    </div>
                </div>
                
                <div class="wrapper-1">
                    <div class="wrapper-2">
                        <div class="wrapper-3">
                            <div class="wrapper-4">
                            
                                <div id="header">

                                    <div id="toolbar">
                                    
                                        <?php if ($this->warp->modules->count('toolbarleft')) : ?>
                                        <div class="left">
                                            <?php echo $this->warp->modules->render('toolbarleft'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                        <?php if ($this->warp->modules->count('toolbarright')) : ?>
                                        <div class="right">
                                            <?php echo $this->warp->modules->render('toolbarright'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                        <?php if($this->warp->config->get('date')) : ?>
                                        <div id="date">
                                            <?php echo $this->warp->config->get('actual_date'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                    </div>
                                    
                                    <?php if ($this->warp->modules->count('search')) : ?>
                                    <div id="search">
                                        <?php echo $this->warp->modules->render('search'); ?>
                                    </div>
                                    <?php endif; ?>
        
                                    <div id="headerbar">
                    
                                        <?php if($this->warp->modules->count('headerleft')) : ?>
                                        <div class="left">
                                            <?php echo $this->warp->modules->render('headerleft'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                        <?php if($this->warp->modules->count('headerright')) : ?>
                                        <div class="right">
                                            <?php echo $this->warp->modules->render('headerright'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                    </div>
                                    
                                    <?php if ($this->warp->modules->count('logo')) : ?>        
                                    <div id="logo">
                                        <?php echo $this->warp->modules->render('logo'); ?>
                                    </div>
                                    <?php endif; ?>
                    <div id="picture1">
                    </div>
                                <?php  if ($this->warp->modules->count('menu + menuright')) : ?>
                                    <div id="menu">
                                        
                                        <?php if ($this->warp->modules->count('menu')) : ?>
                                        <div class="left">
                                            <?php echo $this->warp->modules->render('menu'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                        <?php if ($this->warp->modules->count('menuright')) : ?>
                                        <div class="right">
                                            <?php echo $this->warp->modules->render('menuright'); ?>
                                        </div>
                                        <?php endif; ?>
                                        
                                    </div>
                                    <?php endif; ?>
                                    
                                    <?php if ($this->warp->modules->count('banner')) : ?>
                                    <div id="banner">
                                        <?php echo $this->warp->modules->render('banner'); ?>
                                    </div>
                                    <?php endif;  ?>

                                </div>
                                <!-- header end -->
    как я понял туда нужно прописать новый div id
    у меня он называется picture1

    так же , на сколько я понимаю, нужно в файле layot.css прописать этот div

    подскажите , что туда вписать ? чтобы картинка была между div logo и div menu ?
    размер картинки - 998 * 332

    Спасибо за внимание !
     
  2. arman29

    arman29 Генератор идей

    Moderator
    • Супермодератор
    Регистр.:
    30 июн 2008
    Сообщения:
    1.235
    Симпатии:
    654
    не туда публикуешь. читай правила, пожалуйста

    вот тебе здесь помогут

    тему сейчас перенесу
     
  3. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    HTML:
    <div class="picture1"></div>
    в стилях прописываешь класс picture1, задаешь размеры и картинку.
    HTML:
    .picture1 {width: 998px; height: 332px; background: url(images/pictur.png);}
    Ну а сам слой ставишь куда нужно)
     
    scetchy нравится это.
  4. sergik74

    sergik74

    Регистр.:
    19 апр 2007
    Сообщения:
    295
    Симпатии:
    68
    Дико извиняют, но почему так?
    Там уже в шаблоне же есть под это лого все? Вот эти ксски

    .wrapper-glass #logo a.logo-icon

    #logo a.logo-icon

    и выводят лого щас там...

    И собственно в самом Wrap5 наверняка уже предусмотрен вывод собственного лого и настройки в самом темплейте из админки...
    К чему усложнения эти?

    Если же тебе надо в шапку именно картинку
    то выводи в этот див

    <div id="headerbar"> </div>

    Он там как раз 900*140 пикс