Problema con lo sfondo e con sidebar

[PeppezZ]

Salve ragazzi, sto realizzando un sito con joomla e sto usando un template, qui vedete il sito: http://78.15.13.121
Ho 2 problemi:
1) Vorrei inserire uno sfondo nel footer di questo template che finisce con questo codice:

Codice: [Seleziona]

<div align="center" class="style1">&copy;<?php echo date("Y", time());?> <?php echo $mosConfig_sitename;?>.
  <map name="Map" id="Map">
    <area shape="rect" coords="383,70,460,115" href="http://www.worldofwarcraft.com" />
  </map>
</div>
Dovrei fare in modo che ci sia un' immagine di sfondo tipo quella nell'header che copri la piccola scritta nel footer.
Non ci riesco pur assegnando come background al div quell'immagine. Nè agendo sul css sullo "style1" che è così composto:

Codice: [Seleziona]

.style1 {
color: #7B9783;
font-weight: bold;
background: black url('../images/bg2.jpg') repeat-x 50% 0;
L'ultima riga (background: black url('../images/bg2.jpg') repeat-x 50% 0;) l'ho aggiunta io, ma rimane tutto nero.

2) Problema ancora più importante è che in questo template non sono presenti sidebar!! Vorrei aggiungerle perchè mi sono indispensabili. Come dovrei fare?

[conti1]

ciao
si  si può fare di tutto    detta cosi sembra tragica ,
ma veniamo al dunque :
x aiutarti dovresti dire almeno il template che usi , xche il link postato con il solo ip  e irraggiungibile  probabile che tu stia  lavorando in locale .grazie

[PeppezZ]

ciao e grazie per la risp
Si sto lavorando in locale ma il router evidentemente mi blocca la porta anche se ho aperto la 80.

Il template è questo qui: hxxp://opensvn.csie.org/zobar_joomla/wowarmory/zobar_wowarmory_1.0.zip

Anteprima immagine: http://img524.imageshack.us/img524/8674/sanstitre2wv4.jpg

Appena posso vedo di mettere sul server il sito

[conti1]

allora tu vuoi mettere una tua immagine in fondo al template  diciamo nel punto che di solito si chama footer ma in quel template non e fotter, vabbe  comunque in questo punto

Codice: [Seleziona]

©2007 conti. Pictures by Blizzard. Template by e-Zobar. All rights reserved. domanda la tua immagine dove la metti ?
xche come hai messo tu il percorso

Codice: [Seleziona]

background: black url('../images/bg2.jpg') repeat-x 50% 0;viene cercata nella cartella images del template  e non nella cartella images di joomla .

[PeppezZ]

si l'immagine è nella cartella images del template, se scarichi il template questa immagine c'era già, solo che nn viene utilizzata nel template. Si chiama proprio bg2.jpg

[conti1]

ciao devi aggiungere un poco di css x vedere quella immagine

Codice: [Seleziona]

.style1 {template_css.css (riga 22)
background:black url(../images/bg2.jpg) repeat scroll 0 0;
color:#7B9783;
font-weight:bold;
height:49%;
position:absolute;
width:99%;
}guarda le ultime tre voci e aggiungile

[PeppezZ]

che dire... è quasi perfetto. ti ringrazio.

C'è solo una piccola imperfezione... ai lati e sotto si vede del nero, invece l'immagine dovrebbe coprire tutti e 2 i lati, proprio come nell'header

[conti1]

che dire... è quasi perfetto. ti ringrazio.

C'è solo una piccola imperfezione... ai lati e sotto si vede del nero, invece l'immagine dovrebbe coprire tutti e 2 i lati, proprio come nell'header

devi solo giocare su queste 2 impostazioni

Codice: [Seleziona]

height:49%; <-- qui x l'altezza
width:99%;<-- qui x la largezza


[PeppezZ]

ok grazie.

Sai cosa posso fare per la sidebar?

[conti1]

ciao ma cosa intendi x sidebar?
se intendi le colonne di sx dx che mancano in qul template oppure una sidebsr che scorrono notizie?

[PeppezZ]

