Attenzione

Questa discussione si intitola Attenzione nella sezione BBCode. Attenzione Autore: SuperPunkMario Descrizione: é un bbcode che serve per richiamare l'attenzione per un'informazione importante o per altre cose Note: le immagini sono inserite con ...

Attenzione

Messaggioda SuperPunkMario » 28/11/2011, 20:33

Attenzione

Autore: SuperPunkMario
Descrizione: é un bbcode che serve per richiamare l'attenzione per un'informazione importante o per altre cose :D

Note: le immagini sono inserite con un hosting (imageshack) in modo da rendere facile inserire il bbcode :roll:

Uso BBcode:
Codice: Seleziona tutto
[attenzione]{TEXT}[/attenzione]


Trasforma in HTML:
Codice: Seleziona tutto
<img src="http://img443.imageshack.us/img443/2076/attenzioneowu.png">
<div style="margin-bottom: 10px; background: #FF0033; padding: 6px; height:auto; border: 4px solid #000000; border-radius: 6px; border-radius: 6px; border-radius: 6px;"><p align="center" ><img src="http://img88.imageshack.us/img88/4056/statusdialogerroricon.png" ></p><div><align="left" style="font-size: 150%" ><b>{TEXT}</b></div></div>


Guida in linea:
Codice: Seleziona tutto
Attenzione: [attenzione]Testo[/attenzione]


Anteprima BBcode:
http://imageshack.us/photo/my-images/819/bbcodea.png/

Demo (link esterno)
Ultima modifica di SuperPunkMario il 02/12/2011, 18:12, modificato 4 volte in totale.
Immagine
Avatar utente
SuperPunkMario
Utente
Utente
 
Messaggi: 64
Iscritto il: 07/03/2011, 22:01
Sesso: Maschio
Versione: 3.0.9
MOD:
Server: UNIX/Linux
phpBB SEO:
PHP: 5.2.13
Database: MySQL 5.1.49-community-log

  • Condividi questa discussione
  • Ti piace questa discussione?
    Condividila! :)

Re: Attenzione

Messaggioda tiger » 28/11/2011, 20:38

Da problemi con IE?
Perche' -moz-border-radius: 6px; -webkit-border-radius
Non e' ben digerito da ie.....
Avatar utente
tiger
phpBB Expert
phpBB Expert
 
Messaggi: 1073
Iscritto il: 24/05/2011, 12:37
Località: Roma
Sesso: Maschio
Versione: 3.0.10
MOD:
Server: UNIX/Linux
phpBB SEO:
PHP: 5.3.8
Database: MySQL(i) 5.1.57-community-log

Re: Attenzione

Messaggioda Lady R » 28/11/2011, 21:42

non c'è bisogno di usare le classi -moz e -webkit per border-radius, ormai si può usare direttamente "border-radius" senza prefisso.

Internet Explorer supporta border-radius dalla versione 10
Avatar utente
Lady R
Traduttore
Traduttore
 
Messaggi: 566
Iscritto il: 08/11/2011, 14:43
Sesso: Femmina
Versione: 3.0.9
MOD:
Server: UNIX/Linux
phpBB SEO: No
PHP: 5.3.8
Database: MySQLi

Re: Attenzione

Messaggioda SuperPunkMario » 28/11/2011, 21:44

ho provato con IE, il carattere diventa più piccolo, temo che si un problema proprio delle impostazione del browser, hai qualche consiglio? grazie

EDIT: ok modifico il codice ;)
Immagine
Avatar utente
SuperPunkMario
Utente
Utente
 
Messaggi: 64
Iscritto il: 07/03/2011, 22:01
Sesso: Maschio
Versione: 3.0.9
MOD:
Server: UNIX/Linux
phpBB SEO:
PHP: 5.2.13
Database: MySQL 5.1.49-community-log

Re: Attenzione

Messaggioda Lady R » 28/11/2011, 22:30

common.css
Codice: Seleziona tutto
.bbalert div {
   background: url(http://imagise.allise.net/b/stripe55e52b04.png) repeat;
   width: 100%;
   border-radius: 8px;
   border-top: 1px solid #FFF700;
   margin: -2px 8px 8px 8px;
   min-height: 60px;
   padding: 5px;
}

.bbalert div img {
   float: left;
   margin: 5px 7px 0px 7px;

}

.bbalert div p {
   font-family: Ubuntu;
   background: #000;
   opacity: 0.8;
   margin: 5px 5px 5px 80px;
   min-height: 50px;
   border-radius: 3px;
   font-weight: bold;
   color: #FFF;
}


HTML del BBcode:

Codice: Seleziona tutto
<div class="bbalert">
<img src="http://imagise.allise.net/b/bbattenzione.png">
<div><img src="http://imagise.allise.net/b/bbattenziofrf.png" /><p>{TEXT}</p></div>
</div>


Anteprima:
Immagine
Avatar utente
Lady R
Traduttore
Traduttore
 
Messaggi: 566
Iscritto il: 08/11/2011, 14:43
Sesso: Femmina
Versione: 3.0.9
MOD:
Server: UNIX/Linux
phpBB SEO: No
PHP: 5.3.8
Database: MySQLi

Re: Attenzione

Messaggioda tiger » 28/11/2011, 22:59

Lady.R se ce lo sistemi x benino magari con l'immagine allegata da inserire lo usiamo subito^^ :-)
Avatar utente
tiger
phpBB Expert
phpBB Expert
 
Messaggi: 1073
Iscritto il: 24/05/2011, 12:37
Località: Roma
Sesso: Maschio
Versione: 3.0.10
MOD:
Server: UNIX/Linux
phpBB SEO:
PHP: 5.3.8
Database: MySQL(i) 5.1.57-community-log

Re: Attenzione

Messaggioda Lady R » 28/11/2011, 23:08

ci son già le immagini, di quali altre hai bisogno?
Avatar utente
Lady R
Traduttore
Traduttore
 
Messaggi: 566
Iscritto il: 08/11/2011, 14:43
Sesso: Femmina
Versione: 3.0.9
MOD:
Server: UNIX/Linux
phpBB SEO: No
PHP: 5.3.8
Database: MySQLi

Re: Attenzione

Messaggioda tiger » 28/11/2011, 23:18

^^,vero pardon :oops:
Avatar utente
tiger
phpBB Expert
phpBB Expert
 
Messaggi: 1073
Iscritto il: 24/05/2011, 12:37
Località: Roma
Sesso: Maschio
Versione: 3.0.10
MOD:
Server: UNIX/Linux
phpBB SEO:
PHP: 5.3.8
Database: MySQL(i) 5.1.57-community-log


Torna a BBCode

SEO Search Tags

classi moz-      bbcode <p>      phpbb border-radius      bbcode <p> che serve?

Chi c’è in linea

Visitano il forum: Moloch e 3 ospiti

  • Pubblicità