Back to top

Autore Topic: Centrare template  (Letto 2590 volte)

Offline dylan666x2

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Centrare template
« il: 11 Set 2010, 21:05:36 »
Salve amici,

vorrei centrare il template del mio seguente sito: http://asapiens.futurasys.com

per farlo vedere nello stesso modo su tutti i monitor.

Come si fa???

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Centrare template
« Risposta #1 il: 11 Set 2010, 22:17:33 »
ciao
ma hai toccato qualcosa?
e sezionato come se gli avessero fatto l'autopsia?
dove il contenitore del fotter?

quello non riesco spostarlo al centro , se non hai toccato nulla chi a fatto il template se dimentico qualche pezzo.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline dylan666x2

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:Centrare template
« Risposta #2 il: 11 Set 2010, 22:21:43 »
per fortuna...non l'ho fatto io. sto infatti purtroppo lavorando su un template fatto da altri...cazzarola.

ma allora che devo fare?

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Centrare template
« Risposta #3 il: 11 Set 2010, 22:26:07 »
prima di tutto sistemare la parte footer "in fondo" poi una volta fatto quello si può modificare i due contenitore  tramite css portarli al centro quello non è un problema.
e il footer da sistemare.
esempio: il menu che hai in fondo fa scindere la riga  della chiusura del template , parlo dell'immagine se noti sulla destra non hai immagini , quella riga sotto il menu e la chiusura del dell'immagine.
« Ultima modifica: 11 Set 2010, 22:29:37 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Re:Centrare template
« Risposta #4 il: 11 Set 2010, 22:31:38 »
Ciao.
Infatti stavo analizzando il template e ti volevo porre prorio questa domanda: l'hai fatto tu il template?
Da quello che vedo mi pare che manchi un contenitore principale all'interno dell quale inserire tutto il resto.
Una classe del genere ad esempio:

Codice: [Seleziona]
#wrapper{
width: 900px;
margin: 0 auto;
}

in cui inserire tutto il resto.
Infatti i margini del contenitore principale su auto e l'impostazione della larghezza del contenitore principale  centrano il template.

Per capire bene il meccanismo ti è utile dare un'occhiata alla seguente guida:

http://wiki.joomla.it/index.php?title=Guida_alla_realizzazione_di_template_per_Joomla_1.5
Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

Offline dylan666x2

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:Centrare template
« Risposta #5 il: 11 Set 2010, 23:58:19 »
no, come già detto, non è colpa mia, sto template.
certamente è un casino perchè si tratta di lavorare su una cosa fatta da altri e mettere le toppe, come in questo caso.

grazie davvero per i preziosi consigli.

Offline dylan666x2

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:Centrare template
« Risposta #6 il: 12 Set 2010, 10:14:13 »
no no asp. il template è una versione modificata di rhuk_milkyway . non l'hanno comprata da nessuna parte.

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Centrare template
« Risposta #7 il: 12 Set 2010, 14:26:31 »

visto che sai che il template e quello non devi fare altro che inserire div wrapper x riportalo al centro
confronta i 2 php  che vedi com'era inizialmente.

