-
|
.
|
| | l'effetto dropdown è quello del sottomenu che compare al passaggio del mouse. Sono sicuro che cercando "Avatar dropdown" su google troverai quello che cerchi. |
|
-
|
.
|
| l'immagine la tagli in 3 pezzi, una parte comprende la scritta "Seguici su", una "Facebook" e una a "youtube"
|
|
-
|
.
|
| allora, scusa se ti ho fatto aspettare
prima della parte con la descrizione del forum aggiungi questo
all'interno ci metterei, divisi in vari pezzi i links a facebook e youtube
se vuoi regolare le posizioni usa i margin
(se non ti è chiaro qualcosa dimmi pure) |
|
-
|
.
|
| | perdonami se non ti ho ancora risposto ma ho poco tempo questi giorni, questa sera ti facico il codice... |
|
-
|
.
|
| per fare una cosa del genere non troverai mai nessuna guida, è necessario conoscere un po' di css e html
dammi il link di dove vorresti mettere |
|
-
|
.
|
| in una sola immagine non lo puoi fare, dovresti utilizzare il tag map ma è abbastanza complicato e non te lo consiglio
potresti invece tagliare le immagini in 3 parti e renderesti il tutto più facile |
|
-
|
.
|
| devi uppare su altervista tutto quanto
se hai un file
"slide.html" lo uppi
se hai una cartella
"style" con dentro un file "1.css"
crei una cartella "style" e al suo interno uppi il file "1.css" |
|
-
-
|
.
|
| intanto hai bisogno di uno spazio dove inserire il contenuto, io ti consiglio altervista, ti iscrivi lì prima di tutto
dopodichè prendi l'archivio che hai scaricato, lo estrai e metti tutto quanto sul tuo spazio altervista
fatto questo ti spiegherò come modificare e come includere lo slide nel tuo forum |
|
-
|
.
|
| non ho mai provato a usare quel codice però dovrebbe bastare togliere <style></style> l'unica problema è che dovresti aggiungere lo script in fondo pagina. Comunque puoi provare comunque, al massimo non funziona
Adesso che ci penso però dovresti mettere tutto il conetnuto della pagina nello script quindi si può fare senza problemi |
|
-
|
.
|
| CITAZIONE (A s k @ 9/7/2012, 19:54) Salve, come da titolo mi servirebbe un metodo per inserire del css che venga visualizzato solamente in un browser che verrà selezionato da me. Ho tentato con [if lte Gecko] all'apertura delle parentesi di comprensione ma nulla, vi esistono altri metodi ? Grazie 
con i commenti condizionali puoi agire solo su internet explorer
ovvero [if IE]
comunque lte lo devi abbinare a un numero, tipo [if lte IE 8] ed indica se si sta usando internet explorer di versione 8 o inferiore
Non puoi fare quello che vuoi tu in questo modo, l'unico modo che conosco con codice client e non server (tipo php) è in questo tutorial
https://skinfactory.forumfree.it/?t=60836714 |
|
-
|
.
|
| CITAZIONE (A s k @ 4/7/2012, 18:42) Grazie mille Ho provato con CODICE .web a:hover {color: #50818A; -moz-transform: scale(1) rotate(180deg) translate(20px, 10px) skew(1deg, 1deg);
-webkit-transform: scale(1) rotate(180deg) translate(20px, 10px) skew(1deg, 1deg);
-o-transform: scale(1) rotate(180deg) translate(20px, 10px) skew(1deg, 1deg);
-ms-transform: scale(1) rotate(180deg) translate(20px, 10px) skew(1deg, 1deg);
transform: scale(1) rotate(180deg) translate(20px, 10px) skew(1deg, 1deg); background-image: url(http://www.direzionevino.it/img/icona_preferiti.gif); background-repeat: no-repeat; background-position: right; padding-right: 35px; padding-left: 0} ma l'immagine non si ruota D:
facendo così l'animazione va sul link in stato hover
devi farlo sull'immagine
.web a img:hover
in caso non va dammi il link che vedo |
|
-
|
.
|
| | potresti linkare il forum? dovrei vedere una cosa perchè se non sono immagini (inserite con img src) non mi sembra sia possibile usare il vertical align e dovresti procedere manualmente... |
|
-
|
.
|
| ti sbagli, puoi tranquillamente usare quel codice, basta fare un piccolo adattamento
utilizza questo
CODICE div.icona_off, div.icona_on {filter:alpha(opacity=30); -moz-opacity: 0.6; opacity: 0.6;
transition-property: all; /*standard*/
transition-duration: 0.5s;
-webkit-transition-property: all; /*safari*/
-webkit-transition-duration: 0.5s;
-o-transition-property: all; /*opera*/
-o-transition-duration: 0.5s;
-moz-transition-property: all; /*firefox*/
-moz-transition-duration: 0.5s}
div.icona_off:hover, div.icona_on:hover {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
transform: rotate(-3deg)} |
|
-
|
.
|
| sono stato un po' a smanettarci sopra per vedere se riuscivo a sistemarla ma non ce l'ho fatta. Si vede bene solo con chrome e safari, quindi è renderizzato diversamente solo dai browser webkit. (le scrollbar sono più piccole, anche questo influenza un po')
Personalmente ti consiglierei di rifarla anche perchè ho visto vari parti che mi sono sembrate un po' assurde, fossi in te al posto di utilizzare così tanti div e float utilizzerei solo colonne e al massimo colspan, perchè con i float dentro una tabella così complessa viene fuori un casino. Inoltre al posto di usare righe extra con i rowspan usa semplici br sotto l'elemento dove vuoi sia posizionato |
|
405 replies since 22/12/2009
.
