Viagra online
www.flickr.com

Other posts related to tutorial-myspace

Come cambiare colore alla barra di navigazione di MySpace per profili 2.0

giugno 10, 2009 1:55 pm

Un codice che mi hanno spesso chiesto sul forum é quello per cambiare il colore della barra di navigazione su un profilo Myspace. Per un profilo 1.0 la cosa é semplice, come ho scritto sul forum: Re: Come cambiare il colore della barra di navigazione (“HOME | POSTA | PROFILO..”).

Ovviamente questo codice non funziona per profili 2.0. In questo caso il codice da usare é diverso (da aggiungere nell box per il CSS):


div#header, div#googlebar, div#topnav {background:transparent;}
div#topnav ul li {border-left:none;}
div#topnav ul li a:hover, div#topnav ul#leftNav li a#nav2.open:hover, 
div#topnav ul#leftNav li a.open:hover, div#topnav ul#leftNav li a.open:hover, 
div#subnav ul#subNav3 li a:hover, 
div#subnav ul#subNav4 li a:hover, 
div#subnav ul#subNav10 li a:hover, 
div#subnav ul#subNav2 li a:hover {background-color:#colore_sfondo_menu; color:#colore_stestp_menu;}

Questo codice rende la barra di navigazione trasparente e permette di configurare il colore dello sfondo del testo del menu (dovete mettere o i valori esadecimali del colore esempio #FFFFFF oppure il letterale, esempio black senza #).
Se volete cambiare il colore dello sfondo e non averlo trasparente, basta cambiare la parte

div#topnav {background:transparent;}

con

div#topnav {background-color:#colore_fondo_barrat;}

Se volete metterci un´immagine:

div#topnav {background-image:url(URL_DELL_IMMAGINE);}

Spero riusciate ad ottenere quello che volete.

Se siete proprio pigri pigri, potete usare questo generatore di codice: New Myspace Navigation Bar Generator.

Come sempre attenti al codice “inutile” che questi generatori aggiungono…

Come nascondere TUTTO dal profilo MySpace

luglio 8, 2008 6:18 pm


Ho fatto un po di ricerce visto che in molti sembrano interessati a nascondere tutto, ma proprio tutto, dal profilo di MySpace.
Questi codici dovrebbero fare al caso vostro, ricordatevi di metterli sempre tra i tag di style cosi:

<style>codice da inserire</style>

E iniziamo col divertimento 🙂
Barra di ricerca e shortcuts

div div select, div div form {display:none !important; visibility:none !important; position:absolute!important; top:-1000px !important;}
td div div select {display:none !important; visibility:none !important; width:0px !important; position:absolute !important; top:-1000px !important;}

Barrra di navigazione (detta anche NAV BAR)

table.navigationBar {display:none !important}

Rete estesa (o EXTENDED NETWORK)

.extendedNetwork {display:none;}
td.text br {display:none;}
.profileInfo td.text br, td.text table br {display:inline;}

Blog

.a {hide only blogs}
.latestBlogEntry {display:none;}

Chi sono e Mi piacerebbe conoscere

.orangetext15 {display:none;}

Barre arancioni

.friendsComments td, .friendsComments td.text, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}

Amici e titoli dei commenti

.FriendSpace .orangetext15, .FriendsComments .orangetext15 {display:none;}

Top friends

.FriendSpace table table table {display:none;}

Numero d’amici

.FriendSpace .btext {display:none;}

Link a “tutti gli amici”

.redlink {display:none;}

Commenti

.FriendsComments table table {display:none;}
.friendsComments td {height:0px;}
.FriendsComments td {background-color:transparent;}

Numero di commenti

.FriendsComments td.text td b {visibility:hidden;}
.FriendsComments td.text td b a,.FriendsComments td.text td td b {visibility:visible;}

Scritta e links “Aggiungi un commentio” “Guarda tutti i commenti” in alto

.FriendsComments td.text td b a {display:none;}
.FriendsComments td.text td td b a {display:inline;}

Scritta e link “Aggiungi un commentio” in basso

.FriendsComments td.text td a {display:none;}
.FriendsComments td.text td b a,.FriendsComments td.text td td a {display:inline;}

Data e ora dei commenti

.blacktext10 {display:none}