prova in questa maniera
trova nel php questo div
<div id="headerz">
sopra di lui crea un novo div  e lo chiudi in fondo al template  in questo modo  crei un contenitore totale
poi crei il css
con margin:0 auto
il template se hai fatto tutto giusto si mette al centro .
« Ultima modifica: 12 Set 2010, 14:46:11 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline dylan666x2

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:Centrare template
« Risposta #8 il: 14 Set 2010, 10:33:00 »
questo è il codice della mia pagina index.php:
Codice: [Seleziona]
<?php
/**
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

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

<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/sapienza/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/sapienza/css/style.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/sapienza/css/<?php echo $this->params->get('struttura'); ?>.css" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<?php if($this->direction == 'rtl') : ?>
<link href="<?php echo $this->baseurl ?>/templates/sapienza/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>

</head>
<body>
    <!-- BOF Hidden Accessibility Menu -->
    <div class="hidden">
    <a name="alternativo" title="menu di navigazione alternativo">Menu di navigazione alternativo</a>
    <ul>
    <li><a id="altmenu_testata" href="#menutestata" accesskey="t" title="Menu di testata">Menu di testata</a></li>
    <li><a id="altmenu_briciole" href="#briciole" accesskey="p" title="Percorso">Percorso</a></li>
            <li><a id="altmenu_menusx" href="#menusx" accesskey="s" title="Menu sinistro">Menu sinistro</a></li>
            <li><a id="altmenu_contenuti" href="#contenuti" accesskey="c" title="Contenuto centrale">Contenuto centrale</a></li>
            <li><a id="altmenu_menudx" href="#menudx" accesskey="d" title="Menu destro">Menu destro</a></li>
            <li><a id="altmenu_footer" href="#footer" accesskey="f" title="Footer">Footer</a></li>
        </ul>
    </div>
    <!-- EOF Hidden Accessibility Menu -->
<a name="up" id="up"></a>
<div class="center" align="center">
  <div id="wrapper">
  <div id="headerz">
    <div class="logoz">
      <a href="../" id="header_home_link" title="Link alla Home Page"><img id="logo" src="<?php echo $this->baseurl ?>/templates/sapienza/images/logo_sapienza.jpg" alt="Sapienza Universit&agrave; Roma"/></a><div class="destra"></div>
    </div>
    <div class="logo_struttura">
      <img src="<?php echo $this->baseurl ?>/templates/sapienza/images/<?php echo $this->params->get('struttura'); ?>/nomestruttura.jpg" alt="Centro di ricerca valorizzazione e gestione centri storici minori " />
    </div>
    <div class="fascia_bottom">
          <div class="cerca">
          <form action="index.php" method="post">
            <input name="searchword" id="mod_search_searchword" maxlength="20" alt="Cerca" class="inputbox" type="text" value=" cerca..."  onblur="if(this.value=='') this.value=' cerca...';" onfocus="if(this.value==' cerca...') this.value='';" />
            <input type="image" src="<?php echo $this->baseurl ?>/templates/sapienza/images/vai.gif" alt="inizia la ricerca" align="middle" />
          <input type="hidden" name="task"   value="search" />
          <input type="hidden" name="option" value="com_search" />
          </form>
          </div>
      <!-- BOF main menu-->
      <div id="main_menu">
<?php if ($this->countModules('headerdestra')) : ?>
      <div id="headerdestra">
        <jdoc:include type="modules" name="headerdestra"  />
      </div>
   <?php endif; ?>
      <jdoc:include type="modules" name="user3" />
        <a href="#alternativo" accesskey="a" class="hidden">torna al menu di navigazione alternativa</a>
      </div>
    </div>
    </div>
<!-- EOF header-->
<div id="whitebox">
<div id="whitebox_t">
<div id="whitebox_tl">
<div id="whitebox_tr">
</div>
</div>
    </div>
<div id="whitebox_m">
<div id="area">
<jdoc:include type="message" />
<div id="leftcolumn">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="rounded" />
<?php endif; ?>
</div>
<?php if($this->countModules('left')) : ?>
<div id="maincolumn">
<?php else: ?>
<div id="maincolumn_full">
<?php endif; ?>
<?php if($this->countModules('user1 or user2')) : ?>
<table class="nopad user1user2">
<tr valign="top">
<?php if($this->countModules('user1')) : ?>
<td>
<jdoc:include type="modules" name="user1" style="xhtml" />
</td>
<?php endif; ?>
<?php if($this->countModules('user1 and user2')) : ?>
<td class="greyline">&nbsp;</td>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<td>
<jdoc:include type="modules" name="user2" style="xhtml" />
</td>
<?php endif; ?>
</tr>
</table>

<div id="maindivider"></div>
<?php endif; ?>
<table class="nopad">
<tr valign="top">
<td>
                  <div id="pathway">
                  <jdoc:include type="modules" name="breadcrumb" />
                  </div>
<jdoc:include type="component" />
</td>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<td class="greyline"></td>
<td width="192px">
<jdoc:include type="modules" name="right" style="xhtml"/>
</td>
<?php endif; ?>
</tr>
</table>
</div>
</div>
</div>
</div>
<?php /*Aggiungo la posizione center!!!! */?>                                       
<?php if ($this->countModules('soprafooter')) : ?>
  <div id="soprafooter">
        <jdoc:include type="modules" name="soprafooter" style="xhtml" />
    </div>
<?php endif; ?>
<?php /*Fine*/?>
<div class="clearer"></div>
                  <div id="footer">
<div id="footer_l">
<div id="footer_r">
<p id="syndicate">
<jdoc:include type="modules" name="syndicate" />
</p>
<p id="power_by">
                                                <?php echo JText::_('© Sapienza Università di Roma - Piazzale Aldo Moro 5, 00185 Roma T (+39) 06 49911 CF 80209930587 PI 02133771002 -'?>
<?php echo JText::_('Powered by'?> <a href="http://www.joomla.org">Joomla!</a>.
<?php echo JText::_('Valid'?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and'?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
</p>
</div>
</div>
</div>
</div>
</div>
<jdoc:include type="modules" name="debug" />

</body>
</html>

sto uscendo matto per capire come si può fare? mi potreste dare qualche dritta, amici?

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Centrare template
« Risposta #9 il: 14 Set 2010, 11:19:19 »
Devi dare anche una dimensione al div contenitore:
Codice: [Seleziona]
div#wrapper {
margin-left:auto;
margin-right:auto;
width:1000px;
}
;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline dylan666x2

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:Centrare template
« Risposta #10 il: 14 Set 2010, 22:07:46 »
grazieeeeeeeeeeeee...mitici!

 



Web Design Bolzano Kreatif