Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    19

    Cambio Colore Dei Bordi Di Una Foto Al Passaggio Del Mouse

    Salve. Ho una pagina web in formato php. All'interno di questa pagina ci sono delle foto.

    Io vorrei che queste foto abbiano i bordi che cambino colore al passaggio del mouse.
    Attualmente ho un codice preso dal vostro sito ma sono costretto a fare due immagini con i colori di bordi diversi...e vorrei poter risparmiare tempo.

    Ho trovato in un sito questa opzione ai bordi delle foto, ma purtroppo non funziona. Ho provato a mettere lo script ma mi da l'errore quando voglio vedere l'anteprima. http://www.ashley-t.com/ (come potete vedere le foto hanno un bordo grigio appena passa il mouse diventa giallo, appena va via diventa blu.)

    Poi volevo chidervi un'altra cosa. Sempre nel sito di prima ho notato che ci sono parole sottolineate, ma la sottolineatura ha un colore diverso rispetto al colore della parola (la parola è verde e la sottolineatura gialla). Come posso fare?

    Grazie mille anticipatamente. Spero possiate fornirmi dei codici in script o cmq codici da inserire nella pagina CSS.

    Scusate ma sono un po impedito.

    Spero di ricevere tante risposte. Tutti in giro per il web nn si degnano di rispondere e voi che siete un grande sito dovreste potermi dare una mano.

    PS: Sono riuscito ad avere la sottolineatura con un colore diverso, ma funziona solo con Mozilla, cn explorer nn funge.

    SCUSATEMI MA NN SO IN CEH SEZIONE POSTARLO.

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Dovrebbe essere sufficiente aggiungere alle immagini (all'interno di link):
    codice:
    class="borderimagesilver" onmouseover="borderit(this,'#fecd6a')" onmouseout="borderit(this,'#76c4ce')"
    Ovviamente borderimagesilver definirà il bordo grigio/argento nel CSS.

    Per il problema delle sottolineatura, indica il codice che hai utilizzato (solo quello interessato), così è più facile capire dove sbagli.

    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    19
    questo è quello ceh ho messo nel css:

    /*--Style--------------------------------------------------*/
    b{ color: #0492a5; }
    i{ color: #9b9b9b; }
    u{ color: #d49820; }
    praticamente faccio
    < u > < b > ciao < / b > < / u >

    su explorer nn m visualizza la sottolineatura.

    PS: naturalmente il tutto mo faccio senza spazi...fra un po t faccio sapere il codice dei bordi.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    19
    cm lo imposto nel css??
    EDIT: XFETTO C SN RIUSCITO.

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    19
    a un'altra cosa insieme a questo

    /*--Style--------------------------------------------------*/
    b{ color: #0492a5; }
    i{ color: #9b9b9b; }
    u{ color: #d49820; }

    avevo aggiunto anche una cosa a caso, che è la seguente:

    source{ color: #d49820; font-weight:bold;}

    come al solito Mozilla me lo da valido explorer no.

    ho voluto fare quel source in modo tale da non scrivere <font colo:"" etc...come posso farlo funzionare anche su explorer? ho provato a richiamarlo con un div class e cn un div id ma la parola che segue me la da a capo...

  6. #6
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Originariamente inviato da Tano*87
    questo è quello ceh ho messo nel css:
    /*--Style--------------------------------------------------*/
    b{ color: #0492a5; }
    i{ color: #9b9b9b; }
    u{ color: #d49820; }
    praticamente faccio
    < u > < b > ciao < / b > < / u >

    su explorer nn m visualizza la sottolineatura.

    PS: naturalmente il tutto mo faccio senza spazi...fra un po t faccio sapere il codice dei bordi.
    :master: Attribuendo due colori diversi a due tag diversi sulla stessa parola, come può scegliere il browser? Quasi sicuramente prende solo l'ultima ([b])...

    O attribuisci i due colori a due stati diversi (:hover, ..) oppure devi definire una classe:
    codice:
    .sottolin { border-bottom-color: #0492a5; }
    
    <span class="sottolin">ciao</span>
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

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 © 2026 vBulletin Solutions, Inc. All rights reserved.