Avviso importante BBCode

Mod BBCode Database
BBCode che hanno bisogno di editing di file o extra file
Regole del forum
Immagine
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Avviso importante BBCode

Messaggio da Galandas » 3 dic 2012, 23:58

Avviso importante BBCode

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:
notices.rar
download
(6.9 KiB) Scaricato 99 volte
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;}
Apri styles/subsilver2/theme/stylesheet.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('./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]
HTML:

Codice: Seleziona tutto

<span class="{IDENTIFIER}">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

Notare: [notice=class]Testo qui[/notice]
Esempio:

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]
Demo:
importante.jpg
screenshot

Invece di usare un unico BBCode come abbiamo fatto qui, è possibile creare un bbcode per ogni notizia:

BBCode:

Codice: Seleziona tutto

[alert]{TEXT}[/alert]
HTML:

Codice: Seleziona tutto

<span class="alert">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

alert: [alert]...del testo...[/alert]
Esempio:

Codice: Seleziona tutto

[alert]...del testo...[/alert]
BBCode:

Codice: Seleziona tutto

[approved]{TEXT}[/approved]
HTML:

Codice: Seleziona tutto

<span class="approved">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

approved: [approved]...del testo...[/approved]
Esempio:

Codice: Seleziona tutto

[approved]...del testo...[/approved]
BBCode:

Codice: Seleziona tutto

[attention]{TEXT}[/attention]
HTML:

Codice: Seleziona tutto

<span class="attention">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

attention: [attention]...del testo...[/attention]
Esempio:

Codice: Seleziona tutto

[attention]...del testo...[/attention]
BBCode:

Codice: Seleziona tutto

[camera]{TEXT}[/camera]
HTML:

Codice: Seleziona tutto

<span class="camera">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

camera: [camera]...del testo...[/camera]
Esempio:

Codice: Seleziona tutto

[camera]...del testo...[/camera]
BBCode:

Codice: Seleziona tutto

[cart]{TEXT}[/cart]
HTML:

Codice: Seleziona tutto

<span class="cart">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

cart: [cart]...del testo...[/cart]
Esempio:

Codice: Seleziona tutto

[cart]...del testo...[/cart]
BBCode:

Codice: Seleziona tutto

[doc]{TEXT}[/doc]
HTML:

Codice: Seleziona tutto

<span class="doc">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

doc: [doc]...del testo...[/doc]
Esempio:

Codice: Seleziona tutto

[doc]...del testo...[/doc]
BBCode:

Codice: Seleziona tutto

[download]{TEXT}[/download]
HTML:

Codice: Seleziona tutto

<span class="download">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

download: [download]...del testo...[/download]
Esempio:

Codice: Seleziona tutto

[download]...del testo...[/download]
BBCode:

Codice: Seleziona tutto

[media]{TEXT}[/media]
HTML:

Codice: Seleziona tutto

<span class="media">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

media: [media]...del testo...[/media]
Esempio:

Codice: Seleziona tutto

[media]...del testo...[/media]
BBCode:

Codice: Seleziona tutto

[note]{TEXT}[/note]
HTML:

Codice: Seleziona tutto

<span class="note">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

note: [note]...del testo...[/note]
Esempio:

Codice: Seleziona tutto

[note]...del testo...[/note]
BBCode:

Codice: Seleziona tutto

[notice]{TEXT}[/notice]
HTML:

Codice: Seleziona tutto

<span class="notice">{TEXT}</span>
Aiuto in linea:

Codice: Seleziona tutto

notice: [notice]...del testo...[/notice]
Esempio:

Codice: Seleziona tutto

[notice]...del testo...[/notice]
Menu Forum ha scritto:

Rispondi

Torna a “Mod BBCode”

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti