Back to top

Autore Topic: Inserire una barra con voci di menù sopra il logo  (Letto 4218 volte)

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Inserire una barra con voci di menù sopra il logo
« il: 07 Ago 2013, 14:57:14 »
Salve a tutti, ragazzi ho la necessità di inserire una barra sopra il logo centrale che vedete, questa barra dovrà contenere delle voci di menù. Come posso fare ho creato un file jpg e caricato nella cartella images del template ora per richiamarla e posizionarla li e centrarla come faccio? Vi ringrazio  :)
link del sito: [size=78%]http://www.calciocampania24.it[/size]

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #2 il: 07 Ago 2013, 20:03:56 »
ho seguito i tuoi consigli, arrivato al punto di assimilare gli stili css mi perdo poichè il mio template non ha il file position.css dove devo trovare queste cose??? E poi come faccio a far capire che quel modulo deve andare dove dico io se non leggo da nessuna parte di inserire punti di riferimento, distanza dai margini (cioè qualcosa per inserirlo precisamente dove dico io)???  :o

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #3 il: 07 Ago 2013, 20:12:37 »
Cosa hai inserito nel file index.php?
e cosa nel file principale del tuo template?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #4 il: 07 Ago 2013, 20:30:25 »
Nel file .xml ho aggiunto una posizione alle altre in questo modo:
Codice: [Seleziona]
<position>position-new</position>

nel file index.php invece ho aggiunto questa parte di codice:
Codice: [Seleziona]
<div id="mydiv">           <jdoc:include type="modules" name="position-new" style="xhtml" />    <>
« Ultima modifica: 07 Ago 2013, 20:32:36 da tricco »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #5 il: 07 Ago 2013, 20:46:51 »
ottimo, magari rivedi il tag di chiusura in quanto fra <> ci manca /div

Codice: [Seleziona]
</div>
adesso non devi far altro che provare a creare un nuovo modulo, magari del tipo html, inserire qualcosa e abbinarlo a quella posizione che hai creato nel file xml.

Se tutto funziona dovrai vedere ciò che avrai scritto.

Poi personalizza il tuo div "Mydiv" con qualche riga di codice nel file principale dello stile del tuo template.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #6 il: 07 Ago 2013, 20:52:54 »
il "div" nel file c'era era saltato qui nella risposta :)
comunque avevo già provato ad associare la posizione ad un modulo precisamente ad un menù già esistente per provarlo ma non esce, il fatto sta che non sono neanche tanto preoccupato sul perchè non vedo nulla di nuovo ma sono curioso di capire e sono certo che qualcosa manchi da qualche parte! Mi spiego meglio, questa posizione è stata creata ed ok, ma che ne sa lei io dove la voglio far comparire se non glielo dico da nessuna parte? Io voglio una nuova posizione in alto sopra al logo che vedi nel mio sito non credo minimamente che se riesco a far comparire il menù con la posizione assegnata questo va proprio dove dico io :D Capisci cosa intendo?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #7 il: 07 Ago 2013, 20:58:54 »
la posizione va esattamente dove vuoi tu non perchè sia intelligente, ma solo perchè tu hai inserito quella stringa nel posto giusto....

la domanda vera è: hai inserito quella stringa nella giusta posizione?

Fai la copia del file e torna qui ad incollarla. Mi raccomando usa il tag code (tasto con cancelleto o ashtag che si voglia dire)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #8 il: 07 Ago 2013, 21:02:43 »

ecco allora si la domanda è giustissima! XD l'avrò messa bene? sicuramente NO :D

Codice: [Seleziona]
<?php
/****************************************************
#####################################################
##-------------------------------------------------##
##          SPORTISSIMO                            ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = OCTOBRE 2012                        ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
## version (joomla)                                ##
##                                                 ##
#####################################################
****************************************************/


// 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>
<jdoc:include type="head" />
       
<?php           
$mod_right 
$this->countModules'position-7' );        
 if ( 
$mod_right ) { $width '';         } else { $width '-full';}        
 
?>

 
 <?php          
 $text1 
$this->params->get("text1""Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus semper. ");        
 
$text2 $this->params->get("text2""Maecenas a accumsan felis. Praesent scelerisque volutpat egestas.");
 
$text3 $this->params->get("text3""Pellentesque varius, tortor nec ultricies pretium, odio est gravida dolor, et rutrum erat. ");      
 
$slidedisable $this->params->get("slidedisable"); 
 
?>

 
 <?php         
 $title1 
$this->params->get("title1""01.news and features");         
 
$title2  $this->params->get("title2""02.players and staff");
 
$title3  $this->params->get("title3""03.tickets matches");
 
$title4  $this->params->get("title4""04.club events");  
 
$title5  $this->params->get("title5""05.latest news");          
 
?>



 <?php  
 
JHtml::_('behavior.framework'true);
 
$app JFactory::getApplication();
 
$templateparams     $app->getTemplate(true)->params
 
$csite_name $app->getCfg('sitename');
 
?>

 
 <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/defaut.css" type="text/css" />
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>         
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script>
 
 <script type="text/javascript">        
 $(document).ready(function() {      
 $(' .navigation ul  ').superfish({    delay:       800,                             
 animation:   {opacity:'show',height:'show'},   
 speed:       'normal',                         
 autoArrows:  false,                             
 dropShadows: false                             
 });    
 });   
 </script>  
 
 <script type="text/javascript">    
 $(document).ready(
 function(){
 $('#news').innerfade({
 animationtype: 'slide',
 speed: 750,
 timeout: 2000,
 type: 'random',
 containerheight: '1em'
 });
 }); 
 </script>


 <script type="text/javascript">                                                            
