Back to top

Autore Topic: modificare template?  (Letto 2092 volte)

Offline DJ-HACK-PSP

  • Appassionato
  • ***
  • Post: 223
    • Mostra profilo
modificare template?
« il: 20 Lug 2010, 14:27:06 »
salve a tutti...vorrei modificare il template che ho messo sul mio sito : www.worldofhack.altervista.org
il tema è questo : http://www.joomla.it/template/elenco-template/4111-badlernvidcom.html

voglio cambiare lo sfondo quello dietro nero e la parte sopra dove c'è scritto il nome del sito mettendo un'altra immagine.. come si fa??

come si fa anche a cambiare il logo quello vicino a dove scrvi il sito??

Offline luca219

  • Appassionato
  • ***
  • Post: 302
  • Sesso: Maschio
    • Mostra profilo
Re:modificare template?
« Risposta #1 il: 20 Lug 2010, 16:18:54 »
ciao,
non ho avuto tempo di installare il template, cmq per modificare la scritta se non ha dei parametri di configurazione direttamente il template(estensioni-gestione template-selezioni il template) è probabile che tu possa modificare da sito-configurazione-sito-nome sito.
Per modificare l'immagine devi cambiare l'immagine header.jpg dentro la cartella images del template, quindi puoi modifcare direttamente l'archivio zip che hai scaricato e poi reinstallarlo, oppure andare in images del template con client ftp.

adottauncane

  • Visitatore
Re:modificare template?
« Risposta #2 il: 20 Lug 2010, 21:40:30 »
Ciao
una parte dell'immagine del logo la trovi qui:
template.css (riga 36)
Codice: [Seleziona]
#header  {
background-image:url("../images/header.jpg"); <------
background-position:center top;
background-repeat:no-repeat;
height:250px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1180px;
min-width:980px;
}
Le estremità delle ali sono qui:
template.css (riga 26)
Codice: [Seleziona]
#header_container  {
background-color:transparent;
background-image:url("../images/header_container.jpg"); <----------
background-position:center top;
background-repeat:no-repeat;
height:250px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:100%;
}

Lo sfondo nero è qui:
template.css (riga 18)
Codice: [Seleziona]
#wrapper  {
background-color:transparent;
background-image:url("../images/bg.jpg"); <--------
background-position:center top;
background-repeat:no-repeat;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:100%;
}
Però se vuoi un colore devi aggiungere background: #FFFFFF;

Un altra immagine per la parte centrale è qui:
template.css (riga 119)
Codice: [Seleziona]
#container  {
background-image:url("../images/container.gif");
background-position:center top;
background-repeat:repeat-y;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1180px;
min-width:980px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
}
Un'altra qui:
template.css (riga 295)
Codice: [Seleziona]
#content  {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#000000; <--------- per cambiare colore
background-image:url("../images/content.jpg"); <-------
background-position:center top;
background-repeat:repeat-y;
border-bottom-color:#111111;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#111111;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:1px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#111111;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
border-top-color:#111111;
border-top-style:solid;
border-top-width:1px;
color:#555555;
min-height:600px;
padding-bottom:0;
padding-left:10px;
padding-right:10px;
padding-top:0;
}

Prima di procedere con le modifiche ti conviene aprire questi file con un programma di foto ritocco, studiarteli e vedere cosa vuoi fare. Ti conviene anche scartabellare a fondo i .css con Firebug per capire se vale la pena apportare tutti i cambiamenti o se cercare un template più vicino alle tue esigenze...

adottauncane

  • Visitatore
Re:modificare template?
« Risposta #3 il: 20 Lug 2010, 21:48:21 »

Offline DJ-HACK-PSP

  • Appassionato
  • ***
  • Post: 223
    • Mostra profilo
Re:modificare template?
« Risposta #4 il: 21 Lug 2010, 15:39:44 »
favicon cambiato... ;D ... adesso mi metto al lavoro x le altr cosuccie..

Offline DJ-HACK-PSP

  • Appassionato
  • ***
  • Post: 223
    • Mostra profilo
Re:modificare template?
« Risposta #5 il: 21 Lug 2010, 15:55:44 »
ho fatto cosi : ma non succede niente ..HELP!

#wrapper {
   background-image: url('../images/tutte-le-console.jpg'); <------
   background-position:center top;
   background-repeat: no-repeat;
   width:100%;
   margin: 0 auto;
   background-color: transparent;
}

ho voluto cambiare lo sfondo nero..

1) ho messo la foto chiamata : tutte-le-console su images via ftp e ho tolto  ('.../images/bg.jpg'); ..
ed ho fatto cosi su :

#wrapper {
   background-image: url('../images/tutte-le-console.jpg');
   background-position:center top;
   background-repeat: no-repeat;
   width:100%;
   margin: 0 auto;
   background-color: transparent;
}
giusto?

ma non succede niente al sito!! HELP

adottauncane

  • Visitatore
Re:modificare template?
« Risposta #6 il: 21 Lug 2010, 17:06:44 »
 :) Succede esattamente quello che hai modificato e cioè l'immagine è visibile nel wrapper... Naturalmente con una risoluzione video 1680x1050, Con una risoluzione minore è probabile che tu non lo veda... ma perché hai messo un'immagine nel wrapper? Non volevi cambiare l'intestazione? E solo il colore allo sfondo?
Ti converrebbe studiarti bene i .css del template e le sue immagini per capire se e come modificarle... usa Firebug e prova prima di lì...

 



Web Design Bolzano Kreatif