Visualizzazione risultati 1 fino 6 di 6

Discussione: Bordo e fondo nell'immagine/link della top100

  1. #1
    stor non è connesso Utente
    Data registrazione
    11-01-2004
    Messaggi
    146

    Predefinito Bordo e fondo nell'immagine/link della top100

    Ho appena finito di rifare full css la pagina http://stor.altervista.org/pic/pic.htm, mi sono venuti dei bei link tratteggiati con fondo rosa porcello quando si passa sopra con il mouse. Di questo effetto pero' ne risentono anche le due immagini della top100 e del contatore visite di altervista... essendo prodotte da script non posso inserire una class="xyz" nel tag A relativo a queste immagini... si puo' risolvere in qualche modo?

    I link sono settati globalmente cosi':
    Codice:
    a:link    {color:#000099; text-decoration:none; border-bottom:1px dashed #000099}
    a:visited {color:#000099; text-decoration:none; border-bottom:1px dashed #000099}
    a:hover   {color:#000099; text-decoration:none; background-color:#ffcccc; color:#0000FF}
    I due script che producono le immagini cliccabili sono ovviamente:
    Codice:
    <script type="text/javascript" src="http://www.altervista.org/js_tags/contatore.js"></script>
    <script type="text/javascript" src="http://www.altervista.org/js_tags/top100.js"></script>

  2. #2
    L'avatar di NoWhere
    NoWhere non è connesso Moderatore
    Data registrazione
    14-02-2003
    Residenza
    New Balarm
    Messaggi
    4,118

    Predefinito

    l'effetto ke daalle 2 img nn é malvagio! ^__^
    ma ke hai messo nel class top100 ???
    forse te lo da anke li perchè l'img é dentro a un doppio tag div...cmq, bella la pagina!!

  3. #3
    L'avatar di heracleum
    heracleum non è connesso Utente storico
    Data registrazione
    21-01-2004
    Messaggi
    3,333

    Predefinito

    In questo caso puoi mettere gli script che producono link (top100 e contatore) dentro un div con id dunque:

    <div id="div1">
    <script src...></script>
    </div>

    e negli style definire:
    #div1 a:link{ text-decoration: none}

    Ma ancora più comodamente penso (dipende dal layout o dai gusti):
    puoi invertire il discorso,
    cioè metti tutto il contenuto della pagina escluse le barre (con top100, contatori etc) dentro un div id="contenuto"
    e poi applichi gli stili dei tuoi link particolari SOLO al div #contenuto:

    #contenuto a:link {color:#000099; text-decoration:none; ... }
    etc...
    Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)

  4. #4
    stor non è connesso Utente
    Data registrazione
    11-01-2004
    Messaggi
    146

    Predefinito

    NoWhere:
    ma ke hai messo nel class top100 ???
    Un semplice float:right


    heracleum:
    #div1 a:link{ text-decoration: none}
    ...lo sapevo , devo studiarmi meglio la sintassi dei selettori, risolto con:
    Codice:
    .top100 a  {text-decoration:none; background-color:#eeeeee; border:0px}
    Grazie mille :smile: :smile: :smile:

  5. #5
    L'avatar di Xsescott
    Xsescott non è connesso AlterGuru
    Data registrazione
    08-02-2004
    Messaggi
    1,413

    Predefinito

    complimenti stor !!! il tuo sito è molto interessante :)))
    "Quando il potere dell'amore supererà l'amore per il potere il mondo conoscerà la pace" Jimmy Hendrix


    [ Richiesta: http://www.unibologna.eu/ ] --> [Risposta: http://www.magazine.unibo.it/Magazin...al_Portale.htm Morale] -->[ http://www.anti-phishing.it/news/art...s.13062007.php ]
    consoliwebsite.altervista.org

  6. #6
    Guest

    Predefinito

    Io da ignorante avrei creato un nuovo stile, tipo .collegamento con i vari a.collegamento:link, active, visited e hover e avrei lasciato il link tradizionale senza bg sull'hover o altri fronzoli... Devo ancora imparare...

Regole di scrittura

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