Messaggi Staff


Pagina 1 di 2 1, 2  Seguente

Risolto Messaggi Staff

Messaggio Da Teodor il Mar 2 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
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mar 2 Giu 2015 - 19:17



avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mar 2 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
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mar 2 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;
}


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mar 2 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
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mar 2 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


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


Vedi 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 2 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.
avatar
wdi
**
**

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


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mar 2 Giu 2015 - 20:40

Neanche a me funziona. Come mai??
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da MattiaDes il Mer 3 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


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mer 3 Giu 2015 - 19:15

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


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 3 Giu 2015 - 20:06

@teo puoi fornirci i css e html esatti (così come sono) che hai inserito?
avatar
Niko
Veterano dello staff


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


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mer 3 Giu 2015 - 20:07

@Niko ma con le modifiche che io ho fatto?
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 3 Giu 2015 - 20:19

se preferisci non condividerle qui metti l'html qui e il css mandamelo pure per messaggio privato Wink
avatar
Niko
Veterano dello staff


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


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mer 3 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;
}
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 3 Giu 2015 - 20:35

@teo penso che manchi una parte di codici css Wink

qualcosa del tipo:
Codice:
.speech-bubble-left {
[...]
}
avatar
Niko
Veterano dello staff


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


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mer 3 Giu 2015 - 20:38

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


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 3 Giu 2015 - 21:01

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

il css con quell'intestazione è quello che manca (secondo me)
avatar
Niko
Veterano dello staff


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


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mer 3 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)
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 3 Giu 2015 - 21:05

manca un pezzo di css, mettila così
avatar
Niko
Veterano dello staff


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


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor il Mer 3 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.
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Niko il Mer 3 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
avatar
Niko
Veterano dello staff


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


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


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


Vedi 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à?


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor 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
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


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

Risolto Re: Messaggi Staff

Messaggio Da Teodor 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 (Motivazione : Modifica Messaggio!)
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1694
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
Teodor è 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

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum