Modifiche Template (Wrapper, Links, Moduli..ecc...)

[Spains]

Salve a tutti, a breve dovrei montare questo template http://joomla15.siteground.com/?template=siteground-j15-167 sul mio sito (per DJ). Dovrei però cambiare il cosidetto banner. Mi sono accordo che i tacchi sono un immagine propria che potrei anche togliere, ma se devo modificare il wrapper ovvero dove si vedono le "ombre della città" cioè ancora questo http://joomla15.siteground.com/templates/siteground-j15-167/images/wrapper.jpg come devo fare?
Io lì devo mettere immagini del DJ ecc, poichè devo modificare il sito un pò, quindi personalizzarlo.

La mia idea però era quella di fare la prima pagina in questo modo. Utilizzare quel wrapper per fare un immagine più grande in altezza, e la prima pagina dovrebbe essere composta da un menù in alto, e l'immagine sotto. Quindi dovrebbe sparire tutto, mentre poi il menù sopra (preferibilmente in flash) che porta alle altre pagine.

Aspetto supporto immediato, grazie mille amici

[Spains]

Aiutatemi, vi prego! E' importante.

[adottauncane]

Ciao Spains,
per modificare l'immagine wrapper, crei la tua immagine, la chiami con lo stesso nome e la carichi via ftp a sostituire l'originale...
template.css (riga 101)

Codice: [Seleziona]

#wrapper {
background:url("../images/wrapper.jpg") no-repeat scroll center top #F0EFEF;
}

Per alzare lo spazio qui:
template.css (riga 105)

Codice: [Seleziona]

#header {
height:266px; <--------
margin:0 auto;
padding:4px 0 0;
position:relative;
width:980px;
}
Per togliere gli altri moduli basta che non li pubblichi in Home.
Per il menù in flash non saprei... Forse converrebbe che cominciassi a modificare qualcosa e poi, pubblicando il link al sito, fare una domanda specifica alla volta.
Buon lavoro.

[Spains]

Si ma io del wrapper http://joomla15.siteground.com/templates/siteground-j15-167/images/wrapper.jpg devo modificare solamente la parte in "bianca", la striscia nera del menù, e lo sfondo ai laterali devo lasciarli. Come faccio?

[adottauncane]

Con un programma di fotoritocco selezioni solo la parte centrale e lavori lì, lasciando invariati bordo superiore e laterali.

[Spains]

Con un programma di fotoritocco selezioni solo la parte centrale e lavori lì, lasciando invariati bordo superiore e laterali.

Ok grazie
Mi metto all'opera

[Spains]

Ok l'ho modificato, adesso dovrei apportare queste modifiche al template (http://joomla15.siteground.com/?template=siteground-j15-167):
1. In basso a destra, nella riga nera (footer), dove si trova "Dj Revolution - Official Web Site, Powered by Joomla! and designed by SiteGround Joomla Templates Valid XHTML Valid CSS" devo inserire: Social Netowrk con le immagini di Facebook, Youtube, e My Space. Il testo precedente spostato a sinistra e quindi non accentrato.

Grazie mille

[adottauncane]

Per spostarla a sinistra modifica così:

Codice: [Seleziona]

#footer p {
    height: 30px;
    line-height: 29px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 30px;
    text-align: left;
}template.css (riga 420)

per modificarla nel fine template.php (credo). Ma credo anche che la licenza di uso del template preveda di lasciare il link al sito del produttore e cioè and designed by SiteGround Joomla Templates. Controlla la licenza.

[Spains]

Perfetto, ma adesso a destra devo mettere le icone dei social network 16 px x 16 px.
SOCIAL NETWORK: (icone).

Come faccio? 
---------------------------------------
Dove leggo la licenza?
This Joomla Template is designed by SiteGround.com and can be used free of charge. The template is suitable for personal and business Joomla sites. It can be used with many popular modules and components for Joomla. At www.siteground.com you can find more great looking free Joomla templates. (?)

[adottauncane]

Non so dove trovi la licenza... prova a vedere se da qualche parte nella cartella del template c'è qualcosa... o collegati al loro sito e vedi se ne fanno riferimento.
Per inserire un'icona con link devi inserire un pezzo di codice come questo:

Codice: [Seleziona]

<a href="http://sitochevuoiraggiongere" target="_blank"><img src="persorsoimmaginedainserire" width="16" height="16" border="0" /></a>

[Spains]

Non so dove trovi la licenza... prova a vedere se da qualche parte nella cartella del template c'è qualcosa... o collegati al loro sito e vedi se ne fanno riferimento.
Per inserire un'icona con link devi inserire un pezzo di codice come questo:

