Salve Ragazzi!
E' un mucchio di tempo che non ci si sente
Vi espongo in poche parole il mio problema. Ho creato un sito web davvero carino, ora però sono in difficoltà perchè le icone degli articoli e più in generale i tasti di navigazione della home (quelli che servono a cambiar pagina) sono in orizzontale e non in verticale!
C'è modo di modificare quest'ordine senza mettere mano al codice?
il sito è
www.xxxxxxxxxxxx.itMetto anche il codice di index.php e i template.css, non si sa mai
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 questo è 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;}
Grazie a tutti! Abbracci!
[allegato eliminato da un amministratore essendo vecchio più di un anno]
