Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2019
    residenza
    VERONA
    Messaggi
    6

    Effetto su testo da togliere

    Buongiorno, se qualcuno che gentile mi spiegasse , come rimuovere un effetto, che si crea col passaggio del mouse sul testo del menu'.
    Sembra una banalità, ma il template lo preso da internet per pochi euro, ma ho scoperto che è privo di assistenza e allora devo arrangiarmi, ma non sono ancora così bravo.
    Io ho una pagina prova dove ho caricato il template che e' questa www.fotofini.altervista.org
    E l'effetto da togliere e' nel MENU' ... praticamente quando ci si passa sopra col mouse si crea e compare una barretta diagonale. Ecco devo toglierla oppure mettere che quando ci si va sopra col mouse il testo si sottolinei, che mi sembra molto più bello . Devo essere sincero che l'ho pagato poco quindi non mi aspetto molto , ma chi mi potrà aiutare ne sarò veramente grato.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,497
    Ciao, puoi risolvere abbastanza facilmente.

    Quell'effetto è dato da una regola che sta nel file style.css dentro la cartella css.

    Puoi modificare direttamente questo file. Magari tieni sempre una copia di backup prima di qualsiasi modifica.

    Apri quel file con un editor; è sufficiente il blocco note se non hai altri editor.

    Vai alla riga 591 oppure cerca questa riga .main-menu ul li a:after dove è definita questa regola:
    codice:
    .main-menu ul li a:after {
    	position: absolute;
    	content: '';
    	width: 0;
    	height: 2px;
    	background: #fff;
    	left: 50%;
    	top: 26px;
    	margin-left: -17px;
    	-webkit-transform: rotate(-45deg);
    	    -ms-transform: rotate(-45deg);
    	        transform: rotate(-45deg);
    	opacity: 0;
    	-webkit-transform-origin: top center;
    	    -ms-transform-origin: top center;
    	        transform-origin: top center;
    	-webkit-transition: all 0.4s;
    	-o-transition: all 0.4s;
    	transition: all 0.4s;
    }
    Rimuovi le parti che segno in rosso e modifica il valore della proprietà top che evidenzio:
    codice:
    .main-menu ul li a:after {
    	position: absolute;
    	content: '';
    	width: 0;
    	height: 2px;
    	background: #fff;
    	left: 50%;
    	top: 26px;
    	margin-left: -17px;
    	-webkit-transform: rotate(-45deg);
    	    -ms-transform: rotate(-45deg);
    	        transform: rotate(-45deg);
    	opacity: 0;
    	-webkit-transform-origin: top center;
    	    -ms-transform-origin: top center;
    	        transform-origin: top center;
    	-webkit-transition: all 0.4s;
    	-o-transition: all 0.4s;
    	transition: all 0.4s;
    }
    Dovrai ottenere questo:
    codice:
    .main-menu ul li a:after {
    	position: absolute;
    	content: '';
    	width: 0;
    	height: 2px;
    	background: #fff;
    	left: 50%;
    	top: calc(50% + .7em);
    	margin-left: -17px;
    	opacity: 0;
    	-webkit-transition: all 0.4s;
    	-o-transition: all 0.4s;
    	transition: all 0.4s;
    }
    In questo modo quella barretta diagonale risulterà orizzontale sotto le voci del menu.

    Vedi se può andare bene così, fai sapere
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2019
    residenza
    VERONA
    Messaggi
    6
    Bellissimo , dopo 2 giorni di prove, che non mi riusciva (per un errore mio ) adesso funziona, alla grande ,,, sono in debito , grazie mille KW

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