intendo le colonne di sinistra e destra.
Come vedi nel contenuto esempio di joomla ci dovrebbe essere anche un sondaggio, che nel template di default sta in una delle sidebar. Con questo template nn si vede perkè nn ci sn ste sidebar nel codice del template...

[conti1]

intendo le colonne di sinistra e destra.
Come vedi nel contenuto esempio di joomla ci dovrebbe essere anche un sondaggio, che nel template di default sta in una delle sidebar. Con questo template nn si vede perkè nn ci sn ste sidebar nel codice del template...

tu stai parlando di un template completo di a tre colonne
questo template non a colonne a solo un user in alto x il menu  e niente colonne , solo che sara un problema a mettere le colonne visto che il template e fatto quasi tutto da immagini

[PeppezZ]

ecco, questo è un problema che devo assolutamente risolvere... sai darmi indicazioni? te ne sarei veramente grato

[conti1]

ecco, questo è un problema che devo assolutamente risolvere... sai darmi indicazioni? te ne sarei veramente grato

eee
hai detto niente
se fai SU LA CORNICE  x inserire la colonna  io x farti la colonna non ci metto molto
guarda sensa fare la cornice tutto con il css
solo che la pozione   sensa cauare danni  al resto e quella

[PeppezZ]

Ecco perkè io provando a metterla dentro mi distorceva tutto. Il tuo direi che va bene, gli manca la cornice. Messo li che codice hai inserito e dove?
Per la cornice userei queste immagini in allegato


[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

[conti1]

Ecco perkè io provando a metterla dentro mi distorceva tutto. Il tuo direi che va bene, gli manca la cornice. Messo li che codice hai inserito e dove?
Per la cornice userei queste immagini in allegato

questo e il css da copiare nel tuuo

Codice: [Seleziona]

/* ################ left ######################## */
#left {
background:#ffffff;
color:#000;
font-size:0.9em;
margin:152px 0 20px 10px;
padding:20px 10px;
}

#left h3,#right h3 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.2em;
margin:0 0 0 5px;
padding:7px 5px 7px 10px;
border:solid 0;
}

#left ul {
list-style-type:none;
margin:0 0 20px -35px;
}

#left ul li a {
display:block;
padding:3px 4px 3px 10px;
text-decoration:none;
}

#left ul li a:link,#left ul li a:visited {
background:#ffffff;

color:#000;
font-weight:normal;
}

#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background:#333 !important;
color:#fff !important;
}

questo e il code da mettere nel hatml
ti metto un pezzo di quello gia esistente cosi vedi dove inserirlo

Codice: [Seleziona]

</head>
<body>
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td rowspan="7" align="left" valign="top"><?php if($this->countModules('left')) : ?>
<div id="left">
      <jdoc:include type="modules" name="left" style="xhtml" />
      <?php endif; ?></td>
    <td height="115" align="right" valign="bottom"><img src="<?php echo $mosConfig_live_site; ?>/templates/zobar_wowarmory/images/top-left.gif" width="93" height="111" /></td>

in pratica vedi quello che ho aggiunto  e lo aggiungi che poi sarebbe questo pezzo

Codice: [Seleziona]

<td rowspan="7" align="left" valign="top"><?php if($this->countModules('left')) : ?>
<div id="left">
      <jdoc:include type="modules" name="left" style="xhtml" />
      <?php endif; ?>
secondo me cosi e meglio poi vedi tu

[PeppezZ]

direi che la tua idea non è male... sei proprio un mago col css.

Però se ci fai caso manco il modulo destro, quello che dovrebbe visualizzare il sondaggio di prova, cioè questo:

Codice: [Seleziona]

<jdoc:include type="modules" name="right" style="xhtml" />

Codice: [Seleziona]

Abbiamo messo finora solo questo:
<jdoc:include type="modules" name="left" style="xhtml" />
Perciò direi di mettere il menu principale di sinistra sulla sinistra come mi hai descritto già, e quello di destra metterlo dentro come hai fatto tu... mi spieghi come metterlo dentro?
DOMANDA: ma nn si possono mettere tutti e 2 dentro vero? uno a destra e uno a sinistra?
Grazie, sei grande.

[conti1]

