Barra utente e codice html, RISOLTO

« Older   Newer »
  Share  
view post Posted on 7/10/2012, 15:00
Avatar

Sfumino

Group:
Member
Posts:
4,700
Location:
Isola del Liri

Status:


NICK: La Effe
LINK FORUM: AIMF
COSA VOLETE: Cercherò di essere il più conciso possibile.
I problemi che non riesco a risolvere sono due:
PROBLEMA 1) Aprendo il mio forum e guardando in alto, si noterà che la barra utente non è centrata, bensì spostata leggermente a sinistra.
In spoiler l'immagine per farvi capire meglio:


Ora, ho provato ad applicare tale codice:
CODICE
.menu {height: 41px; width: 100%; position: fixed; top: 0; left: 0; background-image: url(http://img407.imageshack.us/img407/7533/unled21k.png); background-repeat: no-repeat; text-align: center; color: #812332}


Ma il risultato è questo:


---

PROBLEMA 2) In "Grafica" --> "Codice HTML", nella sezione "Codice HTML che sarà mostrato in FONDO a tutte le pagine", ho creato lo spazio tipico che si vede in ogni telegiornale dove scorrono le notizie in tempo reale.
Il codice da me inserito e creato è:
CODICE
<table width="100%" height="25" cellspacing="0" cellpadding="1" border="1" bgcolor=#ffffff bordercolor=#812332 frame="above" rules="none">
<tr>

<td aling="right" valign="middle" height="100%" style="border-right:0px"><img src="http://img836.imageshack.us/img836/2535/29308309.png"></td>

<td align="left" valing="middle" height="100%" style="border-left:0px"><marquee loop=-1 scrollamount=7 onmouseover="this.stop()" onmouseout="this.start()"><span style="color:#812332; font-size:10pt"><b>ISCRIZIONI</b> Aperta la discussione dove lasciare la propria adesione al primo torneo stagionale --> <a href="http://aimf.forumcommunity.net/?t=52551387">Clicca quì</a> | <b>DRAFT</b> Il draft inizierà alle 08:00 di Lunedì 08 Ottobre. L'overall delle squadre è fissato a 3 stelle --> <a href="http://aimf.forumcommunity.net/?t=52624764">Clicca quì</a> | <b>RANKING</b> Pubblicato il ranking definitivo relativo a FIFA 12 --> <a href="http://aimf.forumcommunity.net/?t=49034765#entry346605655">Clicca quì</a></span></marquee></td>

</tr>
</table>


Le mie perplessità:
1) come si fa a dare la semitrasparenza allo sfondo della tabella?
Mi serve semitrasparente soltanto lo sfondo della tabella, e non le scritte che vi scorrono.
Ho provato ad inserire, all'interno di <table>, il codice style="filter:alpha(opacity=60)", ma non funziona.
Mi par di ricordare di aver anche provato ad attribuirlo a bgcolor, ma stesso risultato negativo.

2) come faccio a far diventare questa tabella fissa ed indipendente dallo scrolling?
Deve cioè rimanere sempre fissa in basso.

3) se ci fate caso, il testo ricompare dall'estremo destro dello schermo solo dopo essere "scomparso" completamente.
È possibile farlo riapparire non appena le prime parole iniziano a nascondersi dopo aver raggiunto l'estremo sinistro dello schermo?


Ringrazio tutti per l'aiuto.
 
Web Contacts  Top
view post Posted on 9/10/2012, 09:20
Avatar

Sfumino

Group:
Member
Posts:
4,700
Location:
Isola del Liri

Status:


Non c'è nessuno che può aiutarmi?
Ho provato e riprovato con i codici, ma non riesco a venirne a capo.
 
Web Contacts  Top
Font.
view post Posted on 9/10/2012, 17:39




scusami, non mi ero accorta del tuo messaggio =)