$(function(){                                
$("#faded").faded({                                
 speed: 4000,                                
  crossfade: true,                                
 autoplay: 5000,                                
 autorestart: 500,                                
 autopagination:false                                
});                                
});
 
 </script>
 </head>
<body>     
    <div id="content">        
        <div class="pagewidth">                
            <div id="sitename">                                  
                 <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png" width="219" height="192" alt="logotype" margin"auto" /></a>                      
            <>                
                <div class="pagewidth2">                        
                    <div id="content-top">                        
                        <div id="topmenu">                                          
                            <div class="navigation">                                                           
                                <jdoc:include type="modules" name="position-1" />                                                   
                            <>                              
                        <>                                
                            <div id="content-bottom">                                  
                                <div id="hightlight-t">HOT NEWS:<>                                          
                                    <div id="hightlight-b">                                                    
                                        <ul id="news">                                                                
                                            <li><a href="#n1"><?php echo $text1 ?></a></li>                                                              
                                            <li><a href="#n2"><?php echo $text2 ?></a></li>                                                              
                                            <li><a href="#n3"><?php echo $text3 ?></a></li>                                                    
                                        </ul>                                            
                                   <>                                        
                                        <div id="search">                                                            
                                            <jdoc:include type="modules" name="position-0" />                                                    
                                        <>                        
                                <>                                
                    <>                        
                        <?php $menu JSite::getMenu(); ?>
                        <?php $lang JFactory::getLanguage(); ?>
                        <?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
                        <?php if ($this->params->get'slidedisable' )) : ?>   <?php include "slideshow.php"?><?php endif; ?>
                        <?php ?>         
                       <div id="pathway-w">                                  
                            <div id="pathway">                                        
                                <div id="pathway-b">                                                
    <jdoc:include type="modules" name="position-2"/>                                
<>                                    
        <div id="datetime">                                                                               
    <?php echo date('d\ -F \-Y - H\:i'); ?>                                                                       
<>                              
<>                            
<>                                    
    <div id="wrapper"> <!---main--->                                    
    <?php if ($this->countModules('position-3') || $this->countModules('position-4') || $this->countModules('position-6') || $this->countModules('position-8')) { ?>                                            
    <div id="wrapper-box">                                                
    <div class="box">                                                    
    <jdoc:include type="modules" name="position-3" style="xhtml" />                                                
<>                                            
     <div class="box">                                                    
        <jdoc:include type="modules" name="position-4" style="xhtml" />                                                
    <>                                            
    <div class="box">                                                    
    <jdoc:include type="modules" name="position-6" style="xhtml" />                                                
<>                                        
<div class="box-f">                                                    
    <jdoc:include type="modules" name="position-8" style="xhtml" />                                                
<>
                                                <div id="mydiv">
                                                                                    <jdoc:include type="modules" name="position-new" style="xhtml" />
                                                                                <>
                                                                                                         
<>                                        
<?php ?>                                        
<div id="main<?php echo $width ?>">                                                                
          <jdoc:include type="component" />
                                     
<>                                        
<?php if ($this->countModules('position-7')) { ?>                                           
        <div id="colonne">                                                                                    
    <div id="right">                                                                                            
    <jdoc:include type="modules" name="position-7" style="xhtml" />                                                                                    
<>                                           
<>                                        
<?php ?>                            
<>                               
    <div id="ftb-f">
    <div class="ftb">        
    <?php echo date'Y' ); ?>  <?php echo $csite_name?>  <?php require("template.php"); ?>                               
<>
    <div id="top">                                       
    <div class="top_button">                                           
    <a href="#" onclick="scrollToTop();return false;">                        
    <img src="templates/<?php echo $this->template ?>/images/top.png" width="30" height="30" alt="top" /></a>                                       
<>                
<>                                           
<>      
<>
    <>
</body>
</html>

 

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #9 il: 07 Ago 2013, 21:10:23 »
questo codice dubito che possa funzionare, mancano tutte le chiusere dei tag.

in ogni modo inserisci quella porzione di codice che inizia per
Codice: [Seleziona]
<div id="mydiv"><jdoc:include type="modules"..............
fra
Codice: [Seleziona]
  <div class="pagewidth">  
e               
           
Codice: [Seleziona]
<div id="sitename">

Non so se funzionerà, stiamo facendo prove al buio.
Il mio consiglio è quello di linkare sempre il sito per cui richiedi aiuto.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #10 il: 07 Ago 2013, 21:16:57 »
http://www.calciocampania24.it
ecco il link del sito

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #11 il: 07 Ago 2013, 21:20:51 »
perfetto funziona! la posizione va dove volevo io :D ti ringrazio di cuore gentilissimo

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #12 il: 07 Ago 2013, 21:21:21 »
non hai ancora incollato il codice...

ok lo stavi facendo!!Vado ad aprire una bottiglia di prosecco per festeggiare ;)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire una barra con voci di menù sopra il logo
« Risposta #13 il: 07 Ago 2013, 21:26:24 »
se apri una bottiglia per ogni mia "vittoria" ti manderò in coma etilico ahah a breve dovrò aprire nuove discussioni...e visto che ci troviamo siccome devo creare altre due posizioni una a sinistra a una a destra del logo in modo centrate verticalmente tra la barrà che verrà nella posizione appena creata e quella già esistente dove ora c'è il menù dove dovrò inserire i nuovi codici tra quali stringhe? :D

 



Web Design Bolzano Kreatif