[Joomla] Problema menu che si adatta alla pagina

Discussione e problematiche sui Content Management System (CMS) come Joomla, Drupal e altri.

Moderatori: Caluk, maurizio, Paolob

Regole del forum
Per scrivere del codice all'interno di ogni post, utilizzare il tag: [syntax=il_linguaggio]codice[/syntax] sostituendo "il_linguaggio" con il linguaggio del codice che dovete inserire, ad esempio: html, css, javascript, php, asp, ecc...
Rispondi al messaggio

[Joomla] Problema menu che si adatta alla pagina

Messaggioda paul86 » venerdì 29 ottobre 2010, 16:54

Buondì a tutti.
Ho un problemone che mi sta facendo dannare.
Sto lavorando a questo sito e quindi a questo template:
http://goo.gl/IbXz
e il problema principale è con lo spostamento della colonna MAIN MENU che in precedenza era sotto il logo a sinistra ora invece per necessità ho dovuto spostare tutto a destra ma sicuramente sto sbagliando qualcosa perchè non riesco a rendere flessibile (cioè che si adatti allo schermo) quella colonna o quella parte di template come la sezione in cui ci sono ora i 3 banner.
Ho tentato anche ad assegnare quel modulo a quella sezione destra ma sfasa tutto.
Come posso fare?
Grazie
paul86

Avatar utente
 
Messaggi: 31
Iscritto il: venerdì 29 ottobre 2010, 16:13
Top

Re: [Joomla] Problema menu che si adatta alla pagina

Messaggioda Caluk » venerdì 29 ottobre 2010, 19:45

ho controllato il css è c'è un po di casino con .first #link e #link

In pratica un po' di proprietà se li prende con first e altre da #link

Per mettere il box del main menu in linea con i banner devi rimuovere da .first #link le seguenti proprietà:

Sintassi: [ Scarica ] [ Nascondi ]
  1. margin-left:1150px; 
  2. left:104px; 
  3. width:225px; 


e rimuovi su #link

Sintassi: [ Scarica ] [ Nascondi ]
  1. left:26px; 


poi aggiungi su #link

Sintassi: [ Scarica ] [ Nascondi ]
  1. right:95px; 
  2. width:191px; 


In questo modo avrai il menu allineato a destra (se è questo quello ke volevi). la larghezza di 225px è errata perchè devi considerare anche il padding di 34px che hai dato, altrimenti sono 225 + 34px e per questo avevi il menu spostato a sinistra di 34px.

Lo stesso problema è nel sottomenu

Spero di esserti stato di aiuto ;)
Caluk

Amministratore

Avatar utente
 
Messaggi: 410
Iscritto il: giovedì 4 febbraio 2010, 18:17
Località: Castellana Sicula
Top

Re: [Joomla] Problema menu che si adatta alla pagina

Messaggioda paul86 » lunedì 1 novembre 2010, 18:11

Ciao. Grazie per i consigli utilissimi, però ora si verifica un altro problema.
Come avrai visto il template è strutturato con una intro che dispone il logo e il menu in un certo modo (quindi con i first),
entrando ad esempio in una voce qualsiasi quale locations, c'è un cambio di struttura nella quale son riuscito a disporre il logo ma il main menu e il suo sotto menu non ne vogliono sapere.
Sulla struttura e sul fatto che il codice è sporco è perchè il template mi è stato affidato da modificare e non è stato realizzato da me e credo anche sia stato acquistato da uno dei tanti portali che vendono template già pronti ma difficilmente modificabili.
paul86

Avatar utente
 
Messaggi: 31
Iscritto il: venerdì 29 ottobre 2010, 16:13
Top

Re: [Joomla] Problema menu che si adatta alla pagina

Messaggioda Caluk » lunedì 1 novembre 2010, 21:28

Mamma mia, il template è veramente indecifrabile O_O

Ascolta io per andare alla spicciativa, ti consiglio di duplicare il modulo del main menu, uno lo metti solo visibile nell'home page. L'altro invece lo metti visibile nelle pagine interne e gli metti un suffisso css, in modo ke modifichi solo ed esclusivamente le proprietà relative al secondo menu con il suffisso.

Cosi il primo già resta dov'è, e il secondo si sistema. ;)
Caluk

Amministratore

