Come inserire un menų orizzontale?

[cruzeiro]

Ciao ragazzi.
Avrei un problemino. Ho scaricato questo template http://www.joomlaos.de/index.php?set_albumName=album09&id=lavinyav6&option=com_gallery&Itemid=37&include=view_photo.php

e come si puō notare non possiede un menų orizzontale. Come posso fare per aggiungerne uno? Vorrei metterlo appena sotto la data e l'ora e sempre l'interno della barra grigia.

[.: BlackHat :.]

devi andare in index.php ed agiungere un div del tipo

Codice: [Seleziona]

<div id="topmenu"><jdoc:include type="modules" name="user3" /></div>
dove se in user3 non hai nulla, inserisci un menu top dal back.end di joomla.se invece user3 č utilizzato da altre parti..beh cambialo mettendo un nome qualsiasi e sempre dal backend di joomla assegni il top menu. Ovviamente il div lo devi mettere nella posizione dove vuoi che venga visualizzato il menu.

[cruzeiro]

Sono riuscito ad inserirlo.
Ho fatto un menų orizzontale e piazzato dove volevo.
Adesso ho un problema perō. Mettendo le seguenti voci: Home Contatti Info ... ecc ... il front-end mi visualizza le voci tutte attaccate senza spaziatura e sottolineate. Come faccio a distanziarle??

Grazie per il mio aiuto!!!!

[.: BlackHat :.]

vai in gestione moduli, clicca sul tuo modulo nell nuova pagina sulla sinistra hai "Stile menu", impostalo su legacy - lista flat. Se non dovesse andare prima prova a mettere nel css la regola display:inline; ( ovviamente la devi mettere nel div creato prima ). Se non dovesse ancora funzionare, prova a cambiare gli stili di menu, non si sa mai. Se non dovesse ancora funzionare...beh prova a postare il link

[cruzeiro]

Ho provato ma aimč non funziona.
Ti posto il codice nella speranza che mi possa aiutare.

</div>
  <div id="topmenu"><jdoc:include type="modules" name="user3" style="" />
</div>


#topmenu{
width : 100%;
height : 21px;
font-size : 0.9em;
text-align : center;
font-weight : bold;
background : #ffffff url(../images/topnav_bg_grey.gif);
}

[.: BlackHat :.]

Allora metti a stile menu, orizzontale, e poi metti nel css

#topmenu a{
padding-left:10px;}

[cruzeiro]

Allora ci siamo quasi, cioč il menų č stato iserito perfettamente, solo che quando clicco su un link, il link cliccato resta dov'č mentre gli altri si abbassano di una riga. Come mai?

#topmenu{
width : 100%;
height : 21px;
font-size : 0.9em;
text-align : center;
font-weight : bold;
background : #ffffff url(../images/topnav_bg_grey.gif);
}
#topmenu a{
padding-left:10px;
}

[.: BlackHat :.]

Dovresti cercare nei file css se esiste una regola come che abbia questa stringa qui sotto.

"active_menu"

Se esiste posta il codice. (potrebbero essercene piu di una, controlla bene)

[cruzeiro]

L'unico che ho trovato:

.moduletable_menu li a#active_menu:link, a#active_menu:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
vertical-align : middle;
font-size : 1em;
color : #000000;
text-align : left;
padding-top : 5px;
padding-left : 10px;
height : 16px !important;
height : 23px;
text-decoration : none;
}

[conti1]

ciao
ho fatto 2 prove con il template menzionato e il risultato uscito sembra buono poi valutate voi .
allora io ho fatto in questo modo
nel html ho aggiunto questo code

Codice: [Seleziona]

getCfg('sitename'); ?></a></h1>
  <h2 class="h2c"> <?php echo $mainframe->getCfg('MetaDesc'); ?> </h2>
   </div>
  </div>
  <div id="navigation">  <--- questo e
   <jdoc:include type="modules" name="user3" style="none" /> <--questo
<div class="bg_top"><?php echo JHTML::Date( 'now', '%d %B %Y, %A %H:%M:%S' ); ?></div>
  </div>
  <?php if($this->countModules('left')) : ?>
poi un poco di css x renderlo uguale al menu sx

Codice: [Seleziona]

/* css top menu /
#navigation{
margin: 0;
padding: 0;
list-style-type: none;
background: #e6e6e6;
width:auto;

}

#navigation li{
padding: 0;
margin: 0;
display: inline;
background: #e6e6e6;
}

#navigation li a{
color: #000;
background: transparent url(../images/arrow.png) no-repeat scroll 1px 50%;
text-decoration: none;
padding: .6em 1.5em;
}

#navigation li a:hover{
/*border-bottom: 3px solid #000;*/
background: url(../images/menud.png) no-repeat scroll 1px 85%;
color: #A52A2A;
}nelle impostazioni suffisso css menų mettere _menu

