Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : spokke 18 Oct 2008, 12:21:23
-
salve a tutti e complimenti per il forum ...
ho installato joomla e personalizzato un template e devo dire che funziona tutto abbastanza bene..
ho un unnico problema che spero possiate aiutarmi a risolvere ...
in pratica quando restringo la finestra del browser i contenuti presenti nel frame centrale e nelle due colonne laterali si restringono insieme alla finestra ...
come posso fare per farli rimanere " statici " ?
ho cercato nel css e nei forum ma non ho trovato niente
.
chiedo venia se questa domanda ha già avuto risposta ...
Grazie a tutti
-
Ciao e benvenuto nel forum! :)
La tua richiesta appare incomprensibile. Come potrebbero ridimensionarsi le colonne e il corpo del sito mantenendo i contenuti fissi?
Un link al sito?
-
www.secolonuovo.it
prova a ridurre la finestra vedrai i contenuti delle colonne restringersi insieme alla finestra ... io vorrei che rimanessero fissi ...
-
Forse tu vuoi che non si ridimensioni il template sotto i 1280px come hai fatto per la tabella del logo?
Allora cerca nella index.php del template questo codice<body vlink="black" link="black" alink="yellow">
<table cellspacing="0" cellpadding="0" border="0" style="text-align: left; margin-left: auto; margin-right: auto; width: 100%">e sostituisci 100% con 1280px
Ma fai una scelta sbagliata costringendo quasi la metà degli utenti a un fastidioso scrolling orizzontale :(
Piuttosto dimensiona entrambe le tabelle a 1024 pixel così gli utenti con monitor a 1280px vedono bene e restano a scorrere solo circa il 4% degli utenti :)
-
Piuttosto dimensiona entrambe le tabelle a 1024 pixel così gli utenti con monitor a 1280px vedono bene e restano a scorrere solo circa il 4% degli utenti :)
saggio consiglio! :)
-
il problema è che non ho il codice della tabella nel index.php
eccolo
<?php
/**
* @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
* @license GNU/GPL
* 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.
*/
// 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/<?php echo $this->template?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/menu.css" type="text/css" />
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
<style type="text/css">
<?php if(!$this->countModules('left')) : ?>
#main{width:1024px!important; float:left;}
<?php endif; ?>
<?php if(!$this->countModules('right')) :?>
#middle{width:1024px;}
<?php endif; ?>
</style>
<link href="template.css" rel="stylesheet" type="text/css" />
</head>
<body link="black" alink="yellow" vlink="black">
<table
style="width: 1024px; text-align: left; "
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="3" rowspan="1"
style="width: 1024px;" align="center">
<img src="images/banner.jpg"></img>
</td>
</tr>
<tr class="riga_tabella">
<td colspan="3" rowspan="1">
<a href="index.php?option=com_user&view=login">Login</a> | <a href="index.php?option=com_user&task=register">Registrati</a> | <a href="index.php?option=com_content&view=article&id=47&Itemid=59">Abbonamento</a> | <a href="index.php?option=com_content&view=article&id=47&Itemid=59">Pubblicità</a> | <a href="index.php?option=com_content&view=article&id=47&Itemid=59">Redazione</a>
</td>
</tr>
<tr>
<td style="text-align: left; width: 408px;" colspan="2"
rowspan="1" valign="undefined"><img src="images/logo.jpg"><br>
</td>
<td style="text-align: right;" ><a href="http://www.secolonuovo.it/index.php?option=com_content&view=article&id=45:previsioni-del-tempo&catid=25:il-progetto&Itemid=58"><img src="images/meteo.jpg" class="meteo"></a></td>
</tr>
<tr align="center">
<td style="width: 408px; text-align: left;" colspan="2"
rowspan="1" valign="undefined"></td>
<td class="datario">
<?
$mese = array ("Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre");
$giorno = array ("Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì","Sabato");
$ora = getdate(time());
echo $giorno[date("w")]." ".date("d")." ".$mese[(date("n")-1)]." ".date("Y");
echo " Ore " . date("H"). ",". date("i");
?>
</td>
</tr>
<tr align="center">
<td style="width: 408px; font-family: "Times New Roman", serif;" colspan="3" rowspan="1"
align="center"><small>Anno I Editore e Provider Distributore: Zerocould S.r.l. Direttore Generale: Francesco Maria Narducci Direttore Editoriale: xxxxxxxxxx
Sede: Via dei Peschi 5 - 67042 Civita di Bagno L'Aquila Recapiti: Tel. 0862760383-fax 0862701059</small></td>
</tr>
<tr>
<td colspan="3" rowspan="1"
style="width: 1024px%; align:center; text-align:center; background-color: rgb(202, 209, 219);">
<div id="header">
<jdoc:include type="modules" name="header" style="xhtml" />
<?php if($this->countModules('user3')) : ?>
<jdoc:include type="modules" name="user3" style="xhtml" />
<?php endif ?>
</td>
</tr>
</tbody>
</table>
<div id="bgtop" align="center"><div class="wrapper">
</div>
<?php if($this->countModules('menu')) : ?>
<div id="nav"><jdoc:include type="modules" name="menu" style="xhtml" /></div>
<?php endif; ?>
<div class="clear"></div>
</div><!--bgtop-->
<div align="center"><br></div>
<div id="bgbottom" align="center"><div class="wrapper">
<div id="container">
<?php if($this->countModules('left')) : ?>
<div id="left"><jdoc:include type="modules" name="left" style="xhtml" /></div>
<?php endif; ?>
<div id="main">
<?php if($this->countModules('user1 + user2')) : ?>
<div id="user12">
<div id="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div id="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="clear"></div>
</div>
<?php endif; ?>
<div id="br">
<div id="middle">
<div id="mainbody"><jdoc:include type="component" style="xhtml" /></div>
<?php if($this->countModules('top')) : ?>
<div id="top"><jdoc:include type="modules" name="top" style="xhtml" /></div>
<?php endif; ?>
</div>
<?php if($this->countModules('user4 + right')) :?>
<div id="right">
<?php if($this->countModules('right')) : ?>
<div id="rightmodule"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<?php endif; ?>
</div>
<?php endif; ?>
</div><!--br-->
</div><!--main-->
<div class="clear"></div>
</div><!--container-->
</div></div>
</body>
</html>
-
Hai ragione. Cerca nel file template.css (line 182)
.wrapper {
margin:0pt auto;
text-align:left;
width:95%;
}
e sostituiscilo con
.wrapper {
margin:0pt auto;
text-align:left;
width:1024px;
} :)
-
Hai ragione. Cerca nel file template.css (line 182)
.wrapper {
margin:0pt auto;
text-align:left;
width:95%;
}
e sostituiscilo con
.wrapper {
margin:0pt auto;
text-align:left;
width:1024px;
} :)
grazie ora funziona ! :P
-
continuo a scassare ...
è possibile riquadare il contenuto degli articoli ...
ho provato a modificare il css in questo modo
table.contentpaneopen{
border-style: solid;
}
ma non funziona :(((
qualche idea ?
-
Ma leggerti una guida sui css, no?! :P
Cerca nel file template.css (line 289)
#middle {
float:left;
width:66%;
}
e aggiungiborder:2px solid #FF0000;
-
Ma leggerti una guida sui css, no?! :P
Cerca nel file template.css (line 289)
#middle {
float:left;
width:66%;
}
e aggiungiborder:2px solid #FF0000;
intanto grazie per la risposta ...
il problema è che mi borda tutto ...
io vorrei bordare solamente il contenuto di ogni singolo articolo :(
-
Ma dove sta il problema? :) Ti crei un div con lo stile che ti ho dato e ci infili dentro gli articoli con l'editor. Oppure li inserisci in una tabella con i bordi. Oppure crei una classe e la applichi agli articoli che vuoi bordare. Se li vuoi bordare tutti crei questo comando nel css :
#container td{
border:2px solid #FF0000;
}contento? :D