Countdown v3.0

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,627
    Activity Level
    +1

    Status
    Online
    CITAZIONE (Paralizer @ 24/1/2019, 20:41) 
    Il codice del countdown é personalizzabile.

    Quale codice ? In colori e Stili non c'é nulla.... mi sono perso qualcosa ? :unsure:

    L'ho inserito qui: https://skin74.forumfree.it/?f=64917374

    Help....

    ;)

    @Arthur Boss Camelot: Ho inserito anche la tua tabella nel sito di prova, ma senza poter customizzare il CountUp non sarà facile inserirlo.... :(
     
    Top
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    2,944
    Activity Level
    0

    Status
    Offline
    Grazie...e dico davvero....scusatemi.
     
    Top
    .
  3.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,190
    Activity Level
    +60

    Status
    Anonymous
    CITAZIONE (Akom74 @ 24/1/2019, 20:49) 
    CITAZIONE (Paralizer @ 24/1/2019, 20:41) 
    Il codice del countdown é personalizzabile.

    Quale codice ? In colori e Stili non c'é nulla.... mi sono perso qualcosa ? :unsure:

    L'ho inserito qui: https://skin74.forumfree.it/?f=64917374

    Help....

    ;)

    Se vai a modificare le classi dei singoli blocchi la grafica di default viene rimossa e ne puoi creare una tua (basta sostituire la classe "block_now" con una a tuo piacimento).
     
    Top
    .
  4.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,627
    Activity Level
    +1

    Status
    Online
    CITAZIONE (Paralizer @ 24/1/2019, 20:57) 
    Se vai a modificare le classi dei singoli blocchi la grafica di default viene rimossa e ne puoi creare una tua (basta sostituire la classe "block_now" con una a tuo piacimento).

    Capisco, grazie Paralizer.

    Credevo di dover mettere !important ovunque per uscirne vivo....XD...

    ;)
     
    Top
    .
  5.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,627
    Activity Level
    +1

    Status
    Online
    @Paralizer o chiunque possa illuminarmi in merito: Qui ho modificato quello che potevo --> https://skin74.forumfree.it/?f=64917374

    Non so perché, ma non sembra esserci verso di allineare le voci del Counter.

    Help me, and Arthur.... :P

    ;)
     
    Top
    .
  6.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,190
    Activity Level
    +60

    Status
    Anonymous
    Sostituisci le classo "block_now" con "block_s"
    e nel css sostituisci .countdown .block_now con .countdown .block_s
    dovresti risolvere il problema.
    CODICE
    .countdown .block_s {
       text-align: center;
       display: inline-block;
       font: bold 12pt/180% 'Trebuchet MS', Sans-serif;
       letter-spacing: 2px;
       padding: 5px 5px;
       color: #000;
       background: transparent;
    }
     
    Top
    .
  7.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,627
    Activity Level
    +1

    Status
    Online
    Buongiorno Paralizer.

    Grazie infinite, sembra funzionare :D :D

    Anche a me era venuto in mente di cambiare classe, ma non mi sono fidato visto che nella guida non si accenna alle varie classi usate.

    ;)
     
    Top
    .
  8.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    2,944
    Activity Level
    0

    Status
    Offline
    Grazie
     
    Top
    .
  9.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    16,112
    Activity Level
    +1

    Status
    Anonymous
    Ho inserito qui lo script mettendo il seguente codice in css
    CODICE
    .block {display: inline-block; font: bold 30pt/180% 'Trebuchet MS', Sans-serif; letter-spacing: -4px; padding: 0 13px 0 9px; color: #FFF; background: url('http://digilander.libero.it/elgringoforumfree/FFMagazine/countdown_bg.png') no-repeat top center; min-width: 80px}
    .countdown_layout {background:url('https://dumpshare.net/images/2617697xmas.jpg')}
    .block span {display: block; margin-top: -15px; font-size: 13pt; color: #1B1B1B; letter-spacing: 0}

    Perché l'immagine di background appare 3 volte? Vorrei mettere un'immagine rettangolare sotto come background più o meno così
    Cattura_8
     
    Top
    .
  10.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,190
    Activity Level
    +60

    Status
    Anonymous
    Prova con un codice del genere:
    CODICE
    .countdown_layout {background:url('https://dumpshare.net/images/2617697xmas.jpg');background-size:cover;width:420px;height:100px;padding:10px;}

    Ovviamente l'immagine deve essere 420px x 100px
     
    Top
    .
  11.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    16,112
    Activity Level
    +1

    Status
    Anonymous
    Ho tolto il padding perché mi sfocava l'immagine, ti ringrazio. Per caso nella versione mobile del forum si può inserire qualcosa? Invece sul forum versione desktop è possibile diminuire l'opacità dei quadrati in modo da far vedere meglio l'immagine di background? ^^
     
    Top
    .
  12.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,190
    Activity Level
    +60

    Status
    Anonymous
    CODICE
    .countdown_layout > .block_now{opacity:0.8;}
     
    Top
    .
  13.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    16,112
    Activity Level
    +1

    Status
    Anonymous
    Grazie mille ^_^ Per il mobile nulla?
     
    Top
    .
  14.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,190
    Activity Level
    +60

    Status
    Anonymous
    Per la mobile devi incollare gli stessi codici sulla mobile dove vuoi che appaia.
     
    Top
    .
  15.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    16,112
    Activity Level
    +1

    Status
    Anonymous
    L'ho inserito ma è troppo largo, mi escono tre quadrati vicino ed un altro va a capo. E' possibile renderlo più piccolo?
     
    Top
    .
109 replies since 16/10/2013, 11:58   12027 views
  Share  
.
Top