[cruzeiro]

mi sballa tutto... mi dispiace incasinarvi la vita ma non esce in linea...

[conti1]

mi sballa tutto... mi dispiace incasinarvi la vita ma non esce in linea...

aspetta guarda http://www.plutozio.altervista.org/
trovato il perche non ti funziona il mio code css
errore mio se noti in cima il titolo
/* css top menu / vedi che mi sono dimenticato * aggiungi quello   che funziona il tutto.

[cruzeiro]

Scusami, senza che perdi la pazienza, ma non riesco a capire dove sbaglio.
Il menų non č in stile al menu sx e se clicco su un link, gli altri scendono di una riga.
Ti posto i miei codici nella speranza che non mi abbandoni.
Sono tutti e due all'origine senza la tua modifica.
Una volta inseriti i menų che caratteristiche devo dare al menu nel backend di joomla?

Codice: [Seleziona]

<?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>
<!--
  Lavinya Free Temlate v6 stable for Joomla 1.5 info
  Author: Murat Esgin
  Release date: Feb 06, 2008
  License: GNU/GPL
  Web: http://www.lavinya.net
//-->
<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" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie6only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<?php 
if($this->countModules('left and right') == 0) $contentwidth = "100";
if($this->countModules('left or right') == 1) $contentwidth = "80";
if($this->countModules('left and right') == 1) $contentwidth = "60";
?>
<!--<?php 
if($this->get('template_width') == 0) { ?>
<style type="text/css"> #wrap {width:760px;} </style>
<?php } ?>
<?php 
if($this->get('template_width') == 1) { ?>
<style type="text/css"> #wrap {width:1024px;} </style>
<?php } ?>
<?php 
if($this->get('template_width') == 2) { ?>
<style type="text/css"> #wrap {width:1024px;} </style>
<?php } ?>-->
</head>
<body>
<div id="wrap">
  <div id="header"> 
   <div class="logomuz" style="color: #ffffff; font-family : Georgia, verdana, serif; font-size : 1.0em; margin: 0px; text-align: left;  height: 170px; background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo rand(1,2) ?>.jpg)">
   
   <div class="ustbol">
   
<h1 class="h1c" onclick="location.href='<?php echo $this->baseurl ?>/';" style="cursor: pointer;">
<a style="color: white; text-decoration: none;" href="<?php echo $this->baseurl ?>/"></a><img src="templates/<?php echo $this->template ?>/images/logo.jpg" alt="" title="logo" /></h1>
    <h2 class="h2c"> <?php echo $mainframe->getCfg('MetaDesc'); ?> </h2>
</div>
   </div>
   
  <div id="topmenu">
</div>
 
  <?php if($this->countModules('left')) : ?>
  <div id="sidebar">
    <div class="inside">
      <jdoc:include type="modules" name="left" style="xhtml" />
    </div>
  </div>
  <?php endif; ?>
  <div id="content<?php echo $contentwidth; ?>">
   
<div class="inside">
      <div id="pathway">
        <jdoc:include type="modules" name="breadcrumb" />

<jdoc:include type="message" />
</div>
<div class="inside1">     

<jdoc:include type="modules" name="user5" style="xhtml" />
<jdoc:include type="modules" name="user6" style="xhtml" />

</div>

<jdoc:include type="component" style="xhtml" />


</div>
      <?php if($this->countModules('banner')) : ?>
      <jdoc:include type="modules" name="banner" style="xhtml" />
      <?php endif; ?>
    </div>
  </div>
  <?php if($this->countModules('right')) : ?>
  <div id="sidebar-2">
    <div class="inside">
      <jdoc:include type="modules" name="right" style="xhtml" />
      <div class="moduletable">
      <jdoc:include type="modules" name="user4" />
      </div>
    </div>
  </div>
  <?php endif; ?>
  <?php if($this->countModules('footer')) : ?>
  <div id="footer">

<div id="footer_r">
<p id="syndicate">
<jdoc:include type="modules" name="syndicate" />
</p>

<div class="ortason"><jdoc:include type="modules" name="footer" style="raw"/>

</div>

  </div>
  <?php endif; ?>
</div>
<!--end of wrap-->
<jdoc:include type="modules" name="debug" />

</body>
</html>


Codice: [Seleziona]

/* Template By Murat Esgin - http://www.lavinya.net */
/* Last modified 07 Oct. 2007 */
html {
  height: 100%;
 margin-bottom: 1px;
}
body {
color : #666666;
background-color : #f4f4f4;
font-family : Tahoma, Helvetica, Arial, sans-serif;
margin : 1em 0;
font-size: 0.7em;
line-height : 1.3;
}
#wrap {
min-width : 760px;
max-width : 1024px;
background-color : #f4f4f4;
width : auto !important;
width : 1024px;
margin : 0 auto;
text-align : left;
}
#sidebar {
float : left;
width : 20%;
overflow : hidden;
}
#content60 {
float : left;
width : 60%;
overflow : hidden;
}
#content80 {
float : left;
width : 80%;
overflow : hidden;
}
#content100 {
float : left;
width : 100%;
overflow : hidden;
}
#sidebar-2 {
float : left;
width : 20%;
overflow : hidden;
}
#footer {
clear : both;
height: 60px;
}
.inside {
padding : 10px;
}
.inside1 {
padding : 10px;
width: 240px;
}
* {
margin : 0px;
padding : 0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin : 0.5em 0;
}
.h2c {
font : italic bold 14px Georgia, verdana, serif;
margin: -2px 0px 0px -15px;
color : #cc3300;
}
.h1c {
font-size : 1.6em;
margin: -33px 0px 0px 0px;
}
.ustbol {
padding-top : 95px;
}
li, dd {
margin-left : 1em;
}
#wrap {
border : 1px dotted #999999;
}
#header {
position : relative;
}
.logomuz {
padding-left : 15px;
}
#logomuz a, #logomuz a:visited, #logomuz a:hover {
color : #ffffff;
font-weight : bold;
}
#footer {
border-top : 1px dotted #999;
color : #ff0000;
background-color : #e9e9e9;
height : 50px;
text-align : center;
}
.ortason {
text-align : center;
}
.contentdescription {
font-size:12px;
}
table {
font-size:12px;
}
.category {
font-size:12px;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
h1 {
font-size : 1.6em;
}
.componentheading, table.moduletable th {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}
h2, .contentheading {
font-size : 1.5em;
}
h3 {
font-size : 1.3em;
}
h4 {
font-size : 1.2em;
}
h5 {
font-size : 1.1em;
}
h6 {
font-size : 1em;
font-weight : bold;
}
#footer, .small, .createdate, .modifydate, .mosimage_caption {
font : 0.9em Arial, Helvetica, sans-serif;
color : #999;
}
.moduletable {
margin-bottom : 1em;
padding : 0 10px;
}
.moduletable h3 {
background-color : #eeeeee;
color : #cc0000;
border : 1px solid #ffffff;
padding : 0.25em 0;
text-align : center;
font-size : 1.1em;
margin : 0 -10px 0.5em -10px;
}
.moduletable_menu {
padding : 0;
color : #333;
margin-bottom : 1em;
}
.moduletable_menu h3 {
background-color : #eeeeee;
color : #cc0000;
padding : 0.25em 0;
text-align : center;
font-size : 1.1em;
margin : 0;
border : 1px solid #ffffff;
}
.moduletable_menu ul {
list-style : none;
margin : 0;
padding : 0;
}
.moduletable_menu li {
border-bottom : 1px dotted #c0c0c0;
margin : 0;
}
.moduletable_menu li a {
background: url(../images/arrow.png) no-repeat 1px;
display : block;
padding : 3px 5px 3px 1.0em;
color : #000000;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
}
html > body .moduletable_menu li a {
width : auto;
}
.moduletable_menu li a#active_menu:link, a#active_menu:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
vertical-align : middle;
font-size : 1em;
color : #000000;
text-align : left;
padding-top : 5px;
padding-left : 10px;
height : 16px !important;
height : 23px;
text-decoration : none;
}
.moduletable_menu li a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-position : left 0%;
background-image : url(../images/menud.png);
height : 16px !important;
display : block;
height : 23px;
color : #a52a2a;
font-size : 1em;
text-align : center;
padding-left : 10px;
}
.bg_top {
width : 100%;
height : 21px;
font-size : 0.9em;
text-align : center;
font-weight : bold;
background : #ffffff url(../images/topnav_bg_grey.gif);
}
#topmenu{
width : 100%;
height : 21px;
font-size : 0.9em;
text-align : center;
font-weight : bold;
background : #ffffff url(../images/topnav_bg_grey.gif);
}
#topmenu a{
padding-left:10px;
}
a.readon, a.readon:hover, a.readon:link, a.readon:visited {
color : #666666;
margin-top : 10px;
display : block;
float : left;
line-height : 14px;
background : url(../images/daha.gif) no-repeat left center;
height : 16px;
text-indent : 16px;
}
a:link, a:visited {
font-family : Verdana, arial, serif, georgia;
color : #000000;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
div.search input {
border : 1px solid #ccc;
font-size : 1em;
height : 15px;
width : 150px;
}
#search {
float : right;
text-align : right;
}
.button {
margin-top : 3px;
margin-bottom : 3px;
padding-left : 5px;
padding-right : 5px;
border : 1px solid #adaa9c;
background-color : #ffffff;
color : #000000;
font-family : Arial, Helvetica, Sans-Serif;
text-align : center;
font-size : 0.9em;
}
table.contentpaneopen td {
line-height : 18px;
font-size : 12px;
}
table.contentpane {
margin: 0;
padding: 0;
width: auto;
font-size: 12px;
}
table.contentpaneopen td.contentheading {
background : #f2f2f2;
height : 20px;
text-align : center;
border : 1px solid #ffffff;
color : #cc6600;
text-align : left;
font-family : Verdana, Arial, serif, Tahoma;
font-size : 12px;
font-weight : bold;
}
.pollstableborder td {
text-align: left;
}
.poll {
text-align: left;
}
/* Banners module */

