Autore Topic: header con ajax header rotator (Letto 4198 volte)

marta70 · « **il:** 14 Ago 2009, 10:08:50 »

Ciao a tutti,
sono giorni che faccio ricerche per sostituire l'header di questo template di Joomla 1.0 con modulo di ajax header rotator, ma il risultato è stato davvero deludente.
Vi allego il css

/*CSS lijeva, desna strana, pathway*/
body
{
   margin:0;
   background-color:#000000;
}

tr, td, p, div
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFFFFF;
   font-weight:normal;
}

.header
{
   background: url('../images/top_back.jpg') repeat-x;
}

.top
{
   background: url('../images/top_bar_bg.jpg') repeat-x;
}

.footer
{
   background: url('../images/top_bar_bg.jpg') repeat-x;
   margin-top: 4px;
   color:#FFFFFF;
   font-size:12px
}

.content
{
padding: 0px 5px 0px 5px;
background-color:#000000;
border-left: 4px solid #000000;
border-right: 4px solid #000000;
}

.left
{

}

.right
{

}

/*modules*/
table.moduletable {
   width: 184px;;
   padding:0px 0px 1px 0px;
   margin-bottom: 5px;
   background-color:#000000;
}

table.moduletable th {
   background: url('../images/module_th.jpg') no-repeat;
   color: #D43940;
   text-align: left;
   padding-top: 8px;
   padding-left: 35px;
   height: 30px;
   font-family: Tahoma;
   font-weight: normal;
   font-size: 12px;
   text-transform: none;
   text-transform:uppercase
}

table.moduletable td {
   font-size: 11px;
   padding: 1px 2px 1px 2px;
   margin: 3px;
   font-weight: normal;
}

table.pollstableborder td {
padding: 2px;
}

/*links of title,readon,etc*/

a.mainlevel:link, a.mainlevel:visited {
   display: block;
   vertical-align: middle;
   font-size: 12px;
   font-weight: normal;
   color: #D43940;
   text-align: left;
   line-height: 20px;
width: 176px!important;
width: 176px;
   text-decoration: none;
   background-color:#000000;
   text-indent: 6px;
   height: 20px;
   padding: 1px 0px 1px 0px;
}

a.mainlevel:hover {
   display: block;
   vertical-align: middle;
   font-size: 12px;
   font-weight: normal;
   color: #FFFFFF;
   text-align: left;
   line-height: 20px;
   width: 176px!important;
width: 176px;
   text-decoration: none;
   background: #FFFFFF;
   text-indent: 6px;
   height: 20px;
   padding: 1px 0px 1px 0px;
}

a.sublevel:link, a.sublevel:visited {
   padding-left: 1px;
   vertical-align: middle;
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
   text-align: left;
}

a.sublevel:hover {
   color: #D43940;
   text-decoration: none;
}

.mainlevel-nav {
   margin-left: -3px!important;
   margin-left: -6px;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
   position: relative;
   padding: 6px 20px 6px 20px!important;
   color: #D43940;
   margin: 3 0 0 0;
   font-weight: bold;
   font-size:14px;
}
a.mainlevel-nav:hover {
   position: relative;
   color: #FFFFFF;
   padding: 4px 20px 4px 20px!important;
    font-weight: bold;

}

.moduletable-nav {

}

a:link, a:visited {
   color: #D43940; text-decoration: none;
   font-weight: bold;
}

a:hover {
   color: #f1f1f1;   text-decoration: none;
   font-weight: bold;
}

.contentheading {
   color: #D43940;
   text-indent: 5px;
   font-weight: bold;
   font-size: 14px;
   padding: 3px 0px 3px 0px;
   white-space: nowrap;
}

.componentheading {
   color: #D43940;
   text-indent: 5px;
   font-weight: bold;
   font-size: 14px;
   padding: 3px 0px 3px 0px;
   border-bottom: 1px solid #D43940;
   white-space: nowrap;
   margin-bottom: 3px;
}

.sectiontableheader
{
   background-color:#000000;
   color: #D43940;
   font-weight:bold;
   padding: 2px 2px 2px 2px;
}

.contentpane {

}

.contentpaneopen {
padding: 3px 5px 3px 5px;
}

.sectiontableentry1 {
}

.sectiontableentry2 {
}

.small
{
   color: #D43940;
   font-size:10px;
}

.createdate
{
   color:#D43940;
   font-size:10px;
}

.modifydate
{
   color:#D43940;
   font-size:10px;
}

.contentdescription
{
   color:#D43940;
   font-size:11px;
}

/*custom stuff*/

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

li
{
line-height: 15px;
padding-left: 19px;
padding-top: 0px;
background: url('../images/dot.gif') no-repeat 0px 3px;

}

