Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : dylan666x2 11 Sep 2010, 21:05:36
-
Salve amici,
vorrei centrare il template del mio seguente sito: http://asapiens.futurasys.com (http://asapiens.futurasys.com)
per farlo vedere nello stesso modo su tutti i monitor.
Come si fa???
-
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.
-
per fortuna...non l'ho fatto io. sto infatti purtroppo lavorando su un template fatto da altri...cazzarola.
ma allora che devo fare?
-
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.
-
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:
#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
-
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.
-
no no asp. il template è una versione modificata di rhuk_milkyway . non l'hanno comprata da nessuna parte.
-
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 .
-
questo è il codice della mia pagina index.php:
<?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à 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"> </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?
-
Devi dare anche una dimensione al div contenitore:
div#wrapper {
margin-left:auto;
margin-right:auto;
width:1000px;
} ;)
-
grazieeeeeeeeeeeee...mitici!