Back to top

Autore Topic: eliminare sottolineatura link e aggiungere colore quando si passa con il mouse  (Letto 6388 volte)

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
ciao come posso eliminare la sottolineatura su questi link? e poi come faccio a far si che se passo con il mouse su un menu mi faccia l'effetto colorato d'orato come nel menu sotto alla voce contatti?


questo è il link della pgaina di cui parlo:


http://www.lux4you.it/site/home.html 


grazie in anticpo

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
aggiungi al css del sito (o della pagina) questo codice:


Codice: [Seleziona]
a{text-decoration:none;}
a:hover{color:#C69840;}

Il codice è molto generico per cui probabilmente influenzerà anche altri link del sito. Provalo e poi fa le dovute modifiche per adattarlo!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Vedo che come sfondo del template hai usato jquery supersized, bella idea ma ti consiglio di comprimere un po le immagini perchè ci ho messo massimo un minuto a leggere tutto il testo della pagina e la foto si sta ancora caricando!
Mentre scrivo invece si è caricato lo sfondo ma se apro un'altra pagina è sempre la stessa storia...

Una curiosità ot: che metodo hai usato per selezionare un'immagine diversa per ogni articolo? Io ho pensato di utilizzare sempre uno sfondo con il nome dell'id della voce di menu (es. 108.jpg) ma vorrei rendere la cosa più personalizzabile, anche perchè avevo intenzione di mettere online un template più user-friendly o un componente che produce questo effetto!
« Ultima modifica: 16 Gen 2012, 19:36:19 da giovi »

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
perfetto grazie mille!!!


ma il link dove lo inserisco
Codice: [Seleziona]
<td><span style="font-size: medium;"><span style="color: #000000;"><a href="home.html"><span style="color: #000000;">HOME</span>[/url]</span><span style="color: #ffffff;">..........</span></span></td>


che progamma mi consigli per comprimere le foto?
« Ultima modifica: 16 Gen 2012, 21:04:30 da sguio »

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
ti spiego è un modulo si chiama supersized, se mi dai una mail te lo spedisco cosi puoi vedere di persona come è stato realizzato, in prtaica fa parte del template.


invece per quanto ti dicevo prima dove devo inserirli i due codici inerenti ai link?
« Ultima modifica: 16 Gen 2012, 21:04:47 da sguio »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
dove devo inserirli i due codici inerenti ai link?

In che senso i link? :)

Ti invio in privato la mia email

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
scusa intendevo i due codici dove li devo inserire nell'articolo...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
C'è un file  site/templates/full_screen_3/css/template.css (link diretto al file)
i due codici puoi inserirli in fondo a questo file .css in modo che andranno a sovrascrivere tutte le regole di stile già definite.

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
fatto ma non succede nulla... ti è arrivato il file?

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
da che può dipendere?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
sto vedendo che in fondo al file non compaiono le modifiche.. non è che questo file non ha i permessi settati correttamente? Quando salvi il file modificato controlla che le modifiche siano state effettivamente salvate!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
altrimenti alla riga 127 dello stesso file c'è questo codice:

Codice: [Seleziona]
a {color: #46462B;
   text-decoration: underline;
}

Sostituiscilo con quello corretto e verifica che le modifiche sono state salvate!

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
perfetto la sottolineatura i è tolta però il link colorato quando passi con il mouse invece non appare...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
errore mio, color:#......; va sotto a:hover{}!!!


Appena chiusa la parentesi graffa di a{}, aggiungi
Codice: [Seleziona]
a:hover{color:#C69840;}

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo

cioè a che punto devo inserirlo?

Codice: [Seleziona]
a {
color:#C69840;
text-decoration : none;
}
a:hover {
color:#336699;
text-decoration : none;
}

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
ci sei ancora?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Allego il file modificato. Puoi sostituirlo a quello esistente o puoi provare a ripetere la modifica che trovi appena sotto il commento /* LINK */

[allegato eliminato da un amministratore essendo vecchio più di un anno]

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
grazie mille! però non cambia nulla...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
se controlli il file che ora è online ti accorgi che le modifiche non sono state fatte, il file è sempre lo stesso di partenza! l'hai modificato tu o l'hai sostituito?

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
non capisco come mai non mi sostituisce il file....

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Cosa stai usando per trasferire i file? Prova con il file manager del pannello plesk (o quello che è) del tuo hosting!

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
filezilla, ho diversi siti il problema me lo da solo con questo...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
probabilmente si tratterà di qualche sciocchezza sui permessi o simili, prova dal file manager del tuo pannello per aggirare il problema e fammi sapere!

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
fatto ma niente! vuoi ch eti do le passoword? dell'admin?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo

E' una grossa responsabilità! ;) Ti consiglio di contattare prima l'hoster e chiedere chiarimenti sul fatto!

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
niente non ci sono riuscito.... Invece un consiglio secondo te da che dipende che la barra in basso con i titoli mi si vede bene su tutti i computer e invece su ipad e iphone il sito si vede perfetto ma non si vede la barra in basso con i menu? http://www.lux4you.it/site/celebrare.html


da che può dipendere?

 



Web Design Bolzano Kreatif