Links in fondo alla pagina

table div {display:none;}
table table div, div table div {display:block;}

Il nome

.nametext {display:none;}

Immagine di default (accanto alle informazioni personali)

.profileInfo td.text a img {display:none;}

Online status

.ImgOnlineNow, .profileInfo td.text div img {display:none;}

Umore e link a foto e video

.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.friendsComments .ImgOnlineNow, .profileInfo td.text div img {visibility:visible;}

La contact table (tabella contatti)

.contactTable {display:none;}

La URL BOX (testo con l’indirizzo della pagina myspace)

table.UserProfileURL {display:none;}

Music player e Myspace Videos senza nascondere tutti gli altri oggetti embed e i filmati flash

td td embed {width:0px; height:0px;}
td td embed, td td object {width:0px; height:0px;}
td.text embed, td.text object {width:320px; height:240px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}

Scuole

.UserProfileSchool {display:none;}

Network

userProfileNetworking {display:none;}

Azienda (Company)

.UserProfileCompany {display:none;}

Interessi

.interestsAndDetails {display:none;}

Dettagli

.UserProfileDetail {display:none;}

Citta` e ultimo login
NOTA: metterlo alla fine del Titolo. Includere anche le virgolette iniziali..

"<font style="display:none;">

Rendiamo anche merito all’autore originale, un post in inglese che ho letto sul ]forum di mygen.co.uk.

NOTA: Se avete domande o qualcosa non funziona, c’e` un topic apposito sul mio forum: Come nascondere TUTTO del profilo MySpace. Vi prego di evitare di mandarmi email dirette o contattarmi in privato su MySpace, vi risponderei di postare sul forum. Altrimenti rischio di dover rispondere a 10 email tutte uguali, se invece usiamo il forum tutti possono approfittarne. Grazie!

MySpace: come inserire un’immagine sopra al profilo. Metodo alternativo

maggio 7, 2008 9:40 am

Grazie ad un commento al precendente articolo su come inserire un’immagine sopra al profilo, vi propongo un secondo metodo decisamente piu` flessibile.
Ripartiamo dalla domanda originale:

sai per caso come potrei fare per mettere un’immagine sotto il banner pubblicitario MA sopra le tabelle del profilo (about me etc…)… in modo che l’immagine non venga coperta ne dal banner ne dalle tabelle. non so se mi spiego… 😛
So che esiste il codice per mettere l’immagine in alto, perfino sopra al banner, ma io preferirei per come ho detto prima.

La soluzione precedentemente proposta sfruttava la possibilita` di mettere un’immagine in background alla navigation bar. Questo metodo va bene se volete semplicemente mettere un’immagine, ma se volete avere pieno controllo, e magari inserire qualcosa di diverso tipo un link o un player flash, bisogna necessariamente ricorrere ad una modifica leggermente piu` complessa (ma neanche tanto!).

Partiamo con il codice:

<div class='masthead'><a href='LINK_AL_WEBSITE' target='_blank'>
<img src='URL_IMMAGINE_BANNER' border='0'/></a></div>
<style>
.masthead {width: 809px; height: 200px;
position: absolute; margin-left: -400px;
left: 50%; top: 207px;
</style>

Adesso potete mettere dentro ai tag div quello che volete (nell’esempio e` un immagine, ma basta inserire dell html valido e potete ottenere di tutto).

