Back to top

Autore Topic: Ingrandire la parte centrale del template  (Letto 6509 volte)

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Ingrandire la parte centrale del template
« il: 05 Ago 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 ed le pagine dove sono inseriti gli script sono: pagina 1 e pagina 2 .
Grazie.

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #1 il: 05 Ago 2011, 18:59:08 »
Ciao Salvatore92,
se le colonne collassano, basterebbe che non pubblicassi il modulo di destra. (In quelle pagine potresti pubblicarlo a sinistra)

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #2 il: 05 Ago 2011, 19:04:34 »
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.

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #3 il: 05 Ago 2011, 21:37:25 »
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:

Codice: [Seleziona]
.Sheet {
    margin: 0 auto;
    min-height: 41px;
    min-width: 41px;
    overflow: hidden;
    position: relative;
    width: 1180px;
    z-index: 0;
}
style.css (riga 63)

Codice: [Seleziona]
.contentLayout {
    margin-bottom: 0;
    position: relative;
    width: 1162px;
}
style.css (riga 650)

Codice: [Seleziona]
.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...  ;)

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #4 il: 05 Ago 2011, 22:35:40 »
Grazie  ;D , con safari funziona ma con firefox no :( , come posso risolvere?

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #5 il: 05 Ago 2011, 23:02:45 »
Facendo un refresh della pagina? ;)

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #6 il: 05 Ago 2011, 23:26:59 »
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??

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #7 il: 05 Ago 2011, 23:31:42 »
Credo bisognerà ritoccare anche il codice... per l'header (che penso sia poi l'unica da ritoccare) qui:
Codice: [Seleziona]
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)


Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #8 il: 08 Ago 2011, 16:35:13 »
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.

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #9 il: 08 Ago 2011, 16:41:07 »
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

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #10 il: 08 Ago 2011, 18:40:35 »
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" ?

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #11 il: 08 Ago 2011, 21:49:12 »
La posizione adesso c'è? Come si chiama? Come hai chiamato il css? Metti qualcosa dentro alla posizione aggiunta che vediamo.

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #12 il: 09 Ago 2011, 15:49:31 »
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?

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #13 il: 09 Ago 2011, 16:12:00 »
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...

Offline Salvatore92

  • Nuovo arrivato
  • *
  • Post: 38
    • Mostra profilo
Re:Ingrandire la parte centrale del template
« Risposta #14 il: 09 Ago 2011, 19:52:21 »
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]

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #15 il: 10 Ago 2011, 00:38:40 »
Questo è il css da aggiungere nel file .css del template.

Codice: [Seleziona]
#nuovo_div {
margin-top: 35px !important;
margin-left:450px !important;
}

Questo il .php da sostituire:

Codice: [Seleziona]
<?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 &copy; 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... ;)

adottauncane

  • Visitatore
Re:Ingrandire la parte centrale del template
« Risposta #16 il: 10 Ago 2011, 00:41:00 »
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...

 



Web Design Bolzano Kreatif