Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : maw81maw 23 Nov 2009, 22:28:04
-
Sera a tutti,
scusate le domande idiote o banali ma non sono un esperto di joomla e programmazione.
Detto ciò:
ho scaricato un modulo per fare la rotazione di un header.
Il modulo si chiama "Simple Image Rotator" e l'ho scaricato dal sito http://joomlaworks.googlecode.com/files/mod_jw_sir-v1.2_j1.5.zip !
Ora ho 2 problemi:
1-devo posizionarlo al posto dell'header ma non riesco e non capisco come fare e come poter modificare l'HTML del template.
2-Esiste un bordo grigio attorno all'immagini che routano ma anche questo non riesco a rimuoverlo dalla pagina php o css del modulo.
Qualcuno lo conosce o può darmi una mano???
Non credo sia così difficile!!!
Grazie mille.
Maw
-
Allora, consideriamo alcuni fatti:
a) non sappiamo che template usi
b) non sappiamo quindi se quello che vuoi modificare è un immagine solamente o un modulo (header)
c) come tutti i moduli di questo tipo, credo tu debba inserire le immagini in una cartella che poi dovrai definire nel setting del modulo
-
ciao e grazie sudoku.
a-il template si chiama Mercury (ho provato a usare anche quello standard)
b-parte del CSS del template:
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 874px;
height: 150px;
}
div.Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 874px;
height: 150px;
background-image: url('../images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.Header-jpeg
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 874px;
height: 150px;
background-image: url('../images/Header.gif');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
parte dell HTML:
<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = isset($this) ? $this : null;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
<!--[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" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
<div class="PageBackgroundGradient"></div>
<div class="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 class="Header">
<!-- <div class="Header-png"></div> -->
<div class="Header-jpeg"></div>
<div class="logo">
<h1 id="name-text" class="logo-name"><a href="<?php echo $baseUrl; ?>/">Silva S.r.l.[/url]</h1>
</div>
c-inserite immagini e il modulo funziona, nn riesco a posizionarlo al posto dell'header e non riesco a togliergli il bordo!
grazie ancora
-
Dimenticavo HTML della pagina una volta visualizzata nel browser:
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"></div>
<div class="Block-bl"></div>
<div class="Block-br"></div>
<div class="Block-tc"></div>
<div class="Block-bc"></div>
<div class="Block-cl"></div>
<div class="Block-cr"></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockContent">
<div class="BlockContent-body">
<!-- JoomlaWorks "Simple Image Rotator" Module (v1.2) starts here -->
<noscript>
<div class="message">Sorry, but Javascript is not enabled in your browser!</div>
</noscript>
<script language="javascript" type="text/javascript">
<!--
var embedSIRCSS = '<' + 'style type="text/css" media="all">'
+ '@import "modules/mod_jw_sir/mod_jw_sir/mod_jw_sir.css";'
+ 'ul#jw-sir,ul#jw-sir li#jw-sir-loading {width:830px;height:150px;}'
+ '</' + 'style>';
document.write(embedSIRCSS);
-->
</script>
<script type="text/javascript" src="/modules/mod_jw_sir/mod_jw_sir/mod_jw_sir.js"></script>
<script type="text/javascript">var delay=5000;var transition=60;var preLoader='jw-sir-loading';</script>
<ul id="jw-sir" class="">
<li id="jw-sir-loading"></li><li><img src="/modules/mod_Ointerni/photo/interno1.JPG" title="JoomlaWorks Simple Image Rotator" alt="JoomlaWorks Simple Image Rotator" style="width:830px;height:557px;" /></li><li><img src="/modules/mod_Ointerni/photo/interno2.JPG" title="JoomlaWorks Simple Image Rotator" alt="JoomlaWorks Simple Image Rotator" style="width:830px;height:556px;" /></li><li><img src="/modules/mod_Ointerni/photo/interno4.JPG" title="JoomlaWorks Simple Image Rotator" alt="JoomlaWorks Simple Image Rotator" style="width:830px;height:557px;" /></li><li><img src="/modules/mod_Ointerni/photo/interno3.JPG" title="JoomlaWorks Simple Image Rotator" alt="JoomlaWorks Simple Image Rotator" style="width:830px;height:424px;" /></li><li><img src="/modules/mod_Ointerni/photo/interno5.JPG" title="JoomlaWorks Simple Image Rotator" alt="JoomlaWorks Simple Image Rotator" style="width:830px;height:1240px;" /></li></ul>
<!-- JoomlaWorks "Simple Image Rotator" Module (v1.2) ends here -->
</div>
</div>
</div>
</div>
<div class="contentLayout">
<div class="content-wide">
<div class="Post">
<div class="Post-body">
<div class="Post-inner">
-
scusatemi se uppo il post ma sono nella C...A!!!
non sò come fare con sta rotazione dell'header!!
-
Ciao maw81maw,
hai un link al sito?
-
Ciao maicolstaip
si il sito è www.silvatessuti.it
Ho provato anche con firebug ma non riesco!!!
HELPMEEEE heheh
grazie mille