In base al contenuto dovrete modificare l’altezza e la grandezza del masthead, dentro ai tag di stile, cosi come la posizione all’interno della pagina (400px e` la distanza dal margine sinistro, 809px la larghezza dello spazio che andate ad occupare, 200px l’altezza). Non dovrebbe invece essere necessario modificare la parte top, visto che serve solo per piazzarsi sotto il banner pubblicitario.

Il codice va inserito in una parte qualsiasi del profilo (“About Me” o “Biografia” per esempio).

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Nascondere le informazioni del profilo da MySpace

aprile 18, 2008 10:21 am

Grazie ad un post sul forum ho trovato un altro trucchetto interessante.
La domanda era:

per creare un layout mi serve nascondere la parte in alto a destra…
per intenderci la parte con la foto e di dati…
tabella nome e foto

All’inizio pensavo di poter usare lo stesso codice usato in questo articolo, ma ovviamente non ha funzionato 🙂
Ho scoperto allora che la cosa e` molto piu` semplice, basta mettere

<style> .profileinfo {display:none}</style>

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Come avere il profilo MySpace in un unica colonna

febbraio 29, 2008 10:56 am

La domanda di un amico su mySpace:

sto cercando di mettere il mio profilo su una sola colonna ma non ci riesco

In realta` la cosa e` molto semplice, basta mettere questo codice nella sezione “Heroes” o “Eroi” (o nell’ultima sezione del vostro profilo se avete un profilo musica)

</td></tr></table></td></tr>

</table><br><table><tr><td>

<div class="off">

<table><tr><td><table><tr><td>

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Eliminare o nascondere i detagli dal profilo MySpace

febbraio 28, 2008 7:34 pm

Ho ricevuto questa richiesta:

Come posso eliminare (o nascondere in modo tale da farla sparire) dal profilo la tabella “nickame”:Dettagli (quella con stato sentimentale, fumo, alcool, etc).

La risposta e` abbastanza semplice, basta inserire questo codice nel profilo

<style>
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.userProfileCompany {display:none;}
.userProfileSchool {display:none;}
</style>

Dovrebbe fare proprio quello richiesto 🙂

Questo codice non elimina la tabella delle informazioni di profilo, ma potete trovare il codice per farlo in questo articolo.

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

MySpace: come inserire un’immagine sopra al profilo

novembre 22, 2007 10:55 am

ATTENZIONE Sembra che ultimamente il codice descritto in questa pagina non funzioni al 100% su alcune pagine. Vi consiglio di usare questo in questo articolo, molto piu` flessibile.

sai per caso come potrei fare per mettere un’immagine sotto il banner pubblicitario MA sopra le tabelle del profilo (about me etc…)… in modo che l’immagine non venga coperta ne dal banner ne dalle tabelle. non so se mi spiego… 😛
So che esiste il codice per mettere l’immagine in alto, perfino sopra al banner, ma io preferirei per come ho detto prima.

In pratica la domanda è simile a quella dell’articolo MySpace: Come aggiungere un banner in alto al profilo, con la differenza che in questo caso l’immagine deve essere posizionata sotto il banner pubblicitario di MySpace. (Per capire cosa intende l’autrice della domanda, guardate questo profilo, tra l’altro sono anche decisamente bravi 🙂 )

La cosa è semplice in teoria, ma in pratica dovete prestare attenzione ad un paio di cosette.

Il codice di base è questo:

<style>
body div td td {
  height:400px;
  vertical-align:top;
  background-image:url(URL_IMMAGINE_DESIDERATA);
  background-repeat:no-repeat;
  background-position:center top;}
td.text td, td.text div td td {
  background-image:none; height:auto;}

</style>

Prima considerazione: i 400px specificati nell’altezza vanno ovviamente adattati all’altezza dell’immagine che avete. Molto probabilmente volete avere un valore pari o superiore a quello dell’immagine.

Non è proprio tutto.. il codice sopra va bene per un profilo musica, ma se avete un profilo personale (come il mio) vedrete che il risultato non è proprio perfetto, infatti manca una linea da aggiungere (che non serve nel caso dei profili musica):

Il codice diventa:

<style>
body div td td {
  height:400px;
  vertical-align:top;
  background-image:url(URL__IMMAGINE_DESIDERATA);
  background-repeat:no-repeat;
  background-position:center top;}

td.text td, td.text div td td {
  background-image:none; height:auto;}

td.text div * {
  height:auto !important;}
</style>

La linea di codice aggiunta è ovviamente:

 td.text div * {height:auto !important;}

Con questi due codici abbiamo coperto il 99% dei casi, ne rimane fuori solo uno, quello in cui usate un’immagine molto larga, in questo caso infatti vorrete adattare anche il resto del profilo (ovviamente io vi sconsiglio di farlo, ma poi sta a voi decidere 🙂 )

Il codice si complica un po:

<style>
body div td td {
  height:400px;
  vertical-align:top;
  background-image:url(URL__IMMAGINE_DESIDERATA);
  background-repeat:no-repeat;
  background-position:center top;}

td.text td, td.text div td td {
  background-image:none; height:auto;}

body div table table {
  width:1000px;}

td.text div table table {width:auto;}

</style>

Oltre a giocare con i 400px, adesso dovete anche adattare i 1000px alla larghezza della vostra immagine.

Ovviamente anche in questo caso vale la precedente considerazione per la linea aggiuntiva da inserire nel caso di un profilo personale.

Il codice va inserito in una parte qualsiasi del profilo (“About Me” o “Biografia” per esempio).

Se questo metodo non vi soddisfa, ne ho illustrato un altro in questo articolo, molto piu` flessibile.

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

MySpace: come rimuovere la scritta CONTATTA ANDREA dalla contact table

novembre 15, 2007 3:01 pm

Domanda:
Mi sono fatto una mia Contact Table. L’ho inserita e si vede correttamente. L’unico problema è che c’è la scritta
CONTATTO MIO_NOME preimpostata da my space che non riesco a togliere.

Di solito la soluzione migliore è questa:

<style>.contactTable .whitetext12 {
visibility:hidden;
}</style>

Alle voltre potreste voler aggiungere anche questo:

<style>.contacttable .text {font-size: 0px !important;}</style>

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

MySpace: Come aggiungere un banner in alto al profilo

2:51 pm

Una delle domande che più spesso mi è stata posta è:
Vorrei sapere se è possibile mettere un’immagine in alto alla pagina dello space sopra anche al menù di “home, esplora, cerca, ecc…”insomma sopra ad ogni elemento della pagina….
oppure
Sto cercando di mettere un’immagine sopra il banner in alto, come posso fare?

La soluzione è abbastanza semplice, e si basa sull’uso di un DIV posizionato in maniera assoluta, spostando in basso il resto del profilo. Più facile a farsi che a dirsi 🙂 quindi vediamo subito il codice, che dovete aggiungere nella sezione “About me”:

<style>div.topbanner {
top: 0;
left: 49%;
margin-left: -387px;
width: 800px;
height: 320px;
position: absolute;
}
body{
background-position:top center;margin-top: 320;}
</style>

<div class="topbanner">
<a href="URL_DEL_TUO_SITO" rel="nofollow">
<img src="URL_DELLA_TUA_IMMAGINE" border="0" height="320px" />
</a>
</div>

Questo codice va adattato all’immagine che inserite. Il valore su cui giocare è quel 320 che rappresenta l’altezza dell’immagine. Se la vostra immagine ha un’altezza maggiore, dovete sostituire il valore corretto sia nel div.topbanner che in body. Dovete anche adattare l’800px alla larghezza attuale della vostra immagine.

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Gli editor per MySpace

novembre 13, 2007 12:24 pm

Ecco una lista (ovviamente non esaustiva) dei più conosciuti editor e generatori di codice per MySpace.
Prima della lista cerchiamo di capire i termini e il loro significato:
un editor di profili è un’applicazione che vi permette di creare un profilo completo permettendovi di specificare cose come lo sfondo, il colore delle tabelle, le dimensioni etc. Il risultato finale è una lista di linee HTML e CSS che vanno copiate sul proprio profilo per ottenere il risultato finale.
un generatore di codice è un’applicazione che vi permette di ottenere il codice per avere sul vostro profilo una determinata funzionalità. Per fare un esempio, esistono generatori di tabelle contatti, che prendendo una vostra immagine creano il codice per ottenere sul profilo una tabella contatti con quello sfondo. Il risultato è anche in questo caso una lista di linee, ma molto più breve e gestibile del caso precedente.

Quando scegliere l’uno e quando scegliere l’altro dipende da quelle che sono le vostre esigenze. In generale un editor è la scelta migliore quando si parte da zero, sopratutto se non si hanno troppe conoscienze di HTML e/o CSS. Il risultato però è difficile da modificare e gestire e si rischia spesso di non riuscire ad effettuare ulteriori modifiche.
Con i generatori di codice la gestione del risultato finale è spesso più facile, ma ovviamente si richiede molto più lavoro per ottenere un profilo completo.

E veniamo ora alla lista (NOTA: quasi tutti questi siti sono in inglese, dove non specificato diversamente).

Un consiglio, non fermatevi al primo link, la lista non è ordinata per importanza o utilità (anzi, uno dei siti che tutti preferiscono è l’ultimo della lista 🙂 ).

MySpace Editor.it – L’unico editor che conosco in italiano. Oltre ad un editor (attualmente è disponibile la versione 2) vi sono tanti articoli interessanti per capire meglio come funziona MySpace. Sono presenti anche alcuni generatori di codice.

MyWackoSpace.com – Un sito molto ben fornito, comprende editor, layouts già fatti, generatori di codice e tanto altro.

123MyCodes.com editor – Un editor molto semplice ma che offre una vasta collezione di layout già pronti per l’uso, oltre che qualche buon generatore.

CricketSoda.com editor – Un editor HTML (non dispone di una preview in tempo reale) raccomandato per utilizzatori esperti.

EditMySpace.org – Un editor ma sopratutto tanti generatori di codice per la vostra lsita d’amici

FreePageGraphics.com editor – Vi permette di personalizzare facilmente il vostro profili e permette una “preview” visualizzare il risultato.

KillerKiwi.net – Un altro editor che mostra i cambiamenti in tempo reale. Il sito offre anche una ricca collezione di generatori, utility, icone e immagini

MyGen.co.uk – Numerosi generatori e editor di testi

MySpaceCode.com – Offre un editor di testi oltre che un eidotr di profili che visualizza i cambiamenti in tempo reale

MySpaceDogDog.com – Potete trovare un editor di profili oltre che svariati generatori e tanti elementi grafici riusabili gratuitamente

MySpaceEditor.org – Già dal nome si capisce di cosa si tratta.. un editor di profili! Ovviamente il sito offre tante altre risorse interessanti.

MySpaceGeek.net editor – Un editor semplice (background, sections, headings, testo) con la visualizzazione delle modifiche in tempo reale

MySpaceLayoutSupport.com editor – Un editor simpatico perché vi permette di personalizzare il vostro profilo o partendo da zero, oppure scegliendo un layout di base dal catalogo e modificandolo secondo i vostri gusti

MySpaceMaster.net profile editor – Esattamente le stesse caratteristiche di MySpaceGeek.net

MySpaceToolbox.com editor – Un altro editor di profili

NuclearCentury.com profile editor – Un editor di profili semplice e intuitivo.

PicGames.com profile editor – Offre tutte le funzionalità necessarie per editare il vostro profilo. Cliccando sul bottone “update” visualizzerete le modifiche.

Pimp-My-Profile.com – Offre un editor e diversi generatori di codice non solamente per MySpace, ma anche per altri servizi come hi5 o Blogger.

ProfileMine.com – Offre un interfaccia molto semplificata, che tramite il drag and drop vi permette di modificare il vostro profilo senza dover copiare codice HTML

Quacked.com editor – Un editor con visualizzazione in tempo reale dei risultato

RealEditor.com – Modificate il vostro profilo attuale tramite l’editor presente sul sito, oppure createne uno nuovo partendo dai layout di base presenti in catalogo

SnapLayout.com – Come ProfileMine.com offre delle funzionalità di personalizzazione in drag and drop e di pubblicazione con un solo click.

SomeMySpaceCodes.com editor – Un editor di profili HTML molto semplice e basilare

UltimateMySpace.com editor – Non semplicissimo da usare, offre tutte le funzionalità necessarie per rendere unico il proprio profilo. Da consigliare ad utenti esperti

Urpimp.com editor – Caratteristica di questo editor è la possibilità di loggarsi anche sul proprio account Photobucket per importare le foto presenti come sfondo

Coolchaser: Permette di personalizzare il vostro profilo senza dover toccare codice HTML e di scegliere tra i tanti template disponibili

RealEditor: (Uno dei migliori, insieme a lovemyflash) offre delle funzionalità di personalizzazione avanzate ed un editor molto semplice

LoveMyFlash: Il meglio per la fine: vi propone dei layout (design/template) per MySpace con l’originalità di essere realizzati in Flash (vedere questo articolo in francese per saperne di più)

Ovviamente non voglio prendermi il merito per questa bella lista, visto che in realtà non ho fatto altro che tradurre (più o meno liberamente) un articolo apparso sul blog Mashable.com

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

This blog is protected by dr Dave\'s Spam Karma 2: 147257 Spams eaten and counting...