Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di z3n
    Registrato dal
    May 2008
    Messaggi
    61

    Bootstrap carousel a tutto schermo e caption-font

    Ciao a tutti,
    sto usando carousel bootstrap e ho due problemi:
    - vorrei inserire un tasto all'interno della galleria in modo da vedere la galleria a tutto schermo e non so some potrei fare
    - vorrei cambiare il font delle didascalie (caption) delle immagini, ma inserendo il font-family nel relativo css non funziona.
    Spero che la sezione del forum sia adeguata.
    Grazie

  2. #2
    Utente di HTML.it L'avatar di shane007
    Registrato dal
    Jun 2011
    residenza
    Trentino, tra vacche ed aria buona.
    Messaggi
    55
    Per la prima domanda: http://lmgtfy.com/?q=bootstrap+3+carousel+full+screen

    Per la seconda: sei sicuro di aver messo il tuo file css personalizzato DOPO quello di bootrsap? Se si controlla di aver "puntato" correttamente il testo all'interno del carusel. Magari assegnali un ID così è più facile!
    Siamo nel 2014, ci sono tante belle cose come Google, CodePen, Stackoverflow, ecc. Perché non usare?

  3. #3
    Utente di HTML.it L'avatar di z3n
    Registrato dal
    May 2008
    Messaggi
    61
    Ciao,
    intanto ti ringrazio per la risposta.
    per quanto riguarda la prima domanda, mi sono spiegato male, intendevo un bottone per poter eventualmente visualizzare le foto a tutto schermo, come quelli presenti sui vari social network (non sono sicuro di poter fare nomi sul forum) che permettono di visualizzare la foto a tutto schermo, non la visualizzazione fissa a schermo intero della gallery.
    per la seconda, ho verificato, il problema è che sto usando un go**le font inserito come riportato qui di seguito:
    html:
    codice:
    <head>
    <style type="text/css">
    		<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    </head>
    </style>
    
    ... <body>
     ..... 
     <div class="carousel-caption">
            <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris neque.</h4>
          </div>
    ....
    </body>
    css:
    codice:
    .carousel-caption {
      font-family: 'PT Sans','sans-serif';
    }
    e sostituendo 'PT Sans','sans-serif' con Times new Roman funziona. Quindi o sbaglio ad includere il font nel caption oppure non saprei

  4. #4
    Ciao,

    se non è un refuso da copia/incolla, correggi il codice in head:

    codice HTML:
    <head>
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    </head>

    Il tag style non è inserito in modo corretto.

  5. #5
    Utente di HTML.it L'avatar di z3n
    Registrato dal
    May 2008
    Messaggi
    61
    Hai ragione, ora funziona, perfetto! Rimane la questione del fullscreen

  6. #6
    Utente di HTML.it L'avatar di shane007
    Registrato dal
    Jun 2011
    residenza
    Trentino, tra vacche ed aria buona.
    Messaggi
    55
    Allora potresti farlo con un modal (http://getbootstrap.com/javascript/#modals-sizes) e all'interno di questo metti il carusel.
    Il risultato è questo: http://noreiller.github.io/bootstrap...-carousel.html
    Siamo nel 2014, ci sono tante belle cose come Google, CodePen, Stackoverflow, ecc. Perché non usare?

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.