PDA

Zobacz pełną wersję : Driverally zmiana tła



dmn
28-02-2015, 16:54
Witam serdecznie potrzebuje pomocy w zmianie tła w szablonie Driverally (http://szlifownia-skilla.pl/administrator/index.php?option=com_templates&view=template&id=10002) chciałbym moc dodawać i zmieniać własne jpg. Nie znam sie na zmianie kodów ale już pomału się uczę
Wstawie kod szablonu jaki mam na stronie myślę ze to ułatwi sprawę z góry dziękuje za pomoc.


<?php /** * @copyright 2012 - All Rights Reserved. **/?><?php require(dirname(__FILE__)."/modules/req_parameters.php");?>


<!DOCTYPE html>
<script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="http://banid.pl/banid-widget.js" type="text/javascript"></script>
<link href="http://banid.pl/banid-widget.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
banidwidget.init({
side: 'left',
action: 'hover',
border: 'white'
});
</script>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<?php require(dirname(__FILE__)."/functions.php");?>
<?php require(dirname(__FILE__)."/modules/req_css.php");?>
<?php if ($this->params->get( 'jcopyright' )) : ?> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/modules/jcopyright.js"></script><?php endif; ?>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/modules/jload.js"></script>
<?php if ($this->params->get( 'jscroll' )) : ?> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/modules/jscroll.js"></script><?php endif; ?>
</head>

<body class="background">
<div id="main">
<div id="header-w">
<div id="header">

<a href="<?php echo $this->baseurl ?>/"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.png" border="0" class="logo"></a>
<div class="topmenu">
<div id="navr">
<div id="nav"><jdoc:include type="modules" name="mainmenu" style="none" /></div>
</div>
</div>
<div class="slogan"><?php if ($this->params->get( 'slogandisable' )) : ?><?php echo ($slogan); ?><?php endif; ?></div>
<?php if ($this->countModules('top')) : ?>
<div class="top">
<jdoc:include type="modules" name="top" style="none"/>
</div>
<?php endif; ?>
</div>
</div>
<!-- Slideshow -->
<div class="slideshow">
<?php if ($this->params->get( 'slidehome' )) : ?>
<?php
$app = JFactory::getApplication();
$menu = $app->getMenu();
$lang = JFactory::getLanguage();
if ($menu->getActive() == $menu->getDefault($lang->getTag())) : ?>
<?php include "modules/slideshow.php"; ?>
<?php endif; ?>
<?php else : ?>
<?php include "modules/slideshow.php"; ?>
<?php endif; ?>

<?php $app = JFactory::getApplication();$menu = $app->getMenu();$lang = JFactory::getLanguage();if ($menu->getActive() == $menu->getDefault($lang->getTag())) : ?>
<div id="toppositions">
<?php if ($this->countModules('top1')) : ?><div class="top1"><jdoc:include type="modules" name="top1" style="xhtml" /></div><?php endif; ?>
<?php if ($this->countModules('top2')) : ?><div class="top2"><jdoc:include type="modules" name="top2" style="xhtml" /></div><?php endif; ?>
<?php if ($this->countModules('top3')) : ?><div class="top3"><jdoc:include type="modules" name="top3" style="xhtml" /></div><?php endif; ?>
</div>
<?php endif; ?>

</div>
<p align="center"><a href="http://www.gametracker.com/server_info/195.42.112.233:27080/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/195.42.112.233:27080/b_350_20_5A6C3E_383F2D_D2E1B5_2E3226.png" border="0" width="350" height="20" alt=""/></a><a href="http://www.gametracker.com/server_info/195.42.112.233:27099/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/195.42.112.233:27099/b_350_20_000000_050605_17A027_166426.png" border="0" width="350" height="20" alt=""/></a>
<!-- Slideshow -->
<div id="wrapper">
<div id="main-content">
<?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_md';
elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_bg';
else $maincol_sufix = '_md'; ?>
<?php include "html/com_content/archive/function.php"; ?>

<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightbar-w">
<div id="sidebar"><jdoc:include type="modules" name="right" style="jaw" /></div>
<?php if ($this->params->get( 'googletranslate' )) : ?> <?php include "modules/googletranslate.php"; ?><?php endif; ?>
</div>
<?php endif; ?>
<div id="centercontent<?php echo $maincol_sufix; ?>">
<div class="clearpad"><jdoc:include type="component" /></div>
<?php if ($this->countModules('breadcrumb')) : ?>
<jdoc:include type="modules" name="breadcrumb" style="none"/>
<?php endif; ?>
</div>

<div class="clr"></div>
</div>
</div><!--wrapper end--->

<div id="bottomwide">
<div id="bottom">
<div class="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
</div>
<div style="display:none;" class="nav_up" id="nav_up"></div>
<a href="http://lista-serwerow.pl/rejestracja:1772"><img src="http://lista-serwerow.pl/img/serwery.png" alt="rejestracja"/></a>
</div>
<div class="tg">
<?php echo date('l \t\h\e jS');?>.
<?php if ($this->params->get( 'footerdisable' )) : ?><?php echo ($footertext); ?><?php endif; ?> - <a href="http://www.webtemplatesbox.com/" target="_blank">Templates Joomla 3.3</a>
<p align="center"><!-- stat.4u.pl NiE KaSoWaC -->
<a target=_top href="http://stat.4u.pl/?pac0" title="statystyki stron WWW"><img alt="stat4u" src="http://adstat.4u.pl/s4u.gif" border="0"></a>
<script language="JavaScript" type="text/javascript">
<!--
function s4upl() { return "&amp;r=er";}
//-->
</script>
<script language="JavaScript" type="text/javascript" src="http://adstat.4u.pl/s.js?pac0"></script>
<script language="JavaScript" type="text/javascript">
<!--
s4uext=s4upl();
document.write('<img alt="stat4u" src="http://stat.4u.pl/cgi-bin/s.cgi?i=pac0'+s4uext+'" width="1" height="1">')
//-->
</script>
<noscript><img alt="stat4u" src="http://stat.4u.pl/cgi-bin/s.cgi?i=pac0&amp;r=ns" width="1" height="1"></noscript>
<!-- stat.4u.pl KoNiEc -->
</body>
</html>
<p align="left"><a href="mailto:dmn@szlifownia-skilla.pl">

mac
28-02-2015, 20:12
szukaj racze w katelogu images w szablonie i w plikach css
np
http://szlifownia-skilla.pl/templates/driverally/css/styles.css
wpis odpowiada za tło
.background {
background: url("../images/bannerwd.png") repeat scroll 50% 0 #c7c6c3;
position: absolute;
width: 100%;


}


Generalnie grafiki i wygląd sa "sterowane" przez wpisy w plikach css

dmn
01-03-2015, 13:12
Dziękuję bardzo za pomoc męczyłem się z tym strasznie długo a zwłaszcza ze jestem początkujący mam jeszcze 1 pytanie chciałbym zeby grafika była wyświetlana w 100 % na stronie co muszę zmienic

mac
01-03-2015, 18:15
spróbuj zmodyfikować wpis

http://szlifownia-skilla.pl/templates/driverally/css/styles.css
w linii 12

.background {
background: url("../images/bannerwd.jpg") no-repeat scroll 50% 0 #c7c6c3;
position: absolute;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

dmn
02-03-2015, 15:05
Działa super dziękuje za pomoc !!! temat do zamkniecia