ciao se li metti tutti e 2  all'interno ti ritrovi la parte centrale in miniatura  , poi visto  come hanno fatto il template che sono tutti pezzettini di immagine   bi-sognerebbe allargare il tutto. x quello che vedi sulla dx  x far le prove ho usato sempre quello che to passato   solo trovato la posizione .
allora x mettere il menu dx cerca nel html la pozione che vedi

Codice: [Seleziona]

<td valign="top" background="<?php echo $mosConfig_live_site; ?>/templates/zobar_wowarmory/images/body-bg.gif">
<div id="right"> <questo  e la riga sotto
      <jdoc:include type="modules" name="right" style="xhtml" />
</div></td>
    <td background="<?php echo $mosConfig_live_site; ?>/templates/zobar_wowarmory/images/body-right.gif" style="background-position:left; background-repeat:repeat-y">&nbsp;</td>
x il css prendi quello che hai lo rinomini tutto in  right.

[PeppezZ]

si si per mettere il menu destro ci siamo, il problema è la posizione....
L'ultimo che mi hai fatto vedere messo DENTRO e sulla DESTRA come hai fatto a metterlo? Il codice dove va messo?

E se volessi provare a metterli entrambi dentro a costo che venga tutto stretto, come faccio?

[conti1]

ti posto il php gia fatto devi solo creare il css della parte dx  prendi il css fatto x la parte sx  alo rinomini tutto in right  cosi hai i due css uno left e uno right  poi con il css giochi come vuoi .
il tuo php salvalo  prima di sostituirlo

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

[PeppezZ]

benissimo, ho un ultimo problema
Pur copiando nel css uno stile uguale al left e rinominando tutto con right così:

Codice: [Seleziona]

/* ################ right ######################## */
#right {
background:#ffffff;
color:#000;
font-size:0.9em;
margin:152px 0 20px 10px;
padding:20px 10px;
}

#right h3,#right h3 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.2em;
margin:0 0 0 5px;
padding:7px 5px 7px 10px;
border:solid 0;
}

#right ul {
list-style-type:none;
margin:0 0 20px -35px;
}

#right ul li a {
display:block;
padding:3px 4px 3px 10px;
text-decoration:none;
}

#right ul li a:link,#right ul li a:visited {
background:#ffffff;

color:#000;
font-weight:normal;
}

#right ul li a:hover,#right ul li a:active,#right ul li a:focus {
background:#333 !important;
color:#fff !important;
}
Non me lo da nel menu a destra... rimane com'è

[conti1]

ma hai pubblicato qualcosa nella colonna dx?

[PeppezZ]

Ci sono le cose di esempio di joomla.
Guarda:

[conti1]

prova ad usare questo  l'altro non prende il css strano  ma vero


[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

[PeppezZ]

Grazie direi che ora è perfetto.

Un'ultima cosa dovrei fare col css, visto che tu sei un mago... Dovrei aggiungere la cornice fatta d'immagini al menu. Sai aiutarmi?

[PeppezZ]

conti pls 

[conti1]

Grazie direi che ora è perfetto.

Un'ultima cosa dovrei fare col css, visto che tu sei un mago... Dovrei aggiungere la cornice fatta d'immagini al menu. Sai aiutarmi?

cosa intendi una CORNICE fatta di immagini al menu?
tu vorresti creare una cornice simile al template che contenga tutta la colonna sx e dx ?
con quel template cosi stretto ti ritrovi il la parte centrale troppo stretta a meno che ti metti con pazienza ad allargare il tutto

[PeppezZ]

no una cornice meno spaziosa del tema del template, te l'ho allegata alcuni post + sopra. Ecco uno screen:
http://img187.imageshack.us/img187/2900/menu2.jpg

[conti1]

in quel modo e si allarga troppo xche devi creare troppi bordi in pratica e un box con all'interno il meno devi trovare una immagine gia costruita da mettere come immagine di sfondo

[PeppezZ]

conti scusa mi copi il codice che hai usato per il css di questo menu, uno dei seguenti 2, o meglio tutti e 2:


e

[PeppezZ]

up... conti pls

[conti1]

ciao
pultroppo non ho piu nulla  dopo la formatazione del pc  quello che vedi che avevo postato  , era tutto in locale .

[PeppezZ]

peccato... mi sai dire cm fare + o -?