Autore Topic: Nuova posizione in Zetes (Letto 2837 volte)

valentino86 · « **il:** 11 Mar 2011, 00:56:31 »

Sto personalizzando questo template http://www.towfiqi.com/joomla/ ZETES e vorrei inserire una nuova posizione in alto a destra. Come posso fare? Allego l'index.php del tema.

Codice: [Seleziona]

<!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" />

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/system.css"  />

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/general.css"  />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/zetes/skins/<?php echo $this->params->get('templateSkin'); ?>.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/style.css"  />



<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/zetes/js/jquery-1.4.2.js"></script>

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/zetes/js/other.js"></script>

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/zetes/js/zetes.js"></script>

<script type="text/javascript" src="http://www.meccanicaweb.it/includes/js/ASCIIMathMLwFallback.js"></script>

</head>

<?php 

$active = JFactory::getApplication()->getMenu()->getActive();

?>

<body class="<?php echo $active->alias; ?>">



<div id="sitebg">

<div id="wrapper">

<!--Header-->

    <div id="header">

        <!--TOPMENU-->

        <div id="topmenu">

        <jdoc:include type="modules" name="topmenu"  />

        </div>

    <!--Logo-->

        <div id="logo">

        <?php if($this->params->get('hideLogo') == 0) : ?><a href="<?php echo $this->baseurl; ?>"><?php echo $mainframe->getCfg('sitename');?></a>

<?php else: ?>

        <a href="<?php echo $this->baseurl; ?>"><img src="<?php echo $this->baseurl ?>/templates/zetes/images/logo.png" alt="<?php echo $mainframe->getCfg('sitename');?>" /></a>

		<?php endif; ?>

        </div>

    </div>

   

    <!--Slideshow-->

    <?php

	$menu = & JSite::getMenu();

	if ($menu->getActive() == $menu->getDefault()) {

			echo '<div id="slideshow">

        <div class="slider">

        	<jdoc:include type="modules" name="slideshow"/>

        </div>

    </div>';

	}

	else

	echo '';

	?> 

    

    <div id="main">

            <!--LEFT MODULE POSITION-->

            <?php

            $menu = & JSite::getMenu();

            if ($menu->getActive() == $menu->getDefault()) {

                    echo '';

            }

            else

            echo '

            <div id="left">

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

            </div>

            ';

            ?> 

        

        

            <!--Site Content-->

            <?php

            $menu = & JSite::getMenu();

            if ($menu->getActive() == $menu->getDefault()) {

                    echo '';

            }

            else

            echo '<div id="main_content">

                <div class="content_top"><div class="breadcrumb"><jdoc:include type="modules" name="breadcrumb" /></div></div>

                    <div class="content">

                    <jdoc:include type="component" />

                    </div>

                 <div class="content_bottom"></div>

            </div>';

            ?>

    <div style="clear:both"></div>

    </div>

</div>

</div>



    <!--MIDROW-->

    <?php

	$menu = & JSite::getMenu();

	if ($menu->getActive() == $menu->getDefault()) {

			echo '<div id="midrow">

					<div class="midrowbg">

						<div id="mid_modules">

						<div class="user1">

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

						</div>

						<div class="user2">

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

						</div>

						<div class="user3">

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

						</div>

					</div>

					</div>

				</div>';

	}

	else

	echo '';

	?> 

    

    <!--FOOTER-->

    <div id="footer">

        <div id="foot_content">

        	<div class="footbg">

                <div id="foot_modules">

                    <div class="user4">

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

                    </div>

                    <div class="user5">

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

                    </div>

                    <div class="user6">

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

                    </div>  

                 </div>      

            </div>

        </div>

        <div class="foot_bottom"></div>

    </div>

    

    <!--Copyright-->

    <div id="copy">

    <div class="copy_content">

    Copyright &#169; 2010 <a href="<?php echo $this->baseurl; ?>"><?php echo $mainframe->getCfg('sitename');?>.</a> Powered by Joomla<br />

    <span>Template designed by <a href="http://www.towfiqi.com">Towfiq I.</a></span>

    </div>

    </div>

</body>

</html>

in ja_purity ero riuscito seguendo le guide ad inserire la posizione centrale, ma qui mi sembra molto più complicato.

