[Risolto] menu social network

[Pyton]

ciao a tutti..vorrei sapere se è possibile fare un menu come questo nella foto...
ovviamente la foto l'ho fatta con photoshop

[the crow]

quelcosa del genere ???...naturalmente le immagini le puoi cambiare ( a me servivano quelle )



controllo i tutoriani , non mi ricordo se ho fatto il tutor

[Pyton]

non l'ho proprio trovato nei tutorial

[the crow]

domani lo faccio

[Pyton]

grazie mille..sarebbe possibile farlo tutto in alto a sinistra...precisamente come in foto?!!?

[Insane]

Ciao prova a guardare qui se ti serve:

https://aiuto.forumattivo.it/t10053-menu-sopra-il-logo?highlight=login+nel+logo

Saluti
Devil

[the crow]

vedi che l'avevo fatto..grazie devil

[Pyton]

scusate ragazzi ma non ho capito come faccio a fare quel tipo di menu..

[the crow]

cosa non riesci a capire...mi sembra di aver scritto tutto il fondamentale

[Pyton]

non capisco quale dei due codici devo inserire e dove..e se il menu starà sulla sinistra o al centro...

[the crow]

i codici sono due e dove inserirlo e scritto sopra...non c'e scritto dx o sx devi spostarlo tu con i margini o pagging. ci devi mettere un po del tuo ..io non so come lo vuoi ..

[Pyton]

ok ora ci provo

[Pyton]

ragazzi non capisco come funziona...non potreste darmi una mano..io lo vorrei proprio come nella foto..aiuto vi prego

[Insane]

Ciao segui tutto il tutorial facendo ciò che dice per spostarlo basterà modificare questa parte di codice:

Codice:

<p align="center">
<a href="url puntamento link "><img src="http://2img.net/i/fa/admin/icones/small_ico/avatar.png"border="0"></a>
<a href="lurl puntamento link "><img src="http://2img.net/i/fa/admin/icones/small_ico/portail.png"border="0"></a>

Modifichi da

Codice:

<p align="center">

a left o right in base a destra o sinistra.

Saluti
Devil

[Pyton]

ma in questo modo viene sulla barra nel messaggio dell'indice...

[Insane]

Ciao ma non devi inserire solo questo codice! Segui il tutorial che ti ho postato quello di the crow

[<Next>]

dopo vedo cosa posso fare, però devi mandarmi le immagini o almeno i link di quelle che vuoi come "linguette", perchè io con la grafica faccio pena . ah, devi dirmi anche cosa vuoi che facciano!

[Pyton]

grazie next...a me serve che mi indirizzino alla pagina del social network che raffigurano le linguette
queste sono le immagini e i link:

facebook:

Codice:

[img]http://img593.imageshack.us/img593/444/facebookqe.png[/img]
[url]http://www.facebook.com/pages/ConsoleVille/116673355078068[/url]

twitter:

Codice:

[img]http://img192.imageshack.us/img192/5004/twittersor.png[/img]
[url]http://twitter.com/[/url]

google:

Codice:

[img]http://img38.imageshack.us/img38/5574/googlenu.png[/img]
[url]http://www.google.it/[/url]

youtube:

Codice:

[img]http://img7.imageshack.us/img7/8263/youtubecn.png[/img]
[url]http://www.youtube.com/?gl=IT&hl=it[/url]

poi le altre le aggiungo io se mi dici dove devo metterle

GRAZIE MILLE

[the crow]

l'HTML ti servono per inserire link e immagini

Codice:

<a href="URL PUNTAMENTO LINK "><img src="IMMAGINE"border="0"></a>

il CSS per spostare in alto o dove vuoi le icone

[Bazzy9]

Qua bisogna usare il CSS..non HTML!

[<Next>]

the crow: non c'è bisogno del css per posizionare un'immagine.
bazzy9: il css non supporta i link.

ecco il codice html (ti consiglio di metterlo in un widget, che si vede in ogni pagina):

Codice:

<div style="position:fixed; top:0px; right:432px; width:36px; height:36px; visibility:visible">
<a href="http://www.facebook.com/pages/ConsoleVille/116673355078068"><img src="http://img593.imageshack.us/img593/444/facebookqe.png"></a>
</div><div style="position:fixed; top:0px; right:396px; width:36px; height:36px; visibility:visible">
<a href="http://twitter.com/"><img src="http://img192.imageshack.us/img192/5004/twittersor.png"></a>
</div> <div style="position:fixed; top:0px; right:360px; width:36px; height:36px; visibility:visible">
<a href="http://www.google.it/"><img src="http://img38.imageshack.us/img38/5574/googlenu.png"></a>
</div> <div style="position:fixed; top:0px; right:324px; width:36px; height:36px; visibility:visible">
<a href="http://www.youtube.com/?gl=IT&hl=it"><img src="http://img7.imageshack.us/img7/8263/youtubecn.png"></a>
</div>

Esempio (lo lascio finché non mi dici di averlo visto o finché non mi dici che funziona): http://justforvista.forumattivo.it/

Ciao!
- < Next >

[Pyton]

grazie next..finalmente sono riuscito a inserire queste benedette icone ora devo solo cercare di sistemarle nella posizione migliore...grazie a tutti dell'aiuto..problema risolto

[the crow]

si puoi farlo anche come dici tu....a me piaceva farlo cosi mi sembra piu pulito e posso aggiungere uno sfondo alle immagini
edit: trovagli il modo di distanziare un po le immagini