Visualizzazione risultati 1 fino 3 di 3

Discussione: Eliminare effetto glossy tema mobile

  1. #1
    Guest

    Predefinito Eliminare effetto glossy tema mobile

    Siccome è il mio primo post, ne approfitto per salutare tutti

    Vorrei sapere se è possibile eliminare l'effetto glossy dalla barra superiore del tema mobile di Altervista (immagino basato su WP Touch Pro, visto che c'è il plugin, ma è "disattivato"). Dalle impostazioni del tema si può fare poco e nulla, solo cambiare icona e colore de titolo.
    Il tema è perfetto, riprende quello desktop e mi va benissimo, solo vorrei che quella barra fosse "piatta" e non stile iOS
    Se non c'è qualche "trucchetto", prevedete aggiornamenti futuri? Magari sulla scia della nuova dashbord, a proposito, fantastica

    Ciao

    EDIT: per intenderci, vorrei che questa parte avesse un colore "piatto", uniforme, senza gli "effetti luce" alla iOS.... (Anche su Android su vede allo stesso modo).
    Ultima modifica di digitalcorner : 06-09-2013 alle ore 11.51.31 Motivo: Aggiunti dettagli

  2. #2
    Guest

    Predefinito

    Grazie lo stesso, alla fine ho risolto da me, anche se la soluzione non mi sembra delle migliori Ho modificato il CSS (non è delle migliori perchè immagino che le modifiche si perderanno appena verrà aggiornato il tema).

    Praticamente l'effetto era ottenuto sovrapponendo un'iimagine semitrasparente ai vari elementi.

    Riporto qui tute le modifiche che ho fatto:

    In #mobile-nav ho commentato (// prima della riga)
    Codice:
    background-image: url(./images/glossy.png);
    In a#mobile-menu-toggle
    Codice:
    background: black url(./images/button-bg.png) repeat-x 0 -2px;
    è diventato
    Codice:
    background: black repeat-x 0 -2px // url(./images/button-bg.png);
    (Sempre commentando, in modo da rendere "reversibili" le modifiche)


    In #mobile-menu-tab-inner-wrap-right
    Codice:
    background: black url(./images/button-bg.png) repeat-x 0 -1px;
    diventa
    Codice:
    background: black repeat-x 0 -1px // url(./images/button-bg.png);
    In #mobile-menu-tab-inner-wrap-left
    Codice:
    background: #464646 // url(./images/button-bg.png) repeat-x 0 -1px;
    diventa
    Codice:
    background: #464646 repeat-x 0 -1px // url(./images/button-bg.png);
    in #mobile-menu-tab-bar
    Codice:
    background: #bbb url(./images/tab-bar/bar-bg.png) repeat-x 0 -4px;
    diventa
    Codice:
    background: #bbb repeat-x 0 -4px // url(./images/tab-bar/bar-bg.png);

    Questo è l'effetto finale, l'effetto "glossy", per me fastidioso è sparito rendendo il tema quasi flat


  3. #3
    fearmax non è connesso Utente giovane
    Data registrazione
    18-05-2013
    Messaggi
    35

    Predefinito

    bello, complimenti

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •