Countdown v3.0

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Activity Level
    +9
    Location
    Far West

    Status
    Offline
    Il colore di cosa? Del testo o dello sfondo?
     
    Top
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,553
    Activity Level
    0
    Location
    Altamura

    Status
    Offline
    dello sfondo....
     
    Top
    .
  3.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    8,034
    Activity Level
    0
    Location
    Her Heart! ❤

    Status
    Online
    In questo codice che sta in colori e stili:

    CODICE
    .countdown {width: 300px; background: linear-gradient(to bottom, rgb(162, 133, 137) 0%, rgb(52, 25, 27) 100%); border-radius: 7px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px rgba(162, 133, 137, 0.3) inset, 0 2px 5px rgba(0, 0, 0, 0.2); padding: 15px; font: 12pt/100% 'Trebuchet MS', Tahoma, Sans-serif; color: #fff; text-shadow: 0 -1px 0 #381E20}


    modifica questa parte qui:
    CODICE
    background: linear-gradient(to bottom, rgb(162, 133, 137) 0%, rgb(52, 25, 27) 100%)


    Puoi anche mettere direttamente l'esadecimale del colore che vuoi usare nel background.
     
    Top
    .
  4.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,553
    Activity Level
    0
    Location
    Altamura

    Status
    Offline
    grazie...ma scusa l'ignoranza, ma in che modo lo devo modificare??? se ad es. lo voglio nero???
     
    Top
    .
  5.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    18,911
    Activity Level
    0
    Location
    Los Angeles

    Status
    Anonymous
    Carino e semplice.. serviva proprio un count-down per il circuito non complicato e funzionante.
    Ma segnalo due bug: 1) dai cellulari si vede solo la scritta "Mancano giorni ore minuti e secondi", no orologio no aggiunte. 2)stessa cosa ( se messo sotto il Logo, come ho fatto io in due forum, quindi visibile ovunque) da dentro gli mp o da dentro le sezioni protette.
     
    Top
    .
  6.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,375
    Activity Level
    0

    Status
    Anonymous
    Il countdown si aggiorna alla versione 2.0! Andate a leggere le novità! #entry544653476
     
    Top
    .
  7.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    12,185
    Activity Level
    0

    Status
    Anonymous
    CITAZIONE (Frostman @ 14/2/2014, 18:00) 
    Il countdown si aggiorna alla versione 2.0! Andate a leggere le novità! #entry544653476

    Complimenti per la versione 2.0, ora è molto meglio.
     
    Top
    .
  8. giovamyroseanni
         
     
    .

    User deleted


    frostman io vorrei mettere in una sola riga i quattro quadratini con le cifre come devo fare?
     
    Top
    .
  9.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,375
    Activity Level
    0

    Status
    Anonymous
    QUOTE (giovamyroseanni @ 16/2/2014, 18:45) 
    frostman io vorrei mettere in una sola riga i quattro quadratini con le cifre come devo fare?

    Uhm... Puoi specificare meglio?
     
    Top
    .
  10. giovamyroseanni
         
     
    .

    User deleted


    li vorrei mettere tutti e quattro uno vicino all'altro in modo che il riquadro che li contiene assumi una forma rettangolare
     
    Top
    .
  11.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,375
    Activity Level
    0

    Status
    Anonymous
    Quindi intende mantenere lo stesso template, riducendo lo spazio tra ogni rettangolo? Se è sì, le basta agire sui CSS inseriti.
    CODE
    .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}
    .block span {display: block; margin-top: -15px; font-size: 13pt; color: #1B1B1B; letter-spacing: 0}

    Sulla classe .block, le basta aggiungere la proprietà margin-right, con valore -30px.
     
    Top
    .
  12. giovamyroseanni
         
     
    .

    User deleted


    alla modifica che mi hai suggerito tu ho aggiunto la proprietà margin-left perchè solo con margin-right uno dei tre quadratini rimaneva sotto gli altri tre
    adesso li ho sistemati tutti e quattro in riga però sotto attaccati tra di loro e io li vorrei mettere separati(esattamente come si vedono nell'anteprima)
     
    Top
    .
  13.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,375
    Activity Level
    0

    Status
    Anonymous
    Se li vuoi separati come nell'anteprima ti basta rimuovere i margin che hai impostato.
     
    Top
    .
  14. giovamyroseanni
         
     
    .

    User deleted


    scusami ma se tolgo le due proprietà dal css il countdown torna a essere come prima cioè con due quadratini sopra e due sotto
    nell'anteprima i quadratini sono tutti e quattro in riga e sono separati tra di loro ed è così che io li vorrei mettere
     
    Top
    .
  15.      
     
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Activity Level
    +9
    Location
    Far West

    Status
    Offline
    Nel codice CSS che hai inserito sul tuo forum (in Colore e Stili), apporta la seguente modifica:
    - in .countdown modifica il valore width: 300px in width: 450px

    Dovrebbe andare bene ^_^
     
    Top
    .
109 replies since 16/10/2013, 11:58   12027 views
  Share  
.
Top