Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Messaggi Staff


Pagina 1 di 2 1, 2  Seguente

Risolto Messaggi Staff

Messaggio Da teo il Mar 02 Giu 2015, 19:13

http://aiuto.forumattivo.it/t18354-messaggi-speciali-staff


Salve, per quanto riguarda i famosi Messaggi Staff, volevo chiedervi se sapevate dirmi come ottenere una specie di "Vignetta" utilizzando un codice CSS.
Sapreste aiutarmi??


Ultima modifica di teo il Sab 25 Lug 2015, 18:21, modificato 1 volta

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mar 02 Giu 2015, 19:17

Prova a guardare qui: http://jsfiddle.net/gabrieleromanato/NSaM8/ happy





MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mar 02 Giu 2015, 19:23

ciao @kaselli ho scelto la terza vignetta. puoi verificare se il CSS é corretto??

Codice:
.speech-bubble-top:after {
  border-bottom-color: #000;
 
  left: 50%;
  bottom: 100%;
  margin-left: -15px;
}
.speech-bubble-right:after {
  border-left-color: #000;
 
  left: 100%;
  top: 50%;
  margin-top: -15px;
}

Grazie mille

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mar 02 Giu 2015, 19:25

Come codice HTML:

Codice:
<div class="speech-bubble speech-bubble-left">Hi there</div>

Nel CSS:

Codice:
.speech-bubble {
  position: relative;
  background-color: #000;
  width: 200px;
  height: 150px;
  line-height: 150px;
  color: white;
  text-align: center;
  border-radius: 10px;
  font-family: sans-serif;
    margin: 2em auto;
}
 
.speech-bubble:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid;
}

 .speech-bubble-left:after {
  border-right-color: #000;
  top: 50%;
  right: 100%;
  margin-top: -15px;
}





MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mar 02 Giu 2015, 19:29

Nel codice HTML posso modificare 
Codice:
speech-bubble speech-bubble-left
o solo speech-bubble


Nel CSS invece modifico allo stesso modo vero??


Speech-bubble quindi dovrebbe essere la variabile??


@kaselli

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mar 02 Giu 2015, 19:31

Sì esatto è la variabile, il codice HTML non modificarlo, se ci devi scrivere qualcosa dentro, fai così:

Codice:
    <div class="speech-bubble speech-bubble-left">TESTO</div>

Modificando il codice CSS riesci a cambiare il colore e altre cose





MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da wdi il Mar 02 Giu 2015, 20:38

Ciao @kaselli il CSS lo inserito modificando il colore dello sfondo e invece il codice HTML  ho provato ad inserirlo in un topic per una prova, ma non funziona.

wdi
**
**

Sesso : Maschile
Età : 21
Messaggi : 76
Località : cr


Vedere il profilo dell'utente http://www.waltdisneyitalia@italians.tv
wdi è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mar 02 Giu 2015, 20:40

Neanche a me funziona. Come mai??

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mer 03 Giu 2015, 18:59

Faccio una prova:



Come mai a me funziona? happy


A me va.. ho inserito il codice HTML e CSS in questo messaggio





MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 03 Giu 2015, 19:15

@kaselli io ho messo il CSS bei CSS e invece il codice HTML nel post. .... Ho sbagliato qualcosa??

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 03 Giu 2015, 20:06

@teo puoi fornirci i css e html esatti (così come sono) che hai inserito?



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7356
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 03 Giu 2015, 20:07

@Niko ma con le modifiche che io ho fatto?

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 03 Giu 2015, 20:19

se preferisci non condividerle qui metti l'html qui e il css mandamelo pure per messaggio privato Wink



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7356
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 03 Giu 2015, 20:28

Nel CSS ho modificato solo background-color

Codice:
<div class="speech-bubble speech-bubble-left">Hi there</div>

Codice:
.speech-bubble {
  position: relative;
  background-color: #FF99PP;
  width: 200px;
  height: 150px;
  line-height: 150px;
  color: white;
  text-align: center;
  border-radius: 10px;
  font-family: sans-serif;
    margin: 2em auto;
}
 
.speech-bubble:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid;
}

 .speech-bubble-left:after {
  border-right-color: #000;
  top: 50%;
  right: 100%;
  margin-top: -15px;
}

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 03 Giu 2015, 20:35

@teo penso che manchi una parte di codici css Wink

qualcosa del tipo:
Codice:
.speech-bubble-left {
[...]
}



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7356
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 03 Giu 2015, 20:38

@Niko dove esattamente?? [...]---> ad esempio staff. ???

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 03 Giu 2015, 21:01

[...] è per dire che c'è qualcosa in mezzo Wink

il css con quell'intestazione è quello che manca (secondo me)



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7356
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 03 Giu 2015, 21:03

@Niko scusami tanto ma dove é la parte che manca qualcosa esattamente???
Non ho ben capito: [...] potrebbe essere qualcosa a mio piacere o manca proprio qualcosa (un errore quindi)

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 03 Giu 2015, 21:05

manca un pezzo di css, mettila così



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7356
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 03 Giu 2015, 21:08

@Niko ma allora prima @MattiaDes come ha fatto???
@MattiaDes potresti passarmi i codici CSS e HTML che hai inserito te??? Visto che i tuoi funzionano..... Grazie mille.

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 03 Giu 2015, 21:14

@teo in effetti Razz

i suoi codici erano:
Codice:
<style>.speech-bubble {position: relative;background-color: #000;width: 200px;height: 150px;line-height: 150px;color: white;text-align: center;border-radius: 10px;font-family: sans-serif;margin: 2em auto;}

.speech-bubble:after {content: '';position: absolute;width: 0;height: 0;border: 15px solid;}

.speech-bubble-left:after {border-right-color: #000;top: 50%;right: 100%;margin-top: -15px;}</style>

<div class="speech-bubble speech-bubble-left">TESTO</div>

prova a inserire i suoi :bene:
i css non sono sempre una scienza esatta



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7356
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mer 03 Giu 2015, 21:24

Come ha detto Niko, ti eri dimenticato di inserire questo:

Codice:
 .speech-bubble-left:after {
  border-right-color: #000;
  top: 50%;
  right: 100%;
  margin-top: -15px;
}

happy





MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mer 10 Giu 2015, 12:29

@teo novità?





MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 10 Giu 2015, 12:32

@MattiaDes oggi provo perché in questi giorni non riesco ad accendere il PC mi connetto sempre dal cellulare

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Messaggi Staff

Messaggio Da teo il Mer 10 Giu 2015, 19:33

ciao @MattiaDes ho provato ad inserire come hai fatto tu il CSS e HTML in un unico post per vedere se funziona, ma niente!!!
Se provo a metterlo qui sul forum invece funziona.
Come mai??


Ultima modifica di teo il Mer 10 Giu 2015, 19:34, modificato 1 volta (Ragione : Modifica Messaggio!)

teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1394
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Pagina 1 di 2 1, 2  Seguente

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum