Impaginazione techline_de_template-j15-015 [RISOLTO]

[elpirata]

Salve raga,
ho installato il template techline_de_template-j15-015, se non pubblico articoli in prima pagina le due colonne "sidebar1" e "sidebar2" sono perfettamente allineate ma appena pubblico l'articolo in home succede quello che potete visualizzare qui www.salernosystem.it. Mi dareste una mano a sistemare?

Grazie anticipatamente 

[tonicopi]

Prova a settare a 700 pixel la larghezza nel file style.css (riga 1692)

Codice: [Seleziona]

.contentLayout .content {
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:700px;
}e a 500 nel file style.css (riga 1050)

Codice: [Seleziona]

.Post {
float:left;
min-height:1px;
min-width:1px;
overflow:hidden;
position:relative;
width:500px;
z-index:0;
}

[elpirata]

Grazie alla tua dritta ho risolto il primo problema...

Ora ti chiedo come devo fare per implementare un area atta a contenere un banner grafico o sotto header o nel footer e poi perchè pur avendo abilitato il modulo archivio in posizione right non lo visualizzo?

Ciao

[tonicopi]

Quel template non ha posizioni modulo nell'header (salvo la user3 che già utilizzi per il menù in alto) e neppure nel footer.
Devi inserire tu nuove posizioni modulo seguendo questa guida:
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F

[.: BlackHat :.]

per il banner dovresti crare un nuovo div sopra footer ed assegnare una posizione nella quale andrai a caricare il modulo dei banner. per il secondo problema...boh è strano..non viene caricato nulla neanche nell'index. sicurod i aver messo la posizione giusta e quant'altro?

[elpirata]

Ragà aiutatemi il problema della paginazione è di nuovo presente....

[.: BlackHat :.]

ciao elpirata, modifica qui

Codice: [Seleziona]

.contentLayout .content {style.css (riga 1692)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:530px; <--portalo a 530px o meno
}
era troppo grande il div, e non lasciava spazio alla colonna di destra. CIau

[elpirata]

ciao elpirata, modifica qui

Codice: [Seleziona]

.contentLayout .content {style.css (riga 1692)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:530px; <--portalo a 530px o meno
}
era troppo grande il div, e non lasciava spazio alla colonna di destra. CIau

Ciao, ho provato a settare sia a 500 sia 520 sia 530 ma niente da fare...

[.: BlackHat :.]

ahha, hai aggiornato e cancellato la cache? io lo vedo bene.

[elpirata]

si ho aggiornato la cache, ho provato anche da un altro pc sia con ie7 che con firefox ma niente da fare, visualizzo sempre la sidebar 2, quella doce sta l'orologio, sotto al testo del component....


come devo fare?

[.: BlackHat :.]

Oddio scusa...ho sbagliato io.. prova a riportarlo cosi

Codice: [Seleziona]

.contentLayout .content {style.css (riga 1692)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:700px; <-portalo a 700
}

[elpirata]

ora sembra apposto...

scusate per il continuo fastidio ma solo grazie a voi riesco a venir fuori dai guai!!!

[elpirata]

Altro quesito...

la sidebar1 e la sidebar2 rientrano entrambe verso l'interno rispetto all'immagine Header, come posso fare per allinearle dando un aspetto al template molto più gradiente?


Grazie

[.: BlackHat :.]

Se ho capito bene, vorresti che i menu partissero esattamente dopo l'header. se è questo quello che intendevi modifica qua

Codice: [Seleziona]

Block {style.css (riga 684)
margin:7px; <--elimina questa
}
eliminandola del tutto, si spostano un po anche le colonne, se vuoi evitare modifica in questo modo

Codice: [Seleziona]

Block {style.css (riga 684)
margin-left:7px; <--- metti il margin come left
}
ciau

[elpirata]

Scusa forse mi sono espresso male, non intendevo restringere lo spazio tra l'header e i menu ma volevo fare in modo che le barre dei menu fossero allineate verticalmente sotto l'header...senza quella rientranza...brutta da vedere... 

[.: BlackHat :.]

Se ho capito bene dovresti risolvere il problema in questo modo

Codice: [Seleziona]

.contentLayout .content {style.css (riga 1692)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:705px; <---portalo a 705
}

Codice: [Seleziona]

.Block {style.css (riga 684)
margin-top:7px;  <--modificalo in margin-top
}

[elpirata]

BlackHat, come al solito sei impeccabile, l'effetto era proprio quello da me ricercato...
ora rimanendo in tema di impaginazione, potresti verificare come mai se clicco sul link http://www.salernosystem.it/index.php?view=article&id=54 la pagina che mi si apre riporta la colonna menù " sidebar2 " sotto al testo?

grazie.

[.: BlackHat :.]

llora, quasi sicuramente, nella index.php c'è una qualche if, che crea diversamente i div. infatti in quasi tutte le pagine il contenuto e il menu di destra sono in un unico div, e quindi dando a quel div una larghezza su quelle si vede bene. nella pagina che hai linkato, il menu di destra è allo stesso livello del div che contiene i contenuti, e siccome quest'ultimo è di dimensioni 705 prende tutto lo spazio e fa scrollare giu i lmenu di destra. ora io ho cercato il temopate in giro per poter vedere nella index come vengono richiamati i div...ma sinceramete non sono riuscito a scaricarlo. quindi se possibile mandami il template in modo che possa installarlo e vedere quali modifiche effettuare. CIau

