Back to top

Autore Topic: [Risolto]Cambiare logo per dispositivi mobile  (Letto 2328 volte)

Offline sydbarret

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
[Risolto]Cambiare logo per dispositivi mobile
« il: 20 Feb 2014, 12:39:57 »
Salve ragazzi, utilizzo un template responsive  (vertex shape 5)  e ho necessità che sotto un certo numero di pixel cambi logo. Qualcuno potrebbe aiutarmi?
« Ultima modifica: 21 Feb 2014, 00:18:48 da sydbarret »

Offline jarhead76

  • Appassionato
  • ***
  • Post: 647
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare logo per dispositivi mobile
« Risposta #1 il: 20 Feb 2014, 15:33:17 »
Non so come funziona vertex, ma dovresti inserire nel file css delle stringhe che collegano il logo ad un'altra immagine in particolare se per smartphone dovresti inserire
Codice: [Seleziona]
@media (max-width: 320px) {
.logo {
background; url nuovo logo;
}
}
Questo è solo un esempio, devi vedere nel tuo template come è collegato il logo.[/code]
Ho imparato a conoscere la mia Provincia da qui agrigentoedintorni.it

Offline sydbarret

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Cambiare logo per dispositivi mobile
« Risposta #2 il: 20 Feb 2014, 23:47:48 »
Grazie della risposta.
Ti posto il link del sito in costruzione: www.mondopresepe.it.

Ho provato ad apportare la modifica nel file s5_responsive.css ma credo di sbagliare nel richiamo del logo:


#s5_logo{


.s5_logo{


Riesci a capire come poterlo richiamare?

Offline jarhead76

  • Appassionato
  • ***
  • Post: 647
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare logo per dispositivi mobile
« Risposta #3 il: 20 Feb 2014, 23:53:28 »
Dando un occhiata a vertex direi #s5_logo, ricordati che devi usare le media query per cambiarlo solo sui dispositivi mobili, tra i css non esiste un file del tipo custom.css?
Ho imparato a conoscere la mia Provincia da qui agrigentoedintorni.it

Offline sydbarret

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Cambiare logo per dispositivi mobile
« Risposta #4 il: 21 Feb 2014, 00:05:18 »
Ti ringrazio per la disponibilità. In realtà non mi serviva solo per i dispositivi mobile. Mi va bene sotto i 300 px.
Comunque ho risolto con la prima opzione che mi hai dato. Ho dovuto cancellare più volte la cache.
Citazione



@media screen and (max-width: 300px){

        #s5_logo {
   background:url("....");

   }

Il file custom.css è presente. Nel caso in cui volessi cambiare solo per i dispositivi mobile che modifica dovrei apportare?

Offline jarhead76

  • Appassionato
  • ***
  • Post: 647
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare logo per dispositivi mobile
« Risposta #5 il: 21 Feb 2014, 00:11:28 »
Direi che per smartphone va bene quella che ti ho fornito come esempio, le modifiche o aggiunta di classi css, ti consiglio di farle in custom.css, cosi se ricevi aggiornamenti del framework puoi salvare le tue personalizzazioni.
Ho imparato a conoscere la mia Provincia da qui agrigentoedintorni.it

Offline sydbarret

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
[Risolto]Cambiare logo per dispositivi mobile
« Risposta #6 il: 21 Feb 2014, 00:16:42 »
Interessante. Non lo sapevo.
Quindi quella modifica che mi hai suggerito posso inserirla direttamente nel file custom.css?


Offline jarhead76

  • Appassionato
  • ***
  • Post: 647
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare logo per dispositivi mobile
« Risposta #7 il: 21 Feb 2014, 00:18:33 »
Sicuramente sarà un file vuoto, comunque la risposta è si, ormai quasi tutti i framework hanno quel file per le personalizzazioni.
Ho imparato a conoscere la mia Provincia da qui agrigentoedintorni.it

Offline sydbarret

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:[Risolto]Cambiare logo per dispositivi mobile
« Risposta #8 il: 21 Feb 2014, 00:19:34 »
Si esatto.
Ti ringrazio ancora. Molto esaustivo e professionale.

Offline jarhead76

  • Appassionato
  • ***
  • Post: 647
  • Sesso: Maschio
    • Mostra profilo
Re:[Risolto]Cambiare logo per dispositivi mobile
« Risposta #9 il: 21 Feb 2014, 00:21:01 »
Di niente, buon lavoro  ;)
Ho imparato a conoscere la mia Provincia da qui agrigentoedintorni.it

 



Web Design Bolzano Kreatif