adottauncane · « **Risposta #1 il:** 11 Mar 2011, 01:16:11 »

Ciao valentino86,
sopra al top menù?
Aggiungi questo appena sotto alla riga

Codice: [Seleziona]

<div id="top">
        <jdoc:include type="modules" name="top"  />
        </div>

e poi lo regoli con un css del tipo:

Codice: [Seleziona]

#top {
    left: 600px !important;
    position: relative;
    width: 250px !important;
}

variando come ti servono i px

valentino86 · « **Risposta #2 il:** 11 Mar 2011, 10:47:37 »

Citazione da: adottauncane - 11 Mar 2011, 01:16:11

Ciao valentino86,
sopra al top menù?
Aggiungi questo appena sotto alla riga 
Codice: [Seleziona]
<div id="top"> <jdoc:include type="modules" name="top" /> </div>
e poi lo regoli con un css del tipo:

Codice: [Seleziona]
#top { left: 600px !important; position: relative; width: 250px !important; }
variando come ti servono i px

perfetto ma se ad esempio la metto tra il topmenu ed il div del logo, praticamente il logo mi si sposta più in basso. Io invece vorrei un modulo praticamente da affiancare al logo all'estrema sinistra o estrema destra dello schermo ma non voglio che il logo trasli in basso.

adottauncane · « **Risposta #3 il:** 11 Mar 2011, 11:02:11 »

Emmmm, però con un'immagine non riesco a capire... hai un link? Lascia la nuova posizione e anche il css. Comunque la posizione del logo è sotto il top menù. Eventualmente spostala lì e prova a dare un float:left nel css del logo.

valentino86 · « **Risposta #4 il:** 11 Mar 2011, 11:48:00 »

Citazione da: adottauncane - 11 Mar 2011, 11:02:11

Emmmm, però con un'immagine non riesco a capire... hai un link? Lascia la nuova posizione e anche il css. Comunque la posizione del logo è sotto il top menù. Eventualmente spostala lì e prova a dare un float:left nel css del logo.

non ho un link perchè sto facendo tutto in locale. Ho fatto cosi

Codice: [Seleziona]

<!--Header-->

    <div id="header">

	

        <!--TOPMENU-->

        <div id="topmenu">

        <jdoc:include type="modules" name="topmenu"  />

        </div>

        

              <div id="angolo_zetes">

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

      </div>

      

      

      <!--Logo-->

        <div id="logo">

        <?php if($this->params->get('hideLogo') == 0) : ?><a href="<?php echo $this->baseurl; ?>"><?php echo $mainframe->getCfg('sitename');?></a>

        <?php else: ?>

        <a href="<?php echo $this->baseurl; ?>"><img src="<?php echo $this->baseurl ?>/templates/zetes/images/logo.png" alt="<?php echo $mainframe->getCfg('sitename');?>" /></a>

		<?php endif; ?>

        </div>

    </div>

e cosi nel css

Codice: [Seleziona]

#angolo_zetes{

    left: 90% !important;

    position: relative;

    width: 250px !important;}

Ho visto che se al topmenu nel css gli do un position:absolute invece che relative allora il modulo si affianca al menu, perchè?

adottauncane · « **Risposta #5 il:** 11 Mar 2011, 12:17:06 »

Probabilmente perché il menù ha un float:right; Cioè permette l'allineamento a destra. Però senza link è una supposizione.

valentino86 · « **Risposta #6 il:** 11 Mar 2011, 12:39:49 »

Ok ho fatto cosi e si vede esattamente dove volevo si vedesse

Codice: [Seleziona]

#angolo_zetes{

    left: 86%;

    position: absolute;

    margin-top: 6%}

ora ne devo fare un'altro centrale e un'altro che si affianchi al bordo degli articoli.

Autore Topic: Nuova posizione in Zetes (Letto 2837 volte)

valentino86

Nuova posizione in Zetes

adottauncane

Re:Nuova posizione in Zetes

valentino86

Re:Nuova posizione in Zetes

adottauncane

Re:Nuova posizione in Zetes

valentino86

Re:Nuova posizione in Zetes

adottauncane

Re:Nuova posizione in Zetes

valentino86

Re:Nuova posizione in Zetes