Cambio Skin Dinamico

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Member

    Group
    Member
    Posts
    353
    Activity Level
    0
    Location
    Trento

    Status
    Offline
    up
     
    Top
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    9,305
    Activity Level
    0
    Location
    Starfleet

    Status
    Offline
    E' possibile mettere un'immagine a destra e una a sinistra?
     
    Top
    .
  3.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    9,305
    Activity Level
    0
    Location
    Starfleet

    Status
    Offline
    Ok, ci ho provato e non funziona. La skin rimane esattamente la stessa
     
    Top
    .
  4.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    50,301
    Activity Level
    0
    Location

    Parte nopeo e
    parte napoletano

    Status
    Anonymous
    Ciao,
    volevo dare l'opportunità di utilizzare una skin un po piu larga a coloro che utilizzano monitor di grandi risoluzioni ed ho provato ad utilizzare questo script ma non riesco a farlo funzionare.
    Mi spiego,
    Nella nostra skin originale la larghezza della board è la seguente:
    CODICE
    .container, .tabs.top, .tabs.bottom {width: 1024px}


    nella seconda skin invece imposto questa:
    CODICE
    .container, .tabs.top, .tabs.bottom {width: 85% }


    Ho notato che se imposto un valore inferiore a quello della skin originale (ad esempio 800px) lo script funziona perfettamente ma, invece, impostando una dimensione superiore (ad esempio 1640px oppure anche una dimensione in percentuale) non funziona nè con Chrome e nè con Firefox, ma funziona con Safari su tablet e smart.

    Da cosa potrebbe dipendere?
    Grazie anticipatamente ;)

    PS
    la funzione è in test qui:
     
    Top
    .
  5.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    Perché nel codice che hai sul forum non è width, ma max-width
    .container, .tabs.top, .tabs.bottom { max-width: 1024px }
    Ti basta semplicemente togliere il max-
     
    Top
    .
  6.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    50,301
    Activity Level
    0
    Location

    Parte nopeo e
    parte napoletano

    Status
    Anonymous
    CITAZIONE (bored @ 30/5/2014, 14:04) 
    Perché nel codice che hai sul forum non è width, ma max-width
    .container, .tabs.top, .tabs.bottom { max-width: 1024px }
    Ti basta semplicemente togliere il max-

    Grazie della risposta ma come riportavo sopra il codice che ho è questo:
    CODICE
    .container, .tabs.top, .tabs.bottom {width: 1024px}

    ;)
     
    Top
    .
  7.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    Io vedo questo:
    qqmPYM9

    Magari ti riferisci a un altro pezzo di codice, non so, però modificando quello che ti ho indicato si sistema.
     
    Top
    .
  8.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    50,301
    Activity Level
    0
    Location

    Parte nopeo e
    parte napoletano

    Status
    Anonymous
    :D
    Se non avessi letto LARGHEZZA BOARD SEZIONE ARCHIVIO O&P avrei detto che avevi sbagliato forum, guarda ...

    [IMG][/IMG]

    Comunque ti ho aggiunto in amministrazione cosi' puoi guardare anche tu, altrimenti sembra incredibile :D
    http://sportzone.forumfree.it/
     
    Top
    .
  9.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    A quanto sembra è un problema di ForumFree, ho segnalato la cosa.
     
    Top
    .
  10.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    50,301
    Activity Level
    0
    Location

    Parte nopeo e
    parte napoletano

    Status
    Anonymous
    Ok, grazie.
     
    Top
    .
  11.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    CITAZIONE (Amnesiac @ 31/5/2014, 10:32)
    Nel caso specifico di oysterman basta mettere un diverso ordine delle classi e la modifica automatica non viene applicata:
    CODICE
    .tabs.top, .tabs.bottom, .container {width: 85%}


    Edited by SUPREMO KING - 31/5/2014, 11:26
     
    Top
    .
  12.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    50,301
    Activity Level
    0
    Location

    Parte nopeo e
    parte napoletano

    Status
    Anonymous
    CITAZIONE (bored @ 31/5/2014, 11:04) 
    CITAZIONE (Amnesiac @ 31/5/2014, 10:32)
    Nel caso specifico di oysterman basta mettere un diverso ordine delle classi e la modifica automatica non viene applicata:
    CODICE
    .tabs.top, .tabs.bottom, .container {width: 85%}

    Purtroppo non va neanche cosi' ...
    :cxz:

    CODICE
    <script type="text/javascript"><!--
    // ===================================
    // Cambio skin dinamico (compatibile con Forumfree)
    // Realizzato da _Lati_
    // (C) 2012 http://ffmagazine.forumfree.it/
    // Versione 1
    // =================================== -->
    function def() {
           document.write();
    }
    function skin1() {
                   document.write("<style>.tabs.top, .tabs.bottom, .container {width: 85%}</style>");
    }
    if (localStorage.getItem('skin') === null) {
           localStorage.setItem('skin','def');
    }
    else if (localStorage.getItem('skin') === 'def') {
           null
    }
    else if(localStorage.getItem("skin") == "skin1") {
           skin1();
    }
    </script>

    <script type="text/javascript">
    if (navigator.appName=="Microsoft Internet Explorer")
    {
    document.write('<style>#switch {display: none}<\/style>');
    }
    </script>
    <div id="switch">
    <div><a href="" onclick="def();localStorage.setItem('skin','def')"><img src="http://www.orologiepassioni.com/listing/skin2/immagini/mon1.png" /></a><span>Skin 1024px</span></div>
    <div><a href="" onclick="skin1();localStorage.setItem('skin','skin1')"><img src="http://www.orologiepassioni.com/listing/skin2/immagini/mon2.png"></a><span>Skin relativa</span></div></div>
     
    Top
    .
  13.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    Ho sistemato io :D
     
    Top
    .
  14.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    50,301
    Activity Level
    0
    Location

    Parte nopeo e
    parte napoletano

    Status
    Anonymous
    CITAZIONE (bored @ 3/6/2014, 13:54) 
    Ho sistemato io :D

    Ajh, grazie, ma dovresti dirmi cos'è che non andava perchè ho provato a passarlo sul forum definitivo ( http://orologi.forumfree.it ) e non funziona ...
    :D

    Edited by oysterman - 3/6/2014, 19:00
     
    Top
    .
  15.      
     
    .
    Avatar

    Member

    Group
    Member
    Posts
    196
    Activity Level
    0

    Status
    Offline
    qualcuno mi può spiegare, non ho capito come funziona XD :gnegne:
     
    Top
    .
90 replies since 9/5/2012, 13:52   5097 views
  Share  
.
Top