/* Default skyscraper style */
.bannergroup {
  text-align: center;
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 0.9em;
}

.bannerfooter_text {
padding: 4px;
font-size: 0.9em;
background-color: #F7F7F7;
text-align: right;
}

div#footer_r {
padding-top: 10px;
height: 47px;
overflow: hidden;
}

div#footer_r div {
text-align: right;
font-size: 12px;
color: #aaaa;
}

div#footer_r a:link, div#footer_r a:visited  {
color: #999;
}
/* WebLinks */
span.description {
display:block;
padding-left: 30px;
font-size: 11px;
}
/* Polls */
.pollstableborder td {
text-align: left;
}
/* Frontend Editing*/
fieldset {
border: none;
}
legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}
.inputbox  {
color: #666;
font-size: 0.9em;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 1.0em;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 1.0em;
margin: 0;
}
/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
  font-size: 11px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
  font-size: 11px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  font-size: 11px;
}
/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}
/* article index */

.pagenavcounter
{font-weight:bold}
td.buttonheading {

}

td.buttonheading img {
border:none;
}
/* edit button */
.contentpaneopen_edit{
float: left;
}
.contentpaneopen_edit img{
border: none;
}
.hasTip img{
border: none;
}
img {
margin: 0px 0px 0px -15px;
border: 0 none;

}
/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }
#syndicate{
float:left;
padding-left: 25px;
}

