Ciao ragazzi,
riposto nuovamente la questione,visto che mi è stato consigliato di farlo in maniera differente, magari più analitica...
il sito è xxxxxxxxxxxxxxxxx
Allora, il mio problema è che ho un sito che sto facendo in cui il template mette le icone (email, pdf e stampa) in orizzontale invece che verticale e il menu di navigazione degli articoli (quello che conta le pagine e permette di andare avanti e indietro) sempre in orizzontale. Ho scartabellato cercando di trovare un'impostazione all'interno di Joomla! per vedere se si poteva modificare questa cosa... ma niente da fare. Perciò ho cominciato a cercare il responsabile all'interno di template.css
secondo firebug, le righe incriminate all'interno di template.css dovrebbero essere queste:
#container
{
width: 960px;
padding: 0px 5px;
margin: 0 auto;
text-align: left;
background-color: #ffffff;
list-style: none;
}
in realtà io suppongo dovrebbero essere queste, o sbaglio?
#navigation
{
overflow: hidden;
margin-bottom: 19px;
background-color: #ffffff;
display: inline;
}
#navigation ul
{
float: left;
list-style: none outside;
margin: 0;
padding: 0;
list-style: none;
list-style-type:none;
}
#navigation li, #navigation a
{
float: left;
}
#navigation a{
padding:5px 28px; /* prima era 5px10px non 6px28 */
margin-right: 5px;
background-image: url(../images/bg-menu.gif);
color: #fff;
text-decoration: none;
font-weight: bold;
}
#navigation a:hover, #navigation a:focus
{
background-color: #000
}
#navigation li ul
{
position: relative;
margin-top: 32px;
}
#navigation li ul ul
{
margin: 0 155px;
}
Non riesco a trovare il bandolo della matassa da nessuna parte, non so nemmeno perchè mette una lista con i puntini... bah!
Intanto posto anche index.php
<?php
/**===================================
* GNU / GPL
* Originale di Federico Capoano
* http://www.joomlashow.it/
* http://nemesisdesign.net/
* ====================================
*/
/** ===================================
* Modificato da Marco Bianchi
* Project Informatica
* http://www.virtualproject.it/
* Rilasciato sotto licenza GNU / GPL
* ====================================
*/
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; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" media="screen" />
<!--[if IE]><link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if lte IE 6]><link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
<!-- inzio codice per collassare le colonne left -right -->
<?php if($this->countModules('left and right')) : ?>
<style type="text/css">
#main
{
width:650px;
}
</style>
<?php elseif($this->countModules('left or right')) : ?>
<style type="text/css">
#main
{
width:650px;
}
</style>
<?php else : ?>
<style type="text/css">
#main
{
width:950px;
}
</style>
<?php endif; ?>
<!-- fine codice per collassare le colonne left -right -->
</head>
<body>
<?php if($this->params->get( 'ie6warning' )): ?>
<!--[if lte IE 6]><script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/ie6/warning.js"></script><![endif]-->
<?php endif; ?>
<div id="container">
<div id="banner-top">
<jdoc:include type="modules" name="banner-top" style="xhtml" />
</div>
<!-- Parte superiore -->
<div id="head">
<div id="logo">
<div id="logo-left">
<jdoc:include type="modules" name="logo-left" style="xhtml" />
</div><!--/#logo-left-->
<div id="logo-right">
<jdoc:include type="modules" name="logo-right" style="xhtml" />
</div><!--/#logo-right-->
</div><!--/#logo-->
<!--
Skip Navigation Links
Scorciatoie nascoste che migliorano l'accessibilita.
Appaiono al focus (usando il pulsante TAB della tastiera), ai browser testuali e agli screenreaders
Per maggiori informazioni leggere l'articolo:
http://nemesisdesign.net/blog/accessibility/nice-css-skip-links-appearing-focus/
-->
<ul id="skip" class="robots-nocontent">
<li><a href="<?php echo str_replace('&', '&amp;', JRequest::getURI()) ?>#content-anchor" accesskey="1" rel="nofollow">Vai al contenuto principale[/url]</li>
<li><a href="<?php echo str_replace('&', '&amp;', JRequest::getURI()) ?>#search-anchor" accesskey="2" rel="nofollow">Vai alla colonna destra / ricerca[/url]</li>
</ul>
<div id="navigation">
<jdoc:include type="modules" name="navigation" />
</div><!--/#navigation-->
</div><!--/#head-->
<div id="body">
<a name="content-anchor" class="accessibility">Contenuto Principale[/url]
<!-- Slideshow, sotto il menu a sinistra -->
<div id="slide">
<jdoc:include type="modules" name="slideshow" style="xhtml" />
</div><!--/#slide-->
<div id="user1">
<jdoc:include type="modules" name="user1" style="rounded" />
</div><!--/#user1-->
<!-- Modulo Breadcrumb o pathway -->
<div id="breadcrumb"><jdoc:include type="modules" name="breadcrumb" /></div>
<!-- Area contenuti a sinistra -->
<div id="main">
<!-- Messaggio di avviso o errore -->
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><!--/#main-->
<!-- Colonna di destra -->
<div id="side">
<a name="search-anchor" class="accessibility">Ricerca / Colonna destra[/url]
<jdoc:include type="modules" name="right" style="rounded" />
<jdoc:include type="modules" name="right2" style="rounded" />
</div><!--/#side-->
<div id="down">
<div id="user6">
<jdoc:include type="modules" name="user6" style="rounded" />
</div><!--/#user6-->
</div><!--/#down-->
</div><!--/#body-->
<!-- Footer -->
<div id="foot">
<jdoc:include type="modules" name="footer" style="xhtml" />
<p><!--Testo footer--><?php echo $this->params->get( 'footer' ); ?></p>
</div><!--/#foot-->
</div><!--/#container-->
</body>
</html>
e Template.css
/*
* Mio Template - Tutorial su Joomlashow.it
* Realizzato da Federico Capoano
* Licenza GNU/GPL
*/
/** ===================================
* Modificato da Marco Bianchi
* Project Informatica
* http://www.virtualproject.it/
* Rilasciato sotto licenza GNU / GPL
* ====================================
*/
/* General*/
body
{
font: normal 12px/20px "Arial", "Freesans", sans-serif;
background-image: url(../images/body-gray.png);
background-position: center;
color: #1a1a1a;
background-repeat: repeat-y;
background-color: #efefef;
}
img
{
border: none;
}
a:link
{
color: #00386B;
text-decoration: none;
}
a:hover
{
color: #00386B;
text-decoration: underline;
}
a:active, a:visited
{
color: #00386B;
}
#container
{
width: 960px;
padding: 0px 5px;
margin: 0 auto;
text-align: left;
background-color: #ffffff;
}
#banner-top
{
width: 960px;
padding: 0 0px;
margin: 0 auto;
background-color: #ffffff;
}
#logo
{
background-color: #ffffff;
background-image: url(../images/logo.png);
height: 100px;
background-repeat: no-repeat;
background-position: center;
}
#logo-left
{
float:left;
margin-left: 10px;
margin-top: 5px;
width: 100px;
}
#logo-right
{
float:right;
margin-right: 10px;
margin-top: 5px;
width: 100px;
}
#breadcrumb
{
margin-bottom: 10px;
float:left;
background-color: #ffffff;
width: 960px;
border-bottom-color: #99182C;
border-bottom-style: solid;
border-bottom-width: 5px;
}
#body
{
overflow: hidden;
background-color: #ffffff;
}
#slide
{
float: left;
width: 662px;
overflow: hidden;
padding-bottom: 10px;
}
#user1
{
float: right;
width: 280px;
}
#main
{
float: left;
overflow: hidden;
width: 650px;
padding-right: 2px;
background-color: #ffffff;
}
#side
{
float: right;
width: 280px;
padding-left: 2px;
background-color: #ffffff;
}
#down
{
width: 960px;
margin-top: 20px;
background-color: #ffffff;
height: 250px;
float: left;
}
#user6
{
float: left;
overflow: hidden;
padding: 1px;
width: 100%; /*236px;*/
}
/*
#user7
{
float: left;
overflow: hidden;
padding: 1px;
width:236px;
}
#user8
{
float: left;
overflow: hidden;
padding: 1px;
width:236px;
}
#user9
{
float: left;
overflow: hidden;
padding: 1px;
width:236px;
} */
#foot
{
margin-top: 20px;
clear: both;
background-color: #ffffff;
color: #a9a9a9;
font-size: 12px;
border-top-color: #99182C;
border-top-style: solid;
border-top-width: 5px;
}
#navigation
{
overflow: hidden;
margin-bottom: 19px;
background-color: #ffffff;
}
#navigation ul
{
float: left;
list-style: none outside;
margin: 0;
padding: 0;
list-style: none;
list-style-type:none;
}
#navigation li, #navigation a
{
float: left;
}
#navigation a{
padding:5px 28px; /* prima era 5px10px non 6px28 */
margin-right: 5px;
background-image: url(../images/bg-menu.gif);
color: #fff;
text-decoration: none;
font-weight: bold;
}
#navigation a:hover, #navigation a:focus
{
background-color: #000
}
#navigation li ul
{
position: absolute;
margin-top: 32px;
}
#navigation li ul ul
{
margin: 0 155px;
}
div.joomla h1.title, div.joomla h1.pagetitle { margin-top: 0 }
/*
* Nice Skip links with :focus
* http://nemesisdesign.net/blog/accessibility/nice-css-skip-links-appearing-focus/
*/
.accessibility{
position: absolute;
left: -99999px;
height: 10px;
width: 10px
}
#skip{
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0;
text-align: center;
list-style: outside none;
list-style: none;
list-style-type:none;
}
#skip a{
position: absolute;
left: -99999px;
top: 50px;
width: 100%;
}
#skip a:focus, #skip a:active{
position: relative;
left: 0;
z-index:9999;
width: 75%;
height: auto;
margin: 0 auto;
padding: 30px 45px;
text-align: center;
text-decoration: none;
letter-spacing: -4px !important;
font: bold 50px "Arial", "Freesans", sans-serif !important;
/* color information, edit this to suit the colors of your layout */
color: #a9a9a9;
background: transparent url(../images/transparent.png) repeat scroll 0 0;
border: 1px dotted black;
}
/* articles code */
.contentpaneopen
{
background-color: #ffffff;
color: #3f3f3f;
}
.contentheading
{
font-size: 18px;
font-weight: bold;
color: #00386B;
}
.contentheading a
{
color: #00386B;
text-decoration: none;
}
.contentheading a:hover
{
text-decoration: underline;
color:#00386B;
}
/* modules */
/*.module
{
border: thin solid #CCCCCC;
margin-bottom: 10px;
background-color: #F7F7F7;
color: #3f3f3f;
}
.module h3
{
margin-top:0px;
margin-left: 5px;
border-bottom: thin solid #CCCCCC;
background-color: #ffffff;
color: #99182C;
}
.moduletable h3
{
text-align: center;
color: #1880C0;
}
/*Misc*/
.small
{
color: #a9a9a9;
}
.createdate
{
color: #a9a9a9;
}
a.readon
{
background: transparent url('../images/button_right.png') no-repeat scroll top right;
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.readon span {
/* Background left image */
background: transparent url('../images/button_left.png') no-repeat;
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
}
a.readon:hover span {
text-decoration:underline;
}
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
Spero sia charo stavolta :S
