Finalizzare il mio lavoro

[vademecum]

Ciao a tutti, myspacers!!
Sono venuto a conoscenza di questo forum utilissimo e solo per questo devo ringraziarvi, in particolare il nissardo. 
Vengo al dunque.
Questo è l'url del myspace del mio gruppo: www.myspace.com/etciociarvsetinsvlanvs.
Questo invece è l'url del myspace a cui mi sono ispirato: http://www.myspace.com/atimetoforget.

Ora, queste sono le difficoltà che ho riscontrato:
1. sono riuscito a mettere un top banner, però i link ("aggiungi agli amici, "invia un messaggio", etc. etc.) non funzionano. Ho usato fireworks per creare il banner ed ho provato a salvare l'immagine come .jpeg, .gif, .png, ad estrarre il tutto, ma il risultato è sempre lo stesso: non funziona.
2. se vedete il myspace di quel gruppo, hanno personalizzato i titoli delle diverse sezioni (blog, contact, bio, etc etc). Come faccio a farlo anche io??
3. centrare gli amici ed i commenti è una cosa che ho risolto leggendo questo forum.
Per avere, invece, commenti larghi in quel modo devo seguire questi topics http://forum.ilnissardo.com/index.php/topic,68.0.html e http://forum.ilnissardo.com/index.php/topic,23.0.html?? E' possibile averli larghi in questo modo mantenendo comunque il titolo della sezione "Commenti" centrata??
4. le uniche sezioni che vorrei avere visibili sono: "Blog", "Chi sono", "Amici" e "Commenti".
Da quel che ho potuto leggere in altri topics, la sezione "Chi sono" e "Mi piacerebbe conoscere" sono dipendenti l'un l'altra, cioè se nascondo l'una, nascondo anche l'altra.
E' vero oppure me lo sono immagginato?? 

Spero di non aver tralasciato nulla.
Penso che lo speriate anche voi perché le domande già sono troppe!! hahah
Comunque vi ringrazio anticipatamente.

[benia108]

Ciao, cerco se riesco di aiutarti.
Dunque per i top banner con dei link devi sostanzialmente creare un file mappato, trovi la spiegazione qui http://forum.ilnissardo.com/index.php/topic,57.0.html
Per mantenere solo alcune sezioni invece devi ovviamente nascondere quelle che non ti interessano, e trovi i codici qui http://forum.ilnissardo.com/index.php/topic,74.0.html
Invece per quanto riguarda la sezione "chi sono" e "mi piacerebbe conoscere" devi semplicemente togliere i titoli con questo codice
<style>.orangetext15{DISPLAY:NONE;VISIBILITY:HIDDEN;}</style>
Dopodichè crei un nuovo titolo per "chi sono" e lasci vuota la sezione "mi piacerebbe conoscere"
Spero di esserti stato d'aiuto!
Benia

[vademecum]

Ciao, cerco se riesco di aiutarti.
Dunque per i top banner con dei link devi sostanzialmente creare un file mappato, trovi la spiegazione qui http://forum.ilnissardo.com/index.php/topic,57.0.html

Image Ready... 

Per mantenere solo alcune sezioni invece devi ovviamente nascondere quelle che non ti interessano, e trovi i codici qui http://forum.ilnissardo.com/index.php/topic,74.0.html

Sì, perfetto.

Invece per quanto riguarda la sezione "chi sono" e "mi piacerebbe conoscere" devi semplicemente togliere i titoli con questo codice
<style>.orangetext15{DISPLAY:NONE;VISIBILITY:HIDDEN;}</style>
Dopodichè crei un nuovo titolo per "chi sono" e lasci vuota la sezione "mi piacerebbe conoscere"

Ok, ora i titoli delle sezioni sono spariti.
Non ho capito, però, il passaggio successivo: io ho creato delle immagini (http://img261.imageshack.us/img261/7967/sezionihh6.gif) che saranno i miei nuovi titoli, ma non so come sostituirli...
Cioè, se il codice orangetext serve a nascondere i vecchi titoli, quale codice devo utilizzare per mostrare i nuovi titoli da me creati??

Spero di esserti stato d'aiuto!
Benia

Grazie mille!!

[ilnissardo]

Non ho capito, però, il passaggio successivo: io ho creato delle immagini (http://img261.imageshack.us/img261/7967/sezionihh6.gif) che saranno i miei nuovi titoli, ma non so come sostituirli...
Cioè, se il codice orangetext serve a nascondere i vecchi titoli, quale codice devo utilizzare per mostrare i nuovi titoli da me creati??

Basta che metti all'inizio della sezione qualcosa tipo

Codice:

<div class="titolisezioni"><img src=URL_IMMAGINE /></div>

La prima parte non e` essenziale, ma ti puo essere utile per specificare una posizione relativa per tutte le tue immagini, oppure le dimensioni..
Se vuoi la versione semplice, puoi fare:

Codice:

<img src=URL_IMMAGINE /></br>

Facci sapere!

[vademecum]

Hai detto "all'inzio della sezione".
"Chi sono" e "Blog" esistono come sezioni, però "Commenti" e "Amici" no.
Devo creare qualcosa??
Devo posizionare questo qualcosa in seguito (penso che tu abbia risposto a questa domanda nel tuo post precedente, o sbaglio?!)??

Ma al posto di quel "titolisezioni" all'interno del <div> ci va sostituito qualcosa??


Ed ancora:
1. il codice per nascondere il titolo della sezione "amici" è questo: .FriendSpace .orangetext15, .FriendsComments .orangetext15 {display:none;}??
2. il codice per nascondere il titolo della sezione "commenti" è questo: .friendsComments td, .friendsComments td.text, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}??

Grazie ancora.

[ilnissardo]

Hai detto "all'inzio della sezione".
"Chi sono" e "Blog" esistono come sezioni, però "Commenti" e "Amici" no.
Devo creare qualcosa??

Come hai giustamente detto in seguito, per le sezioni Amici e Commenti il codice per nascondere i titoli e` diverso, quindi ti basta non applicarlo e le scritte non ti spariscono. Oppure usare le immagini che hai creato come background e mettendo la text size a 0.

Ma al posto di quel "titolisezioni" all'interno del <div> ci va sostituito qualcosa??

E' il titolo della classe che vuoi usare per le immagini. Se non sai di cosa parlo.. lascia perdere e usa l'altro codice che ti ho messo.

Ed ancora:
1. il codice per nascondere il titolo della sezione "amici" è questo: .FriendSpace .orangetext15, .FriendsComments .orangetext15 {display:none;}??
2. il codice per nascondere il titolo della sezione "commenti" è questo: .friendsComments td, .friendsComments td.text, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}??

Alla 1 risponderei di si, per lo meno mi sembra quello corretto.
Alla 2 non sono sicurissimo, ma se e` il codice che hai trovato nel post che Bernia ti ha segnalato, allora direi che e` quello giusto.

[vademecum]

Questo dovrebbe essere il risultato finale del mio myspace:
http://img232.imageshack.us/img232/8248/ideaps6.jpg

Ora, come potrai vedere direttamente dal link (www.myspace.com/etciociarvsetinsvlanvs), ho inserito i titoli delle diverse sezioni che saranno visibili.
Come faccio a spostare queste immagini e collocarle nella giusta posizione??
Premetto che le ho inserite tutte nella sezione "Chi sono".
Da quello che ho capito, devo:
1. nascondere le sezioni che non mi interessano e nascondere solo i titoli delle sezioni che mi interessano;
2. inserire i titoli da me creati e posizionarli.

Se è giusto questo mio ragionamento, come faccio a posizionarli??


p.s. ho provato entrambi i codici (FriendSpace .orangetext15, .FriendsComments .orangetext15 {display:none;} e .friendsComments td, .friendsComments td.text, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}), ma la situazione non cambia dallo stato attuale.
Li ho ovviamente inseriti all'interno di <style>...</style>

[vademecum]

Basta che metti all'inizio della sezione qualcosa tipo

Codice:

<div class="titolisezioni"><img src=URL_IMMAGINE /></div>

La prima parte non e` essenziale, ma ti puo essere utile per specificare una posizione relativa per tutte le tue immagini, oppure le dimensioni..
Se vuoi la versione semplice, puoi fare:

Codice:

<img src=URL_IMMAGINE /></br>

Ma è un div.class come quello del topbanner??
Cioè, la struttura è simile a questa (cambiando ovviamente i valori della dimensione e della posizione):

<style>div.topbanner {
top: 9;
left: 49%;
margin-left: -418px;
width: 856px;
height: 560px;
position: absolute;
}
body{
background-position:top center;margin-top: 571;}
</style>

<div class="topbanner">
<a href="www.myspace.com/etciociarvsetinsvlanvs" rel="nofollow">
<img src="http://img525.imageshack.us/img525/9320/topbannerfinalfy9.gif" border="0" height="560px" />
</a>
</div>

[ilnissardo]

Ma è un div.class come quello del topbanner??
Cioè, la struttura è simile a questa (cambiando ovviamente i valori della dimensione e della posizione):

E sopratutto nome! Non usare due volte lo stesso nome di classe altrimenti ti viene fuori un casino.

[vademecum]

Un codice del genere andrebbe bene??

<style>div.titolisezioni {
top: ;
left: %;
margin-left: px;
width: px;
height: px;
position: absolute;
}
body{
background-position:;margin-top: ;}
</style>

<div class="titolisezioni">
<a href="www.myspace.com/etciociarvsetinsvlanvs" rel="nofollow">
<img src="" />
</a>
</div>

In "background position" dovrei metterci la posizione sullo sfondo, giusto?!
Volendolo far capitare sulla destra, cosa dovrei metterci??
E a "margin-top"??

[vademecum]

Ho creato questo codice anche per i titoli delle varie sezioni ed ho finalmente capito come posizionarli.
Unico problema: se inserisco l'immagine del titolo semplicemente con <img src="">, l'immagine esce come l'ho creata (sezione "Chi Sono").
Se la inserisco all'interno di un <div>, vengono aggiunti tutti bordi (sezione "Commenti").
Come mai??

[ilnissardo]

Se la inserisco all'interno di un <div>, vengono aggiunti tutti bordi (sezione "Commenti").
Come mai??

Perche` il tuo DIV diventa una nuova classe, quindi devi cambiare tu i suoi attributi. Rimuovi i bordi, cambia il background.. insomma definiscila nel CSS esattamente come la vuoi. Se invece metti l'IMG senza DIV, questa eredita tutti gli attributi della classe nella quale la inserisci (nel tuo caso la tabella).

[vademecum]

Come faccio a cambiare i miei attributi??

[ilnissardo]

Per esempio con un codice simile a questo

Codice:

<style>
.tuaclasse
{
  border-style: none;
}</style>

Oppure se non vuoi creare una classe puoi fare

Codice:

<div style="border-style:none">....</div>

[vademecum]

Ok, grazie.
Ci proverò e ti farò sapere.