Immagine sopra il nametext!!?! [RISOLTO]

[Kajujak]

Ciao Nissardo! Innanzitutto complimenti per il servizio che fai, è veramente molto utile!
Ho una domanda: come faccio a mettere un'immagine sopra il nametext? O meglio sotto alla
barra rossa con scritto MYSPACE MUSIC.....elenco-cerca..ecc..
Se non mi sono spiegato bene vorrei creare un sito simile a questo: www.myspace.com/suneatshours.
Sono riuscito a fare quasi tutto ma non riesco proprio a mettere l'immagine sotto quella
maledetta riga rossa!!! E già che ci sono..c'è modo di cambiare il colore da rosso a nero sempre
della stessa maledettissima barra???
Grazie mille!!!

[ilnissardo]

Ciao!
Ci sono due modi per farlo, uno (quello piu` semplice ma meno potente) e` descritto qui, mentre l'altro lo trovi descritto in quest'altro post del forum.

Spero che uno dei due faccia quello che serve a te :-)
Per cambiare il colore della barra (nota che con il primo esempio non ne ha bisogno) ti basta cambiare lo stile CSS dell'elemento

Codice:

<style>
body div td td {
background-color:#ffffff;
}

Cosi diventa nera.

Tienici aggiornati e facci sapere quale metodo e` stato il migliore per te.

[Kajujak]

Grazie per la celere risposta!!!
Purtroppo avevo già provato con i codici che mi hai detto ma l'immagine va sempre sopra quella barra rossa con scritto MYSPACE MUSIC, ecc...
E' possibile mettere l'immagine sotto questa barra rossa? Proprio come in questo sito: www.myspace.com/suneatshours
E' da giorni che ci provo ma sto impazzendo!
Grazie mille!

[ilnissardo]

Guarda credo che tutto dipenda da come tu posizioni il tuo blocco div.
Sulla pagina che hai linkato e` posizionato cosi:

Codice:

div.r1 {
position: absolute;
top: 0;
left: 49%;
margin-top: 200px;
margin-left: -409px;
width: 790px;
height: 760px;
}

Quindi se segui questo metodo e usi i valori qui sopra dovresti ottenere la stessa cosa.

[Kajujak]

GRAZIEEEE!!!
Guardando altri siti ho raccolto più codici e alla fine ho usato questo:

<div class="topBanner">
        <img src="URL DELL'IMMAGINE"></a>
        </div>
     <style>table table {margin-top:420px;}
       div table table, table table table {margin-top:0;}
      .topBanner {width:800px; height:200px; position:absolute; top:136px; left:50%; margin-left:-400px; text-align:center;}</style>

A questo punto ne approfitto e ti chiedo quale potrebbe essere il codice per mettere la stessa immagine anche sotto infondo al profilo!
Ho provato vari codici ma fanno un po' di confusione!
GRAZIE ANCORA! Appena termino il myspace ti chiedo subito l'amicizia!
Hola!

[ilnissardo]

Sono contento che hai risolto :-)
E grazie di aver condiviso il codice con noi!

Per la seconda domanda.. sinceramente non ne ho idea.. ma credo che sia veramente difficile, per lo meno senza limitare lo spazio occupato dai commenti. Provo a rifletterci su, se mi viene in mente qualcosa ti faccio sapere!

[Kajujak]

Ok, grazie! Ci si vede su myspace!!!

[merylinn]

ciaooooo!!! scusate.. ma è strano nn capisco come mai quel codice per l'immagine sopra il profilo fa si che  l'immagine compaia nell'anteprima profilo (home-modifica profilo) e invece non compaia nella visualizzazzione vera e propria del mio space... come mai HELP ME     se volete vedere http://www.myspace.com/bbbabymmm

[ilnissardo]

Ciao Merylin, credo che il tuo problema sia di "composizione". Mi spiego meglio: guardando il tuo profilo ho visto che hai due immagini, entrambe definite con la classe topBanner:

Codice:

<div class="topBanner">
        <img src="http://img185.imageshack.us/img185/835/richnfaeq5.jpg"></a>
        </div>
     <style>table table {margin-top:420px;}
       div table table, table table table {margin-top:0;}
      .topBanner {width:721px; height:493px; position:absolute; top:136px; left:50%; margin-left:-400px; text-align:center;}</style>

e

Codice:

<style type="text/css"> body{ margin-top: 800px;}
div.topbanner { top: 0; left: auto; margin-left: -368px; height: 800px; position: absolute; }
</style>
<div class="topbanner"><img src="http://img509.imageshack.us/img509/5963/thaqueenggh5.jpg"></div>

Quindi l'immagine che vorresti spostata in basso in realta` si nasconde dietro l'immagine che vuoi usare come banner principale.

Per risolvere basta che cambi il primo codice in:

Codice:

<div class="topBanner2">
        <img src="http://img185.imageshack.us/img185/835/richnfaeq5.jpg"></a>
        </div>
     <style>table table {margin-top:420px;}
       div table table, table table table {margin-top:0;}
      .topBanner2 {width:721px; height:493px; position:absolute; top:136px; left:50%; margin-left:-400px; text-align:center;}</style>

[PierPier]

ciao ragazzi...scusate ma io ho un problema con questa immagine sopra il nametex...

ho seguito le indicazioni per inserire un immagine SOPRA al profilo ma
SOTTO il banner pubblicitario e la barra di navigazione

ho usato questo codice perchè l'idea è poi quella di inserire un video

<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>

l'immagine appare nel punto giusto ma il mio problema è che il profilo
non si sposta in basso e quindi risulta coperto dall'immagine (www.myspace.com/giostrarock), come posso fare??
...grazie mille in anticipo

[ilnissardo]

l'immagine appare nel punto giusto ma il mio problema è che il profilo
non si sposta in basso e quindi risulta coperto dall'immagine (www.myspace.com/giostrarock), come posso fare??

Prova (ma non sono sicuro al 100%) ad usare questo codice:

Codice:

<style type="text/css">
.navigationBar {margin-bottom:XXpx;}
</style>

Ovviamente sostituisci a XX il valore che ti serve per far apparire il tuo profilo. In genere qualcosa di molto simile all'altezza della tua immagine.