Un valido sharebar?

[daniar]

Salve ragazzi ,sto cercando un sharebar laterale che include dei pulsanti di condivisione coi vari social network ,ho trovato questo sito ,il codice funziona anche ma quando lo convalido mi da una marea di errori ed avvertenze e sinceramente con la pagina a zero errori che ho costruito,mi scoccia un pò,ne conoscete qualche alternativa leggera ma non scritta coi piedi?

[NLSweb]

crea un div assegnali un id , al suo interno crei una lista (ul li) , ogni elemento di lista sarà un img con il link al social network
poi crei uno style per il tuo div , e lo posizioni al lato (destro o sinistro) puoi sia usare un posizionamento assoluto o relativo.

[daniar]

ti ringrazio ma esteticamente non è esattamente quello che ho visto in giro,in pratica vorrei vedere solo una linguetta che si vede,ma quando col mouse ci vai sopra esce fuori la barretta con un movimento laterale da destra o sinistra.

[NLSweb]

solo css o puoi/vuoi usare anche js o jquery ?

ci sono tecniche diverse in base a come vuoi sviluppare il sito.

[daniar]

Preferirei jquery ,ultimamente quando uso js non passo mai la convalida della pagina e mi sembra poco seo :)

[NLSweb]

ho creto una piccola pagina di esempio
http://nlsweb.altervista.org/esempio...scomparsa.html

ho associato all'evento click l'animazione che mostra il menu , all'evento double click quella che lo nasconde

chiaramente lo stile , la posizione e gli eventi posso essere modificati a tuo piacimento

[daniar]

Grande,è proprio quello che intendevo,con qualche piccola modifica passa anche la convalida ma vorrei chiederti una cosa,cosi come è appena clicchi sulla linguetta esce fuori il div ma rimane fisso,esiste un modo per farlo apparire e sparire cliccandoci di nuovo ?
La pagian che ho creato col tuo codice: http://www.daniar.altervista.org/sinistra.html

Grande,è proprio quello che intendevo,con qualche piccola modifica passa anche la convalida ma vorrei chiederti una cosa,cosi come è appena clicchi sulla linguetta esce fuori il div ma rimane fisso,esiste un modo per farlo apparire e sparire cliccandoci di nuovo ?
La pagian che ho creato col tuo codice: http://www.daniar.altervista.org/sinistra.html

Te lo ha scritto, bastava leggere

ho associato all'evento click l'animazione che mostra il menu , all'evento double click quella che lo nasconde

[daniar]

@vplaza.che sbadato,hai ragione ,solo che un doppio clic è poco intuitivo ,sarebbe bello sapere in quanti modi si può cambiare quel doppio clic.

sarebbe bello sapere in quanti modi si può cambiare quel doppio clic.

In tutti i modi che vuoi, basta gestire gli eventi desiderati.

[daniar]

In tutti i modi che vuoi, basta gestire gli eventi desiderati.

Perfetto ,ad esempio se voglio che la barra si ritiri quando il mouse non è le è sopra? intendo però il codice esatto.
in altre parole sarebbe bello se si potesse far apparire la barra col passagio del mouse che appena si sposta altrove,si richiuda la barra.

[NLSweb]

puoi usare gli eventi
mouseover() -> quando ci passa sopra
mouseout() -> quando esce dall'area

però devi associare l'evento a tutto il div (l'area) e non solo al tab altrimenti quando si sposta perdi l'evento
puoi vedere qualcosa nei mio sito - portfolio - animation menu - nel terzo esempio (usa next per passare da un esempio all'altro)
http://nlsweb.altervista.org/

[daniar]

Innanzitutto complimenti per il tuo sito,effetti davvero belli,tornando a noi ho fatto la modifica ma qualcosa non va (stessa pagina che ho linkato sopra),appena muovo il mouse anche all'interno del div si apre e si chiude continuamente,sicuramente dipende dal consiglio che mi hai dato(associare l'evento a tutto il div),ma non so come farlo :(

Nel caso volessi usare qualcosa del tuo sito,posso? e se si dove scarico il codice?

intendo però il codice esatto.

La strada che ti ha suggerito NLSweb è corretta. Ti ha dato i suggerimenti che ti servono ma non il codice pronto, che non ti aiuterebbe

[daniar]

La strada che ti ha suggerito NLSweb è corretta. Ti ha dato i suggerimenti che ti servono ma non il codice pronto, che non ti aiuterebbe

Capisco mi basterebbe anche solo un piccolo aiuto per capire come si fa ad associare una funzione ad un div,non conosco proprio il codice jquery,e quando lo guardavo mi sembrava mezza java mezza php

jQuery è Javascript (non Java, che è un'altra cosa - java e javascript sono 2 cose completamente differenti).
jQuery è un frameworkd javascript, quindi un'insieme di librerie che facilitano la stesura di script JS.

[NLSweb]

puoi anche non usare script ma solo css , quando ti ho chiesto cosa preferivi mi hai risposto jQuery....

se usi solo css puoi usare lo stato :hover per quando passi sopra all'area div

l'area deve essere un contenitore di tutto il menu (dalle voci nascoste al tab sempre in primo piano)
puoi ad esempio avere un div con due colonne , una sarà le voci nascoste e l'altra solo il tab
definisci con i css lo stato "normale" e lo stato "hover" , sullo stato normale la tua area sarà per metà nascosta (quindi solo il tab visibile) , sullo stato hover la mostrerai tutta.

[daniar]

puoi anche non usare script ma solo css , quando ti ho chiesto cosa preferivi mi hai risposto jQuery....

se usi solo css puoi usare lo stato :hover per quando passi sopra all'area div

l'area deve essere un contenitore di tutto il menu (dalle voci nascoste al tab sempre in primo piano)
puoi ad esempio avere un div con due colonne , una sarà le voci nascoste e l'altra solo il tab
definisci con i css lo stato "normale" e lo stato "hover" , sullo stato normale la tua area sarà per metà nascosta (quindi solo il tab visibile) , sullo stato hover la mostrerai tutta.

Si,ho scritto jquery perchè è animato,in css potevo farlo benissimo,ma ho semplicemente chiesto le parti del codice che non sono in grado di correggere da solo,tutto qui,ma grazie lo stesso.

[NLSweb]

come potrai vedere in questo esempio:
http://nlsweb.altervista.org/esempioslidemenucss.html

non c'e' bisogno di jQuery per fare una animazione , basta CSS e come ti scrivero l'uso dello stato :hover

[daniar]

come potrai vedere in questo esempio:
http://nlsweb.altervista.org/esempioslidemenucss.html

non c'e' bisogno di jQuery per fare una animazione , basta CSS e come ti scrivero l'uso dello stato :hover

Sei un grande ,è esattamente quello che mi interessa,grazie mille :)