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

scetchy

Постоялец
Регистрация
11 Мар 2007
Сообщения
32
Реакции
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

Спасибо за внимание !
 
не туда публикуешь. читай правила, пожалуйста

вот тебе Для просмотра ссылки Войди или Зарегистрируйся помогут

тему сейчас перенесу
 
HTML:
<div class="picture1"></div>

в стилях прописываешь класс picture1, задаешь размеры и картинку.
HTML:
.picture1 {width: 998px; height: 332px; background: url(images/pictur.png);}

Ну а сам слой ставишь куда нужно)
 
Дико извиняют, но почему так?
Там уже в шаблоне же есть под это лого все? Вот эти ксски

.wrapper-glass #logo a.logo-icon

#logo a.logo-icon

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

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

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

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

Он там как раз 900*140 пикс
 
Назад
Сверху