Avatar utente
 
Messaggi: 410
Iscritto il: giovedì 4 febbraio 2010, 18:17
Località: Castellana Sicula
Top

Re: [Joomla] Problema menu che si adatta alla pagina

Messaggioda paul86 » lunedì 1 novembre 2010, 23:02

il problema è che il modulo del main menu non è un modulo. come modulo c'è solo il top drop down menu.
posto l'index.php del template se può essere utile a qualcosa:
Sintassi: php [ Scarica ] [ Nascondi ]
  1. <?php
  2.  
  3. defined('_JEXEC') or die('Restricted access');
  4. $url = clone(JURI::getInstance());
  5. $path = $this->baseurl.'/templates/'.$this->template;
  6.  
  7. $showleftColumn = $this->countModules('left');
  8. $showrightColumn = $this->countModules('right');
  9. $showuser6Column = $this->countModules('user6');
  10. $showuser5Column = $this->countModules('user5');
  11.  
  12.  
  13. if(JRequest::getCmd('task') != 'edit') $Edit = false; else $Edit = true;
  14. ?>
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
  17.         <head>
  18.      <meta http-equiv="X-UA-Compatible" content="IE=7"/>
  19.         <jdoc:include type="head" />
  20.     <style>
  21.         </style>
  22.         <script src="<?php echo $path ?>/scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
  23.     <script src="<?php echo $path ?>/scripts/jbgallery-2.0.js" type="text/javascript"></script>
  24.     <script src="<?php echo $path ?>/scripts/cufon-yui.js" type="text/javascript"></script>
  25.     <script src="<?php echo $path ?>/scripts/Mentone_Lig_600.font.js" type="text/javascript"></script>
  26.     <script src="<?php echo $path ?>/scripts/cufon-replace.js" type="text/javascript"></script>
  27.     <script type="text/javascript" src="<?php echo $path ?>/scripts/imagepreloader.js"></script>
  28.         <script type="text/javascript">
  29.         var $j = jQuery.noConflict();
  30.                 $j(document).ready(function(){
  31.                         $j('ul#jbg-menu').wrap('<div class="new" />');
  32.                 $j('.menu-nav li').hover(
  33.                         function() {
  34.                                 $j(this).addClass("active");
  35.                                 $j(this).find('> .ulwrapper').stop(false, true).fadeIn();
  36.                                 Cufon.refresh();
  37.                         },
  38.                         function() {
  39.                                 $j(this).removeClass("active");        
  40.                                 $j(this).find('div').stop(false, true).fadeOut('fast');
  41.                                 Cufon.refresh();
  42.                         }
  43.                 );
  44.                 $j('.ulwrapper').hover(
  45.                         function() {
  46.                                 $j('.parent').addClass("active_tab");
  47.                         },
  48.                         function() {
  49.                                 $j('.parent').removeClass("active_tab");        
  50.                         }
  51.                 );
  52.                 $j('.ulwrapper .ulwrapper').hover(
  53.                         function() {
  54.                                 $j('.ulwrapper .parent').addClass("active_tab2");
  55.                         },
  56.                         function() {
  57.                                 $j('.ulwrapper .parent').removeClass("active_tab2");        
  58.                         }
  59.                 );
  60.         });
  61. preloadImages([
  62.                 '<?php echo $path ?>/images/button1_hover.png',
  63.                 '<?php echo $path ?>/images/button_hover.gif',
  64.                 '<?php echo $path ?>/images/button1_hover.gif'
  65. ]);
  66. $j(function()
  67.                 {
  68.                  
  69.                 $j("#link").click(function(event) {
  70.                 event.preventDefault();
  71.                 $j(this).toggleClass("link2");
  72.                 $j("#top_menu").slideToggle();
  73.                 });
  74.                                 });
  75.         </script>
  76.    
  77.  
  78.         <!--[if IE 6]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><![endif]-->
  79.  
  80.         <link rel="stylesheet" href="<?php echo $path ?>/css/constant.css" type="text/css" />
  81.         <link rel="stylesheet" href="<?php echo $path ?>/css/template.css" type="text/css" />
  82.     <link href="<?php echo $path ?>/css/jbgallery-2.0.css" id="jbgallery-css" rel="stylesheet" media="javascript-screen" />
  83.         </head>
  84.  
  85.         <?php
  86.         $menu = & JSite::getMenu();
  87.         if ($menu->getActive() == $menu->getDefault()) {?>
  88.         <body class="first">
  89.      <script type="text/javascript"><!--
  90.     $j(document).ready(function(){
  91.                 $j(".jbgallery").jbgallery({
  92.                         menu : "numbers",
  93.                         style: "zoom",
  94.                         caption : false,
  95.                         slideshow   : true
  96.                 });
  97.         });
  98.         --></script>
  99.         <?php
  100.         } else {?>
  101.         <body class="all">
  102.      <script type="text/javascript"><!--
  103.     $j(document).ready(function(){
  104.                 $j(".jbgallery").jbgallery({
  105.                         menu : "numbers",
  106.                         style: "zoom",
  107.                         caption : false
  108.                 });
  109.         });
  110.         --></script>
  111.         <?php }
  112.         ?>
  113.        
  114.     <div class="main" id="jbg-content">
  115.     <jdoc:include type="modules" name="user6"  />
  116.       <!--header-->
  117.       <div class="header"><a href="#" id="link">main menu</a>
  118.             <div id="top_menu" class="top_menu"><jdoc:include type="modules" name="user3" style="topmenu" /></div>
  119.            
  120.              <jdoc:include type="modules" name="user1"  />
  121.              <h1 id="logo"><a href="<?php echo $_SERVER['PHP_SELF']?>" title="Super Team"><img  title="Super Team" src="<?php echo $path ?>/images/logo.png"   alt="Super Team"  /></a></h1>
  122.            
  123.                          
  124.            
  125.       </div>
  126.       <!--slider-->
  127.        <div class="content-top">
  128.       <div class="wrapper-content content_top_inside">
  129.         <div class="bgs_top"></div>
  130.         <div class="cont_round">
  131.         <div class="clear">
  132.        
  133.           <!--content-->
  134.           <!--center-->
  135.               <div id="content" class="clear">
  136.               <div class="container" >
  137.                 <div class="clear">
  138.                   <?php if ($this->getBuffer('message')) : ?>
  139.                   <div class="error err-space">
  140.                     <jdoc:include type="message" />
  141.                   </div> <?php endif; ?>
  142.                   <jdoc:include type="component" />
  143.                 </div>  
  144.                 </div>
  145.               </div>
  146.                  <!--right-->
  147.               <?php if ($showrightColumn && !$Edit) : ?>
  148.               <div id="right">
  149.                   <jdoc:include type="modules" name="right" style="wrapper_box" />
  150.               </div>
  151.               <?php endif;?>
  152.              <!--left-->
  153.               <?php if ($showleftColumn && !$Edit) : ?>
  154.               <div id="left">
  155.                   <jdoc:include type="modules" name="left" style="wrapper_box" />
  156.               </div>
  157.               <?php endif;?>
  158.              
  159.              
  160.              
  161.              
  162.         </div>
  163.                 </div>
  164.         <div class="bgs_bottom"></div>
  165.         </div>
  166.       </div>
  167.        <!--footer-->
  168.         <div class="footer" id="foot">
  169.                 <div class="foot">
  170.             <div class="bottom_menu"><jdoc:include type="modules" name="user2"  /></div>
  171.                 <div class="copy"><?php echo JText::_('linton © 2010 | ') ?> <a href="#">Privacy policy</a>&nbsp;&nbsp;&nbsp;<!-- {%FOOTER_LINK} --></div>
  172.            
  173.             </div>
  174.         </div>
  175.       </div>
  176.      
  177.      
  178.      
  179.     <script>
  180.         $j(document).ready(function(){
  181.                         $j('ul#jbg-menu').wrap('<div class="new" />');
  182.                         }
  183.                 );
  184.         </script>    
  185. </body>
  186. </html>
  187.  
paul86

Avatar utente
 
Messaggi: 31
Iscritto il: venerdì 29 ottobre 2010, 16:13
Top
Rispondi al messaggio

Torna a CMS



Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

Powered by phpBB © 2000, 2002, 2005, 2007, 2010 phpBB Group
Copyright 2009-2010 ©  YIW   |  Theme Developed by Your Inspiration Web

feed  facebook  twitter 

cron