#power_by{
float:right;
padding-right: 25px;
}

[conti1]

ciao prova a mettere suffisso menu css _menu

nel tuo css non vedo display: inline;
percaso lo eredita da qualche altro modulo

Codice: [Seleziona]

#topmenu{
width : 100%;
height : 21px;
font-size : 0.9em;
text-align : center;
font-weight : bold;
background : #ffffff url(../images/topnav_bg_grey.gif);
}
#topmenu a{
padding-left:10px;
}
ops: dopo aver dato  id="topmenu"
xche non hai dato il tipo di modulo che usi?
esempio
<jdoc:include type="modules" name="user3" style="none" />

[cruzeiro]

Per capire dove sto sbagliando ho messo in remoto il sito:
http://www.matteoarecchio.altervista.org

Il menų orizzontale vorrei metterlo su quella barra grigia in linea con la scritta: sito istituzionale...

[conti1]

Per capire dove sto sbagliando ho messo in remoto il sito:
http://www.matteoarecchio.altervista.org

Il menų orizzontale vorrei metterlo su quella barra grigia in linea con la scritta: sito istituzionale...

ciao hai il logo che copre la linea  vebbe ti basta mette re il menų in lato dx comunque se non metti quello che to postato non riuscirai mai a metterlo  visto che hai pure tolto un pezzo di html del giorno mese ora
allora dai tuo codici postati  lavorando io locare il topnenu
si posiziona perfetta-mente  come  avrai visto nel mio sito di prova , non  vedo il perché tu  non riesca  a metterlo?
se vuoi  fammi gli accessi da admin  e mandami in privato che vedo di aggiungerti il menų .

guarda lavorando modificando il tuo  sito da esterno ma direttamente al tuo sito on line



vedi le k sulla tua dx ?
quello e il tuo menutop posizionato  dove dici

[cruzeiro]

conti, mp x te! 

[conti1]

conti, mp x te! 

mmm ma da dove esce il secondo top menu?

[cruzeiro]

sto osservando le tue modifiche.
6 un grande... 

senti, come potrai osservare perchč quando posto il mouse su il link avvisi o i + letti, gli articoli di sotto mi si spostano?

[conti1]

sto osservando le tue modifiche.
6 un grande... 

senti, come potrai osservare perchč quando posto il mouse su il link avvisi o i + letti, gli articoli di sotto mi si spostano?

li hai allineameto  del css che lo tiene centrato
hai un pm vieni in msn

sistemata anche la visione in ie che sballava tutta la pagina