Codice: [Seleziona]

<a href="http://sitochevuoiraggiongere" target="_blank"><img src="persorsoimmaginedainserire" width="16" height="16" border="0" /></a>

Ok, la licenza non è un problema.

Questo codice che mi hai dato, devo posizionarlo in basso a DESTRA, sul footer nero, come imposto quindi il codice HTML e il CSS?

P.S. Il testo che mi hai fatto spostare a sinistra, adesso è in alto, e troppo fuori dalla parte di sinistra, come mai? Non ho toccato nessun valore!

Altra richiesta (lo sò sono uno stress, ma non ho nessuno che mi aiuti):
Devo cambiare gli sfondi del sito, poichè devo portarlo scuro; ho cambiato questo parametri:

Codice: [Seleziona]

background: #fff;
}

body.contentpane {
background: #fff;
da #fff a #1d1d1d ma il colore non cambia, perchè?

[adottauncane]

Il codice che ti ho postato lo inserisci così dove c'è/c'era la scritta che rimanda al sito del costruttore, nel file template.php:

Codice: [Seleziona]

<?php echo $mainframe->getCfg('sitename') ;?>, Powered by <a href="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a> and designed by SiteGround <a href="http://www.siteground.com/" target="_blank" class="sgfooter">web hosting</a>
    <a href="http://sito" target="_blank"><img src="persorsoimmagine" width="16" height="16" border="0" /></a>
 <?endif;?>
Non lo so, il codice lo allineava solo a sinistra e aggiungeva un po' di padding per non farlo finire all'inizio dell'immagine... non lo sposta in alto... qualcosa avrai toccato...

Per lo sfondo devi aggiungere il background qui ma oppure modificare l'immagine che lo forma, che sarebbe meglio:
template.css (riga 342)

Codice: [Seleziona]

.content_m {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #1D1D1D; <----- aggiungi
    background-image: url("../images/content_m.gif"); <----- modifica
    background-position: center top;
    background-repeat: repeat-y;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
e poi non basta ancora devi modificare le immagini che fanno da intestazione ai menù url("../images/box_h3.png") che hanno un pezzo di sfondo e magari anche queste url("../images/box_b.png")...

Poi dovrai cambiare il colore dei testi, magari modificare anche lo sfondo dietro
template.css (riga 101)

Codice: [Seleziona]

#wrapper {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #F0EFEF;
    background-image: url("../images/wrapper.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

Forse ti conviene scaricare Firebug per Firefox e procedere alle modifiche un pezzo alla volta.

[Spains]

Guarda come si vede la barra:
http://img829.imageshack.us/img829/3923/immaginexne.jpg

Noi dobbiamo abbassare il tutto, le icone devono essere centrate in altezza con le scritte e devono essere spostate a destra. come quà: www.giorgioprezioso.com (Guarda il footer, in basso)


Per lo sfondo io dovrei fare scuro solo la parte all'interno, e non quella fuori il "container" se così vogliamo chiamarlo. Ho provato a impostare solamente lo sfondo ma viene uno schifo, il colore esce dal cosiddetto "container" e quindi penso che forse si vuole l'immagine. Ma che immagine ci vuole?

[adottauncane]

Per la prima domanda non riesco ad aiutarti con precisione finché non pubblichi il sito... Ma con firebug dovresti capire anche da solo cosa modificare per correggere l'allineamento.

Devi modificare l'immagine che forma lo sfondo:

Codice: [Seleziona]

background-image: url("../images/content_m.gif"); <----- modifica
Se leggi attentamente il post precedente c'è scritto tutto. 

[Spains]

Per la prima domanda non riesco ad aiutarti con precisione finché non pubblichi il sito... Ma con firebug dovresti capire anche da solo cosa modificare per correggere l'allineamento.

Devi modificare l'immagine che forma lo sfondo:

Codice: [Seleziona]

background-image: url("../images/content_m.gif"); <----- modifica
Se leggi attentamente il post precedente c'è scritto tutto. 

Ok, solo che è piccola, dovrò esaminarla, magari ingrandendola.

Cavolo, mi serve da riparare il primo punto, non riesco a capire, e nemmeno tu, il perchè di questo bug.

Il download a questo programma puoi passarmelo per favore?

[adottauncane]

Che bug? Non è moca un bug... è solo da sistemare...
Di Firebug? Scrivi Firebug per Firefox su Google. È un'estensione di Firefox e serve per ispezionare il codice css.