[.: BlackHat :.]

Sucsa, aspetta. quello che ho scritto prima è vero ma forse si può risolvere. allroa fai queste modifiche (salvati una copia del template così com'è ora).

Codice: [Seleziona]

.contentLayout .sidebar2 {style.css (riga 1711)
border:0 none;
float:left;  <--metti left
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:175px;
}
elimina da qui la larghezza

Codice: [Seleziona]

.contentLayout .content {style.css (riga 1692)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:705px; <--eliminala
}
infine modifica qui

Codice: [Seleziona]

.Post {style.css (riga 1050)
float:left;
min-height:1px;
min-width:1px;
overflow:hidden;
position:relative;
width:515px; <--porta a 515
z-index:0;
}
quando fai le modifiche, se per caso non ti dovesse funzionare per favore lasciale attive in modo che possa vedere se le hai fatte bene, non che non mi fidi, ma a volte capita che si sbaglia senza volerlo. Ciau

[elpirata]

Sembre essere andato tutto ok...potresti per sicurezza dare un'occhiata, io non sarei mai arrivato a pensare di togliere il width dal content....

Sei un grande...

Grazie!

[.: BlackHat :.]

Allora in area download il testo è toppo attaccato alla colonna di sinistra, aggiungi nel css in qualsiasi posizione questa

Codice: [Seleziona]

#remository{
margin-left:10px}
in faq invece...beh...molto probabilmente nel testo c'è qualche div che da problema, perchè prende tutto lo spazio a differenza delle alte pagine.

[elpirata]

ciao,

ho inserito il codice da te suggerito per distanziare il testo nell'area download, ma non succede nulla....

Codice: [Seleziona]

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Distanzio il testo verso destra rispetto la colonna menu */
#remository{
margin-left:10px}   <------Eccolo qui (Riga 2142)

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;

per quanto riguarda le faq, come faccio a verificare se il testo contiene qualche div? (Considera che prima delle ultime modifiche era visualizzato in modo corretto).

In attesa di tue valutazioni saluto.

[.: BlackHat :.]

si il problema è che prima avevi una dimensione fissa del contenitore che aveva il testo all'interno, quindi nn si adattava a nessuna dimensione. però appunto dava problemi da altre parti. per la regola che hai inserito...è strano non la legge...sicuro di averla messa nel file giusto?in template.css va bene, ma fai attenzione che sia il file del rispettivo template...a me è capitato piu di una volta di modificare file di altri template . come ti ho detto prima se puoi mandarmi anche via mail, il template (se puoi) cosi posso controllare l'index e vedere come lavora.

[.: BlackHat :.]

Ok per le faq forse abbiamo risolto, praticamente dentro il testo viene creato un div, che appunto sballa tutto, modifica cosi

Codice: [Seleziona]

#lipsum {
width:600px;
}
aggiungi questo in una qualsiasi posizione.

appena fatte queste modifiche avvisami, perchè il testo si affianca troppo alla colonna di sx, e ci sarebbero un po di cose da modificare ma niente di difficile

[elpirata]

Eccomi,
ho apportato le modifiche da te suggerite, ma noto che sia nell'area download sia nelle faq non è cambiato nulla !

Penso di aver sbagliato qualcosa 

Codice: [Seleziona]

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Distanzio il testo verso destra rispetto la colonna menu */

#remository{
margin-left:10px}

#lipsum {
width:600px;
}

a presto...

[.: BlackHat :.]

ma vedi che è davvero strano che nn vada a prendere la regola...l'unica cosa che mi viene in mente è che nn stai operando sul file giusto.... 

[elpirata]

infatti stavo operando su un file sbagliato  ...
adesso sembra andare meglio!

Dai un'occhiata..

[.: BlackHat :.]

Grrrrr dovrei venire a darti uno scappellotto! cmq si, ora lo vedo bene

[.: BlackHat :.]

stop aspetta, me lo do io lo scappellotto

ULTIMA MODIFCA, dai che ce la famo

Codice: [Seleziona]

#lipsum {
width:500px;   <-- portalo a 500 altrimenti nella home il testo viene troncato
}

[elpirata]

Scusa BlackHat,

volendo impostare la struttura del component, cosi come quella di default di joomla, sarebbe fattibile? La stessa main che in sostanza è presente anche sul tuo sito con i numeri che ti portano dalla pagina 1 alla 2 alle 3 e cosi via...

Lo scappellotto??? bhe direi che me lo merito proprio  

[elpirata]

Rieaccomi,

controllando l'impaginazione del sito ho notato che all'indirizzo http://www.salernosystem.it/component/artforms/?formid=1
il form risulta essere stretto al punto di portare a capo le icone di campo obbligatorio e per giunta il testo è molto attaccato al menu di sinistra... 

Carneade!

[.: BlackHat :.]

sorpresa! quarda il sito