per il menù fai così:
CODICE
.menu {height: 41px; width: 300px; margin-left: auto; margin-right: auto; top: 0; right: 0; left:0; position: fixed; background-image: url(http://img407.imageshack.us/img407/7533/unled21k.png); background-repeat: no-repeat; text-align: center; color: #812332}




per il punto 1 della tabella: l'unico modo che conosco per avere solo il colore dello sfondo della tabella un po' trasparente è questo:
CODICE
background-color=rgba (255, 255, 255, .50)

ma non funziona per le tabelle.
se metti l'opacity ti diverranno trasparenti anche le scritte.
le soluzioni possibili che conosco sono due: cancelli il pezzo bgcolor=#ffffff e vedrai direttamente lo sfondo, oppure metti un'immagine cambiando bgcolor=#ffffff con background="LINK IMMAGINE"


per il punto 2 della tabella: Io vedo che la tabella in basso e già fissa. vuoi che si muova insieme allo scrolling?





per il punto 3 della tabella: non è possibile. il testo ricompare solo quando è arrivato alla fine

Edited by Font. - 10/10/2012, 16:46
 
Top
view post Posted on 11/10/2012, 16:44
Avatar

Sfumino

Group:
Member
Posts:
4,700
Location:
Isola del Liri

Status:


Ciao.
Intanto ti ringrazio ENORMEMENTE per l'aiuto.
Scusami se ti rispondo soltanto adesso ma, causa università, sono stato impegnato.
Provo subito le modifiche da te suggeritemi e metto quì il risultato.
 
Web Contacts  Top
view post Posted on 11/10/2012, 17:04
Avatar

Sfumino

Group:
Member
Posts:
4,700
Location:
Isola del Liri

Status:


Allora, per quanto riguarda la barra utente ho fatto queste piccole modifiche (in rosso):
.menu {height: 40px; width: 704px; margin-left: auto; margin-right: auto; top: 0; right: 0; left: 0; position: absolute; background-image: url(https://digilander.libero.it/rezeerbaf/Barra%20utente.png); background-repeat: no-repeat; text-align: center; color: #812332}

Soltanto un'ultima cosa.
È possibile traslare tutti gli elementi che compaiono sulla barra utente a sinistra, in modo che la distanza degli stessi dall'estremo sinistro e destro dell'immagine della barra sia uguale?

---

Riguardo la barra in basso simil TG-news, per quanto riguarda lo sfondo semitrasparente è creare, a questo punto, un'immagine semitrasparente con photoshop ed amen.
Va bene, no?

Riguardo, invece, lo scrolling, vorrei che valesse per essa la stessa cosa che mi avevi impostato per la barra utente (position: fixed).
Cioè, sempre visibile nonostante io faccia sù e giù nella pagina che visualizzo.
 
Web Contacts  Top
Font.
view post Posted on 11/10/2012, 17:17




prova a togliere dal .menu la striscia text-align: center. così:

CODICE
.menu {height: 40px; width: 704px; margin-left: auto; margin-right: auto; top: 0; right: 0; left: 0; position: absolute; background-image: url(http://digilander.libero.it/rezeerbaf/Barra%20utente.png); background-repeat: no-repeat; color: #812332}



---------------


CITAZIONE
Riguardo la barra in basso simil TG-news, per quanto riguarda lo sfondo semitrasparente è creare, a questo punto, un'immagine semitrasparente con photoshop ed amen.
Va bene, no?

sì, va benissimo fatto in quel modo. però ricordati di togliere il colore del bgcolor=#ffffff



---------------


CITAZIONE
Riguardo, invece, lo scrolling, vorrei che valesse per essa la stessa cosa che mi avevi impostato per la barra utente (position: fixed).
Cioè, sempre visibile nonostante io faccia sù e giù nella pagina che visualizzo.

questo non lo so, prima devo fare delle prove e vedere se è possibile

Edited by Font. - 12/10/2012, 16:45
 
Top
Font.
view post Posted on 11/10/2012, 18:34




per la tabella fixed devi fare così:

CODICE
<div style="position:fixed; bottom:2px; left:2px;"><table width="100%" height="25" cellspacing="0" cellpadding="1" border="1" bgcolor=#ffffff bordercolor=#812332 frame="above" rules="none">
<tr>

<td aling="right" valign="middle" height="100%" style="border-right:0px"><img src="http://img836.imageshack.us/img836/2535/29308309.png"></td>

<td align="left" valing="middle" height="100%" style="border-left:0px"><marquee loop=-1 scrollamount=7 onmouseover="this.stop()" onmouseout="this.start()"><span style="color:#812332; font-size:10pt"><b>ISCRIZIONI</b> Aperta la discussione dove lasciare la propria adesione al primo torneo stagionale --> <a href="http://aimf.forumcommunity.net/?t=52551387">Clicca quì</a> | <b>DRAFT</b> Il draft inizierà alle 08:00 di Lunedì 08 Ottobre. L'overall delle squadre è fissato a 3 stelle --> <a href="http://aimf.forumcommunity.net/?t=52624764">Clicca quì</a> | <b>RANKING</b> Pubblicato il ranking definitivo relativo a FIFA 12 --> <a href="http://aimf.forumcommunity.net/?t=49034765#entry346605655">Clicca quì</a></span></marquee></td>

</tr>
</table>
</div>



e ti si muoverà assieme alla scrollbar =D
 
Top
view post Posted on 11/10/2012, 19:33
Avatar

Sfumino

Group:
Member
Posts:
4,700
Location:
Isola del Liri

Status:


Stupenda!!!!!
Non so come ringraziarti!
Domani con calma farò quella semitrasparenza e vediamo come viene fuori il tutto.
 
Web Contacts  Top
view post Posted on 13/10/2012, 07:15
Avatar

Sfumino

Group:
Member
Posts:
4,700
Location:
Isola del Liri

Status:


Provata la soluzione semitrasparente, ma non mi convince.
Per ora lascerò questa attuale. ;)
 
Web Contacts  Top
Font.
view post Posted on 13/10/2012, 13:47




perfetto.
allora visto che qui è tutto risolto io chiudo la discussione. per qualche altro problema puoi creare un'altra discussione come questa :)
 
Top
10 replies since 7/10/2012, 15:01   104 views
  Share