объясните Нубу есть сайт http://malorechka.org/ вот такой вопрос есть 2 картинки одна 185*1000 px и вторая 185*1 px где что прописать чтобы шапка шаблона была резиновой картинка плавно масштабировалась заполняя по 1px с права на лево расскажите покажите плиз плюсики с меня
большую картинку вставляешь в шапку <img src="адрес-большой-картинки" align="right/center/left"> а маленькую указываешь в стиле шапки background:url(адрес-маленькой-картинки) repeat-x; Получаем: шапка заполняется фоном по горизонтали, а сверху на фон наложена картинка. P.S.: при указании размеров изображения первая цифра - это ширина, вторая - высота.
вот index.php Код (html): <?php defined('_JEXEC') or die; require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php'; // Create alias for $this object reference. $document = & $this; // Shortcut for template base url. $templateUrl = $document->baseurl . '/templates/' . $document->template; // Initialize version-specific view. $view = $this->artx = ('1.6' == $GLOBALS['version']->RELEASE) ? new ArtxPage16($this) : new ArtxPage15($this); // Decorate component with style. $view->componentWrapper(); ?> <!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 $document->language; ?>" lang="<?php echo $document->language; ?>" > <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" /> <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]--> <script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script> <script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></script> <script type="text/javascript">jQuery.noConflict();</script> <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script> <script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script> </head> <body class="<?php echo $view->bodyClass(); ?>"> <div id="page-background-glare"> <div id="page-background-glare-image"> <div id="main"> <div class="sheet"> <div class="sheet-tl"></div> <div class="sheet-tr"></div> <div class="sheet-bl"></div> <div class="sheet-br"></div> <div class="sheet-tc"></div> <div class="sheet-bc"></div> <div class="sheet-cl"></div> <div class="sheet-cr"></div> <div class="sheet-cc"></div> <div class="sheet-body"> </div> <div class="header"> <div class="header-centr"> <div class="header-jpeg"></div> </div> <div class="logo"></div> <div class="headerlogo"></div> </div> <?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?> <div class="nav"> <div class="nav-l"></div> <div class="nav-r"></div> <?php if ($view->containsModules('extra1')) : ?> <div class="menu-extra1"><?php echo $view->position('extra1'); ?></div> <?php endif; ?> <div class="nav-center"> <?php echo $view->position('user3'); ?> </div> <?php if ($view->containsModules('extra2')) : ?> <div class="menu-extra2"><?php echo $view->position('extra2'); ?></div> <?php endif; ?> </div> <?php endif; ?> <?php echo $view->position('banner1', 'nostyle'); ?> <?php echo $view->positions(array('top1' => 33, 'top2' => 33, 'top3' => 34), 'block'); ?> <div class="content-layout"> <div class="content-layout-row"> <?php if ($view->containsModules('left')) : ?> <div class="layout-cell sidebar1"> <?php echo $view->position('left', 'block'); ?> <div class="cleared"></div> </div> <?php endif; ?> <div class="layout-cell <?php echo $view->contentCellClass(array('left' => 'sidebar1', 'content' => 'content', 'right' => 'sidebar2')); ?>"> <?php echo $view->position('banner2', 'nostyle'); if ($view->containsModules('breadcrumb')) echo artxPost($view->position('breadcrumb')); echo $view->positions(array('user1' => 50, 'user2' => 50), 'article'); echo $view->position('banner3', 'nostyle'); if ($view->hasMessages()) echo artxPost('<jdoc:include type="message" />'); echo '<jdoc:include type="component" />'; echo $view->position('banner4', 'nostyle'); echo $view->positions(array('user4' => 50, 'user5' => 50), 'article'); echo $view->position('banner5', 'nostyle'); ?> <div class="cleared"></div> </div> <?php if ($view->containsModules('right')) : ?> <div class="layout-cell sidebar2"> <?php echo $view->position('right', 'block'); ?> <div class="cleared"></div> </div> <?php endif; ?> </div> </div> <div class="cleared"></div> <?php echo $view->positions(array('bottom1' => 33, 'bottom2' => 33, 'bottom3' => 34), 'block'); ?> <?php echo $view->position('banner6', 'nostyle'); ?> <div class="footer"> <div class="footer-t"></div> <div class="footer-b"></div> <div class="footer-body"> <?php echo $view->position('syndicate'); ?> <div class="footer-text"> <?php if ($view->containsModules('copyright')): ?> <?php echo $view->position('copyright', 'nostyle'); ?> <?php else: ?> <?php ob_start(); ?> <p><a href="http://elschems.ru">elschems</a></p><p>Copyright © %YEAR%. All Rights Reserved.</p> <?php echo str_replace('%YEAR%', date('Y'), ob_get_clean()); ?> <?php endif; ?> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> <p class="page-footer"><a href="http://malorechka.org">malorechka.org ©</a>.</p> </div> </div> </div> <?php echo $view->position('debug'); ?> </body> </html> куда вставить <img src="адрес-большой-картинки" align="right/center/left"> css вроде сделал
Чтобы шапка была резиновой и менялась плавно и на разных разрешениях экрана смотрелась хорошо, можно прикрутить jquerly. http://ruseller.com/lessons.php?rub=32&id=1034
сделай тупо <div> под шапку и выравнивай в css сколько влезет можешь шапку вообще в таблицу засунуть :3
я нуб троможу по страшному может кто сделает не могу воткнуть как а я потом повтыкаю и сравню соригиналом
