Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Salvatore92 05 Aug 2011, 18:51:47
-
Carissimi come da titolo non riesco ad ingrandire la parte centrale del template (quella degli articoli), ho provato a modificare il css ma niente (ho provato anche a cancellare l'intero css ma la pagina continua a funzionare, è come se non ci fosse un collegamento dal codice css alla pagina del sito).
Devo ingrandire la pagina per inserire degli script più larghi.
Qualcuno mi può aiutare a trovare un modo per inserire gli script in modo che non si tagliano (anche non ingrandendo la parte centrale del template).
Il mio sito è www.pronox.it (http://www.pronox.it) ed le pagine dove sono inseriti gli script sono: pagina 1 (http://www.pronox.it/index.php?option=com_content&view=article&id=7&Itemid=8#inscore_ifheight_xdc_3399) e pagina 2 (http://www.pronox.it/index.php?option=com_content&view=article&id=13&Itemid=13) .
Grazie.
-
Ciao Salvatore92,
se le colonne collassano, basterebbe che non pubblicassi il modulo di destra. (In quelle pagine potresti pubblicarlo a sinistra)
-
Ciao Salvatore92,
se le colonne collassano, basterebbe che non pubblicassi il modulo di destra. (In quelle pagine potresti pubblicarlo a sinistra)
Ho provato ma non funziona, lo script si taglia comunque.
-
Quindi le colonne non collassano? Ti rimane lo spazio vuoto a destra?
Per allargare il template (qui ad esempio l'ho allargato di 200px), questi sono i tre css su cui intervenire:
.Sheet {
margin: 0 auto;
min-height: 41px;
min-width: 41px;
overflow: hidden;
position: relative;
width: 1180px;
z-index: 0;
}style.css (riga 63)
.contentLayout {
margin-bottom: 0;
position: relative;
width: 1162px;
}style.css (riga 650)
.contentLayout .content {
border: 0 none;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 777px;
}style.css (riga 1785)
Non serve citare le risposte, siamo solo io e te... ;)
-
Grazie ;D , con safari funziona ma con firefox no :( , come posso risolvere?
-
Facendo un refresh della pagina? ;)
-
Risolto ;D , avevo pure prima fatto un refresh ma non andava.
Per quanto riguarda le immagini di sfondo del template e l'immagine header, basta ingrandirle di dimensione oppure bisogna modificare altro codice??
-
Credo bisognerà ritoccare anche il codice... per l'header (che penso sia poi l'unica da ritoccare) qui:
div.Header-jpeg {background-image: url("../images/Header.jpg");background-position: center center;
background-repeat: no-repeat;
height: 250px;
left: 0;
position: absolute;
top: 0;
width: 962px;
z-index: -1;}style.css (riga 291)
-
Ok, ora però vorrei inserire un banner pubblicitario (tipo quello grafico di google adsense) nella posizione dove c'è scritto soccer champions league, Come posso fare? .
Mi consigli di creare un'altro post?
Grazie.
-
Sì, in generale un problema per topic. In ogni caso lì non c'è una posizione. Perciò la devi aggiungere tu.
Per vedere le posizioni:
http://www.pronox.it/?tp=1
Per aggiungere le posizioni:
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F
-
Ok, ho letto il wiki, quando arrivo all'ultima parte, quella del css, che codice devo inserire per far in modo che la nuova posizione creata vada sulla scritta "Soccer Champion League" ?
-
La posizione adesso c'è? Come si chiama? Come hai chiamato il css? Metti qualcosa dentro alla posizione aggiunta che vediamo.
-
Ho creato la posizione, la posizione si chiama "posizionebanner" , ho creato anche un modulo che ho chiamato sponsor.
Ora come faccio a muoverlo nelle mie pagine? che cosa devo aggiungere nel css per inserirlo sopra il mio banner?
-
Devi mettere la nuova posizione in un altro punto del template. Più su, probabilmente dentro al div dell'header. Non riesco a essere più precisa, non vedo l'index.php. Fai delle prove...
-
Non ho capito che cosa devo andare a spostare, il codice che ho inserito nell'index.php o il codice che ho inserito nel css?
Cmq ora ti allego index.php.
Grazie per la tua pazienza :) .
[allegato vecchio più di un anno eliminato da un amministratore]
-
Questo è il css da aggiungere nel file .css del template.
#nuovo_div {
margin-top: 35px !important;
margin-left:450px !important;
}
Questo il .php da sostituire:
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
function artxHasMessages()
{
global $mainframe;
$messages = $mainframe->getMessageQueue();
if (is_array($messages) && count($messages))
foreach ($messages as $msg)
if (isset($msg['type']) && isset($msg['message']))
return true;
return false;
}
?>
<!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>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<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" type="text/css" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/style.css" />
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/script.js"></script>
</head>
<body>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-png"></div>
<div class="Header-jpeg"></div>
<div class="logo">
<?php /*Aggiungo la nuova posizione modulo */?>
<?php if ($this->countModules('posizionebanner')) : ?>
<div id="nuovo_div">
<jdoc:include type="modules" name="posizionebanner" style="xhtml" />
</div>
<?php endif; ?>
<?php /*Fine aggiunta nuova posizione modulo*/?>
</div>
</div>
<jdoc:include type="modules" name="user3" />
<div class="contentLayout">
<div class="sidebar1">
<jdoc:include type="modules" name="left" style="artblock" />
</div>
<div class="content">
<?php if ($this->countModules('breadcrumb') || artxHasMessages()) : ?>
<div class="Post">
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="modules" name="breadcrumb" />
<jdoc:include type="message" />
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
</div>
<div class="sidebar2">
<jdoc:include type="modules" name="right" style="artblock" />
</div>
</div>
<div class="cleared"></div>
<div class="Footer">
<div class="Footer-inner">
<jdoc:include type="modules" name="syndicate" />
<div class="Footer-text"><p>Copyright © 2009 by TechLine.de - All Rights Reserved.</p>
</div>
</div>
<div class="Footer-background"></div>
</div>
</div>
</div>
<!-- The following text and link is protected by international copyright! -->
<!-- Remember! To remove this line or our link you must buy the "Pro-Version" on TechLine.de! -->
<p class="page-footer">Template created by TechLine.de.</p>
</div>
</body>
</html>
però potevi anche provare tu, il punto era proprio all'interno del div dell'header... ;)
-
Ah, il css probabilmente sarà da regolare diversamente, visto che hai aumentato la larghezza del template... Comunque non hai che da aumentare il margin left...