Template-Grafik durch Slideshow ersetzen

**Downhill_MC** · 25.08.2009 23:07

Hallo zusammen

für die Seite hier möchte ich die Grafik (Eure Grafik bzw slogan.jpg) mit einer Slide-Show ersetzen. Dabei müsste ich ja eigentlich im Template-Code direkt eine Verlinkung zum entsprechenden Modul haben (so wie ich das sehe?). Hat da jemand eine Idee, wie man das Lösen könnte? Hier die Index-Datei sowie die css-datei (gibt im Template nur eine):

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

</head>
<div id="hintergrund"></div>
<div id="seitelinks"></div>
<div id="container">
<div id="header">
<div id="logo" class="zentriert"><a href="index.php"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/<?php echo $this->params->get('templateColour'); ?>/logo.gif" style="border:0;" alt=""/></a></div><div id="topmenu"><jdoc:include type="modules" name="user3" /></div>
</div>
<div id="aktuelle"><div id="news"><jdoc:include type="modules" name="top" /></div></div>
<div id="bild"> </div>
<div id="suche"><jdoc:include type="modules" name="user4" /></div>
<div id="ort"> <jdoc:include type="module" name="breadcrumbs" style="none" /></div>
<div id="content">
<div id="content1"> <jdoc:include type="component" /></div>
<div id="menuleft"> <jdoc:include type="modules" name="left" style="xhtml" /></div>
</div>
<div id="footer">
<div id="footertext">Copyright © 2009 Fire Rose. Alle Rechte vorbehalten <br>
<a></a><a href="http://www.darkweb.ch">created by Darkweb</a>.

</div>

</body>
</html>

/*layout CSS */
body {

}
#footer {clear:both;}
.clear{clear:both;}

/*global reset*/

* {
margin:0;
padding:0;
}
body {
font-size:76%;
font-family: Arial, Helvetica, sans-serif;
background-color: #000000;
color:#CCCCCC;

line-height:1.3;
}
h1,.componentheading {
font:sans-serif;
padding-left:1px;
font-size:1.3em;
text-transform:capitalize;
color: #669900;
}
h2,.contentheading {
padding-left:20px;
font-size:1.0em;
color: #CC3300;
}
h3 {
font-size:13px;
padding-bottom:5px;
}
h4 {
font-size:1.2em;
}
h5 {
font-size:1.1em;
}
h6 {
font-size:1em;
font-weight:700;
}
li,dd {
margin-left:1em;

}
#hintergrund {
position:absolute;
left:0px;
background-image:url(../images/hintergrund.gif);
background-repeat:repeat;
top:0px;
width:100%;
height:763px;
z-index:1;
}
#seitelinks {
position:absolute;
background-image:url(../images/seitelinks.png);
top:150px;
width:1260px;
left: 50%;
margin-left: -630px; /* negative Hälfte von width:1000px */
height:495px;
z-index:1;
}
#container {
position:relative;
margin-right: auto;
margin-left: auto;
width:900px;
height:100%;
background-image:url(../images/bgmenu.gif);
z-index:2;
}
#header {
position:center;

width:900px;
height:150px;
background-image:url(../images/headerbg.gif);
}
#logo {
align: center;
top:0px;
left:0px;
}
#topmenu {
position:absolute;
top:123px;
height:27px;
width:900px;
z-index:10px;
}
#aktuelle {
position:relative;
width:900px;
height:69px;
background-image:url(../images/headeroben.png);
}
#news {
position:relative;
width:885px;
padding-left:15px;
color: #666666;
height:69px;
background-image:url(../images/headeroben.png);
}
#bild {
position:relative;
width:900px;
height:200px;
background-image:url(../images/slogan.jpg);
}
#suche{
position:relative;
width:900px;
height:70px;
background-image:url(../images/footer.png);
}
#ort{
position:relative;
padding-top:8px;
padding-left:20px;
width:880px;
height:22px;
background-image:url(../images/drum.gif);
}
#content{
position:relative;
width:900px;
height:100%;
background-image:url(../images/bgmenu.gif);
background-repeat: repeat-y;

}
#menuleft{
float:left;
padding-left:20px;
width:145px;
height:100%;
background-color: transparent;
}
#content1{
float:left;
padding-top:15px;
padding-left:15px;
padding-right:20px;
width:680px;
height:100%;
background-color: transparent;

}
#footertext{
position:absolute;
left:0px;
padding-left:19px;
top:50px;
font-size:9px;
color:#666666;

}
a.footer:link, a.footer:visited {
color: #666666; text-decoration: none;
font-weight: normal;

}
#footer {
position:relative;
background-image:url(../images/footer2.gif);
margin-right: auto;
margin-left: auto;
clear:both;
width:900px;
height:90px;
background-color: #666666;
}
/*link farbe*/
a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #555;
}
td.buttonheading {
vertical-align : top;
margin : 0;
padding : 0;
background : none;
}
.buttonheading a:link, .buttonheading a:visited {
width : 0px; /*20px pdf button*/
display : block;
overflow : hidden;
color:#000000;
}
.buttonheading a:hover {
width : 58px;
display : block;
}
form#form-login fieldset {
border: 0 none;
margin: 0;
margin-left:10px;
}
form#form-login ul li{
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0px;
font-size: 10px;
color: #858585;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

#mod_search_searchword {
padding: 5px 0px 10px 720px;
width: 150px;
font-size: 12px;
background: url(../images/search_bg.png) no-repeat;
color: #cccccc;
font-family: arial;
height: 26px;
border: none ;
font-weight: none;
}

#mainlevel-nav ul{
list-style:none;
margin:0;
padding:0;
}

#mainlevel-nav li{
float:left;
width: auto;
height:27px;
text-align:center;
padding-left:5px;
padding-right:5px;

list-style:none;
margin:0 2 0 0px;

}

#mainlevel-nav a{
font:normal 12px Verdana,sans-serif;
font-weight:bold;
margin-top: 0px;
margin-bottom: 0px;
padding:9px 0 0px 0;
width:100%;
height:27px;
display:block;
text-decoration:none;
color:#FFFFFF;

text-align:center;
vertical-align:bottom;
}
#mainlevel-nav a:hover{
background-image : url(../images/top_button_a.gif);

}

#mainlevel-nav a:active{
background-image : url(../images/top_button_a.gif);
color:#333333;
background:#000000;
}
.mainlevel-nav#active_menu-nav{
background-image : url(../images/top_hover_a.gif);
}
.moduletable_menu{
padding-bottom:20px;
}
table.contenttoc {
float:left;
margin: 0px;
border: 1px solid #ccc;
padding: 0px;
}

table.contenttoc td {
padding: 0 5px;
}

div.zentriert
{
align: center;
}

**jacxx** · 25.08.2009 23:10

Hol dir ein Slideshow Modul.. gibts massenhaft für J!
Installieren, aktivieren und in Position user4 legen.. fertig..

http://www.firerose.ch/index.php?tp=1

#bild {
background-image:url(../images/slogan.jpg);
height:200px;
position:relative;
width:900px;

.. das fette Bild in der template.css, Zeile 114 rausnehmen..

Thema: Template-Grafik durch Slideshow ersetzen

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Template-Grafik durch Slideshow ersetzen

Lesezeichen

Lesezeichen

Berechtigungen