ho letto ora

volendo impostare la struttura del component, cosi come quella di default di joomla, sarebbe fattibile? La stessa main che in sostanza è presente anche sul tuo sito con i numeri che ti portano dalla pagina 1 alla 2 alle 3 e cosi via...

quella cosa li ti appare in automatico nel momento in cui nel DB hai più articoli di quelli che hai impostato di far visualizzare nella homepage. ad es. se hai 5 articoli, e imposti che ne deve far visualizzare 2, i restanti li fa vedere come nel mio sito...se di sito si può parlare ahhah

[elpirata]

Buongiorno BlackHat e buona settimana,
ho creato un form utilizzano JotForm che non è un componente di joomla, volevo chiederti per far si che mi compari al posto di questo ----> http://www.salernosystem.it/component/artforms/?formid=3 in quale parte del codice devo inserirlo 

Codice: [Seleziona]

<script src="http://www.jotform.com/js/form.js?v2.0.858" type="text/javascript"></script>
<style type="text/css">html,body{height:100%; margin:0;}
.tbmain{
 /* Changes on the form */
 background: white !important;
}
.left{
  /* Changes on the form */
  color: black !important;
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}

div.backButton{
background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
height:16px;
width:53px;
float:left;
margin-bottom:15px;
padding-right:5px;
}
div.backButton:hover{
background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
height:16px;
width:53px;
float: left;
margin-bottom:15px;
padding-right:5px;
}
div.nextButton:hover{
background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
padding-right:5px;
margin-bottom:15px;
float:left;
}

</style>
</head>
<body>
<table width="100%" cellpadding="2" cellspacing="0" class="tbmain">
<tr><td class="topleft" width="10" height="10">&nbsp;</td>
<td class="topmid">&nbsp;</td>
<td class="topright" width="10" height="10">&nbsp;</td>
  </tr>
<tr>
<td class="midleft" width="10">&nbsp;&nbsp;&nbsp;</td>
<td class="midmid" valign="top">
<form  action="http://www.jotform.com/submit.php"  method="post" name="q_form_90675418828">
<input type="hidden" name="formID" value="90675418828" />
<div id="main">
<div class="pagebreak">
<input type="hidden" id="spc" name="spc" value="spc" />
<script type="text/javascript">
   document.getElementById('spc').value = '27b0ac476bd4de78b882f4cc17e1e17a';
</script>
<table width="520" cellpadding="5" cellspacing="0">
 <tr >
  <td colspan="2" class="left" >
   Compila le form in tutte le sue parti e clicca su invia.
  </td>
 </tr>
 <tr >
  <td colspan="2" class="left" >
   Inserisci i tuoi dati
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Cognome <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q0_Cognome" class="text" value="" id="q0"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Nome <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q1_Nome" class="text" value="" id="q1"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Indirizzo <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q3_Indirizzo" class="text" value="" id="q3"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Cap</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q11_Cap" class="text" value="" id="q11"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Citt�span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q4_Citt" class="text" value="" id="q4"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Telefono <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q13_Telefono" class="text" value="" id="q13"  onblur="validate(this,'Required')"  maxlength="20" maxsize="20" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >E-mail</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q2_Email" class="text" value="" id="q2"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td colspan="2" class="left" >
   Inserisci i dati della tua amica
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Cognome</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q16_Cognome" class="text" value="" id="q16"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Nome</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q17_Nome" class="text" value="" id="q17"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Indirizzo <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q18_Indirizzo" class="text" value="" id="q18"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Cap</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q19_Cap" class="text" value="" id="q19"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Citt�span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q20_Citt" class="text" value="" id="q20"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Telefono <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q21_Telefono" class="text" value="" id="q21"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >E-mail</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q22_Email" class="text" value="" id="q22"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >&nbsp;
   
  </td>
  <td class="right">
  <input type="submit" class="btn" value="Invia" />  <input type="reset" class="btn" value="Cancella" />
 </td>
 </tr>
</table>
</div>
</div>
</form>
</td>
<td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
 <td class="bottomleft" width="10" height="10">&nbsp;</td>
 <td class="bottommid">&nbsp;</td>
 <td class="bottomright" width="10" height="10">&nbsp;</td>
</tr>
</table>
<script type="text/javascript">
validate("q_form_90675418828");
</script>

thanks!

[.: BlackHat :.]

sinceramente non credo sia una cosa fattibile...

[elpirata]

potresti consigliarmi qualche buon componente per creare form, io uso artForm ma mi crea una marea di problemi, una volta creata la form e salvata, se entro all'interno per aggiungere o modificare dei campi mi si impianta e poi non mi piace che mostri nel footer la scritta con il logo di Artforms...

come posso risolvere 

[.: BlackHat :.]

Quello che usano tutti è Chrono Forms. cmq se hai risolto i vari problemi sul tempalte metti risolto, e per i nuovi problemi o quesiti apri nuovi post, altrimenti ti rispondo solo io qua

[elpirata]

Grazie al vostro aiuto il problema è stato risolto... Siete fantastici...

un ringraziamento particolare va a BlackHat ( se leggete i post capirete perchè