Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
[WordPress] Effetto rollover con info
#1
Buondì,
avrei bisogno di crear una pagina wordpress che funzioni in modo simile a QUESTA.
In particolare mi piacerebbe di poter inserire l'immagine di un AMBASSADOR e, al rollover, mostrare le info.
Ad esempio al rollover sulla foto spunta un bg colorato e un testo: 
MATRIZ
Web Developer. 
Teoricamente nn occorre che l'immagine abbia un collegamento ipertestuale.
Sai se esiste un plugin/script che fa già qualcosa del genere?

Grazie
Chand
Cita messaggio
#2
Se ti serve avere la gestione degli ambassador, dovresti utilizzare i Custom Post Type (qui puoi leggere una delle mille guide che si possono trovare), altrimenti puoi creare una pagina normale e ci inserisci all'interno il codice HTML che ti serve per avere l'elenco degli ambassador.
Per quanto riguarda l'effetto, non ho capito di quale si tratta perché non ne vedo su quella pagina.
Mattia!
Cita messaggio
#3
Ciao, intanto grazie della dritta! Smile
L'effetto non è presente nella pagina che ti ho segnalato, come ti spiegavo prima mi piacerebbe che al rollover ci fosse un bg colorato e sopra il testo che da le info sull'ambassador, ma senza collegarsi a nessun'altra pagina. Suppongo che sia tutto CSS, ma nel caso dove dovrei implementarlo?
Cita messaggio
#4
Avendo come codice HTML per ogni ambassador una cosa del genere:
Codice:
<article class="ambassador">
    <img src="/path/image.jpg" alt="Ambassador" />
    <div class="text">
        <h1>Titolo</h1>
        <p>Descrizione</p>
    </div>
</article>

Questo codice CSS dovrebbe restituire l'effetto da te cercato.
Codice:
.ambassador{
    position: relative;
}
.ambassador .text{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F00;
}
.ambassador:hover .text{
    display: block;
}
Mattia!
Cita messaggio
#5
Ciao Mattia,
mi ero dimenticato di risponderti... alla fine ho risolto creando un custom post, come da te spiegato.
Questo è il risultato:
http://www.sambadiclothing.com/ambassador/

Grazie mille
Chand
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  Info effetto griglia javascript Chandler 6 14.019 15/10/2015 16:34
Ultimo messaggio: Mattia
  Effetto JS tipografico Chandler 4 8.938 20/04/2015 18:33
Ultimo messaggio: Chandler
  rollover con testo editabile Chandler 2 6.506 22/04/2014 09:36
Ultimo messaggio: Chandler
  Effetto CSS opacizzazione immagini! Naroku95 3 9.082 31/10/2011 14:48
Ultimo messaggio: Mattia

Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)