a.readon:link, a.readon:visited
{
   color: #D43940; text-decoration: none;
   font-weight: bold;
}

a.readon:hover
{
   color: #000000;   text-decoration: none;
   font-weight: bold;
}

a.category:link, a.category:visited
{
   color:#D43940; text-decoration: none;
   font-weight: bold;
}

a.category:hover
{
   color:#FFFFFF;
   text-decoration:none;
   font-weight:bold;
}

table.searchinto {
width:inherit;
}

table.searchintro td {
   font-weight: bold;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

form {
/* removes space below form elements */
   margin: 0;
    padding: 0;
}

.mosimage {
border: 1px solid #CCCCCC;
margin: 5px
}

.mosimage_caption {
margin-top: 2px;
background: #D43940;
padding: 1px 2px;
color: #D43940;
text-transform: normal;
font-size: 10px;
border-top: 1px solid #CCCCCC;
}

.pollstableborder td {
padding: 2px;
}

.inputbox {
   padding: 2px;
   border:solid 1px #D43940;
   background-color: #OOOOOO;
}

.button {
color: #000000;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 10px;
font-weight: bold;
border: 2px solid #CCCCCC;
width: auto;
padding: 0px 5px;
margin: 1px;
}

.back_button {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #D43940;
background-color: #000000;
width: 50px;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #D43940;
background-color: #OOOOOO;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
color:#D43940;
}

.pagenavbar {
   margin-right: 10px;
}

.strong
{
   color:#D43940;
}

e questo è l'index.php
<?php

defined( '_VALID_MOS' ) or die( 'Restricted access' );

// needed to seperate the ISO number from the language file constant _ISO

$iso = explode( '=', _ISO );

// xml prolog

echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';

?>

<!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">

<head>

<?php mosShowHead(); ?>

<?php

if ( $my->id ) {

   initEditor();

}

if ( mosCountModules( 'right' ) > 0) {

   $right = 1;

}

?>

<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<link href="<?php echo $mosConfig_live_site;?>/templates/xboxblack/css/template_css.css" rel="stylesheet" type="text/css" />

<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/xboxblack/images/favicon.ico" />

</head>

<body>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

   <tr>

      <td width="100%">

         <table width="100%" border="0" cellpadding="0" cellspacing="0" class="header">

            <tr>

               <td width="30%"><img src="<?php echo $mosConfig_live_site;?>/templates/xboxblack/images/xbox_logo.jpg" alt="xboxblack Logo" title="xboxblack" border="0" height="109" width="151" /></td>

               <td width="70%"></td>

            </tr>

         </table>

      </td>

   </tr>

   <tr>

      <td width="100%">

         <table width="100%" border="0" cellpadding="0" cellspacing="0" class="top">

            <tr>

               <td width="100%" ><img src="<?php echo $mosConfig_live_site;?>/templates/xboxblack/images/xbox_live.jpg" alt="xboxblack Live" title="xboxblack Live" border="0" height="50" width="247" /></td>

            </tr>

         </table>

      </td>

   </tr>

   <tr>

      <td width="100%" height="20"></td>

   </tr>

</table>

<table width="80%" align="center" border="0" cellpadding="0" cellspacing="0">

     <tr>



<?php

if (mosCountModules('left')>0) {

?>

<td valign="top" width="184" class="left">

<?php mosLoadModules ( "left" ); ?>

</td>

<?php

}

?>

<td valign="top" class="content">

<?php mosMainBody(); ?>

</td>



<td valign="top" width="0" class="right">

                           <?php mosLoadModules ( 'top' ); ?>

<?php

if (mosCountModules('right')>0) {

?>

<?php mosLoadModules ( "right" ); ?>

<?php

}

?>

</td>

</tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="footer" height="50">

   <tr>


<td width="50%" height="50" valign="middle" align="center">

<p align="left"><?php @include("images//xboxblack_footer_bg_0.gif"); ?>
<?php @include("images//xboxblack_footer_bg_1.gif"); ?>
</td>
<td width="50%" height="50" valign="middle" align="center">Power by <a href="http://www.morganacreations.web44.co.cc" target="_blank">Morgana
Creations[/url] - Copyright Raffaella Gozzi 2007- 2009

<a href="http://www.joomla.org/" target="_blank">Joomla![/url] is Free Software released under the GNU General Public License </td>

   </tr>

</table>

</body>

</html>

Ho già installato il modulo, caricato le immagini e data la posizione del modulo, chiamandola bannerrotator
Qualcuno può darmi una mano?
Grazie a tutti
Marta

Autore Topic: header con ajax header rotator (Letto 4198 volte)

marta70

header con ajax header rotator