Un effetto per il testo.. [Possibile?]

[James Creden]

Io ho bisogno di un effetto per il testo. Necessito di un tag che sposti al centro due parole, però sovrapposte. Ok, fanculo, non so spiegarlo, vi faccio un disegnino con Photoshop!

Ecco:



Una scritta sotto e una sovrapposta sopra. Mhh, sì, è possibile?

[fcaldera]

ad esempio utilizzando posizionamenti assoluti dentro in blocco posizionato in modo relativo

<div style="position: relative; background: #c00; width: 200px; height: 5em;">
<h1 style="position: absolute; top:0; left: 30px; color: #00c;">Testo</h1>
<h3 style="position: absolute; top:0.5em; color: #0c0;">Testo sovrapposto</h3>
</div>

[James Creden]

No, non funziona. In poche parole io lo devo inserire in un titolo sezione (vBulletin).
Quindi questa riga:

<div style="position: relative; background: #c00; width: 200px; height: 5em;">

</div>

..non mi serve. Lo dovevo specificare, sorry. L'immagine (sfondo rosso) non mi interessa, a me interessa solo il testo. ^_^

Aiutatemi please!

Dato che ci sono, faccio anche questa domanda.
Ci sarebbe una qualche raccolta di tutti (ripeto, tutti (vabbè, anche la maggior parte, s'intende)) gli effetti testo?

[Vincent.Zeno]

Funge, funge...
se non vuoi il div contenitore di esempio... non usarlo!

Ci sarebbe una qualche raccolta di tutti (ripeto, tutti (vabbè, anche la maggior parte, s'intende)) gli effetti testo?

Certo che c'è: il web!

Suggerimento: applicati allo studio dei css.
Quelli che tu chiami "effetti" li trovi lì.

guide per cominciare:
http://www.w3schools.com/
http://css.html.it/

[James Creden]

Eh no, e non funge...



Mi scasella ogni ben di dio se metto questo, nel titolo della sezione:

 <h1 style="position: absolute; top:0; left: 30px; color: #00c;">Testo</h1>
<h3 style="position: absolute; top:0.5em; color: #0c0;">Testo sovrapposto</h3>

Mo ti faccio uno screen, spè..

EDIT: Ecco.


Dopo ave messo quella roba nel titolo, ecco l'effetto che ho:

http://img205.imageshack.us/img205/9881/imm10vs.jpg

La parte che va bene è la parte "2"! La parte "1" è quella scazzata.

Poi, all'interno della sezione..

Quì è dopo aver inserito il codice:

http://img490.imageshack.us/img490/7822/imm227ts.jpg

E quì è come dovrebbe essere:

http://img490.imageshack.us/img490/3694/imm25al.jpg

Ergo, quel codice, non fa per me.

[Vincent.Zeno]

il codice postato da Fcaldera è solo di esempio... funzionante!
poi, metterlo nella tua pagina, è un'altra faccenda....

purtoppo le immagini postate non mi chiariscono il problema:
tu hai chiesto di sovrapporre due testi, ma dalle tue immagini non capisco questo :master:

prova a fare un disegno di quello che vorresti ottenere,
magari postando anche la porzione di codice interessata.

comunque sappi che, più semplicemente, puoi mettere due div (contenenti i testi)
uno dentro l'altro; o sovrapporli come indicatoti da Fcaldera


fai_sapere.css

[James Creden]

Con i div intendi così: <div><div>Le funzioni di vB</div>[How To]</div> ?
Così me li mette uno sopra e uno sotto. Così:

Le funzioni del forum
[How to]
-----------

Ok, riprendiamo il problema.
Io ho un vBulletin... e quì sorge la domanda a te (avendo letto questo:

magari postando anche la porzione di codice interessata.

..)

Sai cos'è, e più o meno, come funziona vBulletin?

[indigoindigo]

Originariamente inviato da James Creden
Sai cos'è, e più o meno, come funziona vBulletin?

And so?

:maLOL:

pensi che basti uno scriptino in php a spaventarci? VVoVe: (scherzo nat.)

posta il link alla pagina...

[Igreo]

Lo sto provando anch'io... l'ho provato ad inserire in un table, ma il risultato è sempre comunque il medesimo si va a piazzare sempre in alto a sinistra! Acc... ^^ò

<table align="center" style="width:100%">
<tr>
<td align="center">
<div style="background: #000; color: #005700;font-size: 15%;">
<h1 style="position: absolute; top:0; left: 30px; color: #00c;"><center>TUTTO CIò CHE VI SENTITE DI ESPRIMERE! ^^; ò</center></h1>
<h3 style="position: absolute; top:0.5em; color: #0c0;"><center>FORUMiGR&O</center></h3></div>
</td>
</tr>
</table>

[fcaldera]

Originariamente inviato da Igreo
Lo sto provando anch'io... l'ho provato ad inserire in un table, ma il risultato è sempre comunque il medesimo si va a piazzare sempre in alto a sinistra! Acc... ^^ò

si piazza in alto a sinistra perchè se guardi nel codice di esempio ho impostato la proprietà top:0; per le scritte. Cambia opportunamente i valori di top e left per posizionare le scritte come preferisci