Back to top

Autore Topic: template fisso  (Letto 5160 volte)

Offline spokke

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
template fisso
« il: 18 Ott 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
 

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: template fisso
« Risposta #1 il: 18 Ott 2008, 14:57:21 »
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?
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline spokke

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: template fisso
« Risposta #2 il: 18 Ott 2008, 14:59:52 »
www.secolonuovo.it

prova a ridurre la finestra vedrai i contenuti delle colonne restringersi insieme alla finestra ... io vorrei che rimanessero fissi ...

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: template fisso
« Risposta #3 il: 18 Ott 2008, 15:20:09 »
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
Codice: [Seleziona]
<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 :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline exportquality

  • Appassionato
  • ***
  • Post: 206
    • Mostra profilo
Re: template fisso
« Risposta #4 il: 18 Ott 2008, 18:20:34 »
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! :)
http://it.wikipedia.org/wiki/RTFM

Gli MP tecnici verranno ignorati. Condividiamo problemi e soluzioni!

Offline spokke

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: template fisso
« Risposta #5 il: 19 Ott 2008, 10:12:23 »
il problema è che non ho il codice della tabella nel index.php
eccolo

Codice: [Seleziona]
<?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&agrave;</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>

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: template fisso
« Risposta #6 il: 19 Ott 2008, 14:39:39 »
Hai ragione. Cerca nel file template.css (line 182)
Codice: [Seleziona]
.wrapper {
margin:0pt auto;
text-align:left;
width:95%;
}
e sostituiscilo con
Codice: [Seleziona]
.wrapper {
margin:0pt auto;
text-align:left;
width:1024px;
}
:)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline spokke

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: template fisso
« Risposta #7 il: 20 Ott 2008, 09:54:13 »
Hai ragione. Cerca nel file template.css (line 182)
Codice: [Seleziona]
.wrapper {
margin:0pt auto;
text-align:left;
width:95%;
}
e sostituiscilo con
Codice: [Seleziona]
.wrapper {
margin:0pt auto;
text-align:left;
width:1024px;
}
:)
grazie ora funziona ! :P

Offline spokke

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: template fisso
« Risposta #8 il: 20 Ott 2008, 16:40:01 »
continuo a scassare ...
è possibile riquadare il contenuto degli articoli ...
ho provato a modificare il css in questo modo

Codice: [Seleziona]
table.contentpaneopen{
border-style: solid;
}
ma non funziona :(((
qualche idea ?

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: template fisso
« Risposta #9 il: 20 Ott 2008, 17:11:47 »
Ma leggerti una guida sui css, no?! :P
Cerca nel file template.css (line 289)
Codice: [Seleziona]
#middle {
float:left;
width:66%;
}
e aggiungi
Codice: [Seleziona]
border:2px solid #FF0000;
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline spokke

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: template fisso
« Risposta #10 il: 20 Ott 2008, 17:18:02 »
Ma leggerti una guida sui css, no?! :P
Cerca nel file template.css (line 289)
Codice: [Seleziona]
#middle {
float:left;
width:66%;
}
e aggiungi
Codice: [Seleziona]
border:2px solid #FF0000;
intanto grazie per la risposta ...
il problema è che mi borda tutto ...
io vorrei bordare solamente il contenuto di ogni singolo articolo :(

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: template fisso
« Risposta #11 il: 20 Ott 2008, 17:35:28 »
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 :
Codice: [Seleziona]
#container td{
border:2px solid #FF0000;
}
contento? :D
« Ultima modifica: 20 Ott 2008, 17:38:16 da tonicopi »
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

 



Web Design Bolzano Kreatif