Visualizzazione risultati 1 fino 2 di 2

Discussione: Title onmouseover

  1. #1
    Guest

    Predefinito Title onmouseover

    Ciao, mi interessa sapere come creare titoli come questi o meglio come avere la freccia pendente sotto, fin'ora sono riuscito a creare un titolo che però non ha una posizione fissa e non ha la freccia pendente. In poche parole mi interessa sapere come fissare una posizione ai titoli e come settarli come nell'immagine postata (solo mettere la freccia pendente).

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    In passato cose del genere si realizzavano con immagini statiche o composizione di queste, attualmente vengono realizzati integralmente con questi fogli di stile.
    La soluzione più semplice e compatibile è quella di usare uno pseudo elemento largo e alto zero, con bordo molto spesso (pari all'altezza del triangolo), ma definire per questo solo quello superiore colorato, trasparente per gli altri tre lati. In questo modo verrà visualizzato un triangolo isoscele rettangolo con l'angolo retto rivolto verso il basso, interamente colorato. Per creare l'effetto del bordo, sarà sufficiente l'uso di un altro pseudo elemento con brodo leggermente più sottile colorato del colore di sfondo dell'elemento padre.
    Per maggiori informazioni: http://lmgtfy.com/?q=css+tooltip+arrow.

Regole di scrittura

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