Autore: Corey, icone recuperate da phpbb3world
Descrizione: Il BBCode Avviso importante ci permette di inviare le comunicazioni per indicare messaggi importanti per gli utenti.
File allegato: Scaricare, decomprimere e caricare l'intera cartella notices nella cartella images del tema dello stile.
Istruzioni:
Apri styles/prosilver/theme/colours.css
In fondo aggiungere:
Codice: Seleziona tutto
span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url("{T_THEME_PATH}/images/notices/attention.png") 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url("{T_THEME_PATH}/images/notices/notice.png") 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url("{T_THEME_PATH}/images/notices/alert.png") 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url("{T_THEME_PATH}/images/notices/download.png") 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url("{T_THEME_PATH}/images/notices/approved.png") 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url("{T_THEME_PATH}/images/notices/media.png") 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url("{T_THEME_PATH}/images/notices/note.png") 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url("{T_THEME_PATH}/images/notices/cart.png") 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url("{T_THEME_PATH}/images/notices/camera.png") 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url("{T_THEME_PATH}/images/notices/doc.png") 10px 50% no-repeat;}
In fondo aggiungere:
Codice: Seleziona tutto
span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url('./images/notices/attention.png') 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url('./images/notices/notice.png') 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url('./images/notices/alert.png') 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url('./images/notices/download.png') 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url('./images/notices/approved.png') 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url('./images/notices/media.png') 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url('./images/notices/note.png') 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url('./images/notices/cart.png') 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url('./images/notices/camera.png') 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url('./images/notices/doc.png') 10px 50% no-repeat;}
BBCode:
Codice: Seleziona tutto
[notice={IDENTIFIER}]{TEXT}[/notice]
Codice: Seleziona tutto
<span class="{IDENTIFIER}">{TEXT}</span>
Codice: Seleziona tutto
Notare: [notice=class]Testo qui[/notice]
Codice: Seleziona tutto
[notice=alert]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=approved]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=attention]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=camera]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=cart]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=doc]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=download]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=media]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=note]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
[notice=notice]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notice]
Invece di usare un unico BBCode come abbiamo fatto qui, è possibile creare un bbcode per ogni notizia:
BBCode:
Codice: Seleziona tutto
[alert]{TEXT}[/alert]
Codice: Seleziona tutto
<span class="alert">{TEXT}</span>
Codice: Seleziona tutto
alert: [alert]...del testo...[/alert]
Codice: Seleziona tutto
[alert]...del testo...[/alert]
Codice: Seleziona tutto
[approved]{TEXT}[/approved]
Codice: Seleziona tutto
<span class="approved">{TEXT}</span>
Codice: Seleziona tutto
approved: [approved]...del testo...[/approved]
Codice: Seleziona tutto
[approved]...del testo...[/approved]
Codice: Seleziona tutto
[attention]{TEXT}[/attention]
Codice: Seleziona tutto
<span class="attention">{TEXT}</span>
Codice: Seleziona tutto
attention: [attention]...del testo...[/attention]
Codice: Seleziona tutto
[attention]...del testo...[/attention]
Codice: Seleziona tutto
[camera]{TEXT}[/camera]
Codice: Seleziona tutto
<span class="camera">{TEXT}</span>
Codice: Seleziona tutto
camera: [camera]...del testo...[/camera]
Codice: Seleziona tutto
[camera]...del testo...[/camera]
Codice: Seleziona tutto
[cart]{TEXT}[/cart]
Codice: Seleziona tutto
<span class="cart">{TEXT}</span>
Codice: Seleziona tutto
cart: [cart]...del testo...[/cart]
Codice: Seleziona tutto
[cart]...del testo...[/cart]
Codice: Seleziona tutto
[doc]{TEXT}[/doc]
Codice: Seleziona tutto
<span class="doc">{TEXT}</span>
Codice: Seleziona tutto
doc: [doc]...del testo...[/doc]
Codice: Seleziona tutto
[doc]...del testo...[/doc]
Codice: Seleziona tutto
[download]{TEXT}[/download]
Codice: Seleziona tutto
<span class="download">{TEXT}</span>
Codice: Seleziona tutto
download: [download]...del testo...[/download]
Codice: Seleziona tutto
[download]...del testo...[/download]
Codice: Seleziona tutto
[media]{TEXT}[/media]
Codice: Seleziona tutto
<span class="media">{TEXT}</span>
Codice: Seleziona tutto
media: [media]...del testo...[/media]
Codice: Seleziona tutto
[media]...del testo...[/media]
Codice: Seleziona tutto
[note]{TEXT}[/note]
Codice: Seleziona tutto
<span class="note">{TEXT}</span>
Codice: Seleziona tutto
note: [note]...del testo...[/note]
Codice: Seleziona tutto
[note]...del testo...[/note]
Codice: Seleziona tutto
[notice]{TEXT}[/notice]
Codice: Seleziona tutto
<span class="notice">{TEXT}</span>
Codice: Seleziona tutto
notice: [notice]...del testo...[/notice]
Codice: Seleziona tutto
[notice]...del testo...[/notice]