News Board personalizzabile

« Older Newer »

Track Print Email Share

- keeper -

Posted on 3/1/2006, 03:10 +24

Quote

Advanced Member

Group: Silver Skinner

Posts: 7519

Reputation: +15

Status: Offline

Personal News Board created by - keeper -

Consultazione rapida:
Installazione
Modifica colori e Stile
Personalizzazione
Funzionamento
Aggiornamenti

PERSONAL NEWS BOARD 2.0.6

Ho notato che sono molte le richieste su come avere oltre alla normale tag board una news board nel proprio forum, ed essa è possibile farla attraverso il generatore di tabelle; però per comodità ho ideato questa semplicissima news board predefinita e personalizzabile per tutti coloro che vogliono avere sia una tag board che una news board similari tra di loro nel proprio forum, seguite quindi quanto di seguito spiegato per capire come inserirla e personalizzarla.

Personal News Board aggiornata alla: versione 2.0.6

PREMESSE:

Al fine di agevolare l'aiuto di coloro che hanno problemi con l'inserimento della personal news board s'invitano gli utenti a postare solo ed esclusivamente in caso di dubbi, problemi o proposte a riguardo. grazie

Detto ciò inizierei subito linkando alcuni esempi di come visualizzerete la pnb inserendola nel vostro forum; ogni esempio mostra la stessa con una skin diversa impostata.

Esempio 1 · Esempio 2 · Esempio 3

INSTALLAZIONE:

Da oggi è disponibile un nuovo tool per generale ed inserire la personal news board nei vostri forum, potrete accedere al form

cliccando qui

il funzionamento è basilare, compilate i campi impostando il nome della vostra news board, l'altezza che dovrà avere (di default è consigliato 150) e poi create la prima news inserendo il vostro nome utente, url del vostro profilo, data e ora differente da quella che automaticamente viene aggiornata, e news... cliccate su genera, copiate il codice fornito e incollatelo in gestione codici html ..

Per inserire successivamente altre news potrete usufruire di un secondo form (sintesi del primo) disponibile

cliccando qui

Detto ciò, se vorrete inserire la Personal News Board 2.0.6 manualmente nel vostro forum non dovrete far altro che copiare e incollare questo codice in:

Amministrazione > Gestione codici html :

Inserite il codice sottostante nel box in cui volete appaia la Personal News Board.

SPOILER (clicca per visualizzare)

CODICE

<script type="text/javascript">
function Kps(id){
var nav = document.getElementById(id).style ;
var cls = document.getElementById('Kp');
if(nav.display == 'none'){ nav.display = 'block'; cls.className ='minus'}else{ nav.display = 'none'; cls.className ='plus' }
}
</script>
<div class="news">
<table class="skin_tbl" cellpadding="0" cellspacing="0">
<tr onclick="Kps('t0')">
<td class="mleft_top"></td>
<td>
<table class="mback" width="100%" cellpadding="0" cellspacing="0" style="cursor:pointer">
<tr>
<td class="mback_left">

</td>
<td class="mback_center">

<div class="mtitle">Personal News Board 2.0.6</div>
</td>
<td class="mback_right" align="center">
<div id="Kp" class="minus"></div>
<div style="background-position:center">
</td>
</tr>
</table>
</td>
<td class="mright_top"></td>
</tr>
<tr>
<td class="mleft">

</td>
<td>
<div id="t0">
<table class="mainbg" width="100%" cellpadding="0" cellspacing="1">
<tr>
<td class="ww">
<div class="newscroll" style="overflow: auto;height: 150px">
<table border="0" cellpadding="2" cellspacing="0" width="100%">

<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova</td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>

</table>
</div>
</div>
<table width="100%" border="0" cellspacing="1" class="ww">
<tr>
<td nowrap width="1%" align="right" class="news_border" style="border-top: 1px solid">
<div class="credits" style="float:left">

 

</div>
<div class="credits" style="float:right;padding-right:4px">
<b><a href="http://supporto.forumfree.net/?t=6105316" alt="created by -keeper-"> Personal News board 2.0.6</a></b>
</div>
</td>
</tr>
</table>
</tr>
</table>
</td>
<td class="mright">

</td>
</tr>
<tr>
<td class="mleft_bottom"></td>
<td>
<table class="msub" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="msub_left"></td>
<td class='msub_center'> </td>
<td class='msub_right'></td>
</tr>
</table>
<td class='mright_bottom'></td>
</tr>
</table>
</div>
<br/>

dopo di che inserite quest'altro codice in: amministrazione > stili

modifica colori e stili:

N.B: Non importa la posizione in cui incollate il codice.

CODICE

/* PERSONAL NEWS BOARD 2.0.6 */

/* per modificare lo stile delle news modifica qui */

.news .aa {text-align: left}

.news .ww {text-align: left}

/* per modificare la linea che separa news da credit aggiungi color: #colore dentro le parentesi */

.news_border {}

/* per modificare la parte dei credits: N.b: è vietata la rimozione di essi. */

.credits {text-align:right}

/* riduci il di width per ridurre la larghezza della personal news board */

.news {width: 100%}

/* impostazione cursore per chiudere news board */

.news .mback {cursor:pointer}

Torna su

STILE:

Una volta faccio ciò, senza ulteriori modifiche la Personal news Board 2.0.6 sarà pronta all'uso, potrete però personalizzarla esteticamente seguendo le seguenti istruzioni:

- Se desiderate modificare la lunghezza della vostra Personal News Board 2.0.6 aumentate o diminuite questo valore ( 150px ) dalla parte di codice della personal news bord che dice:

CODICE

- Se volete modificare la larghezza invece dovrete aumentare o diminuire il valore di questa parte:

CODICE

.news {width: 100%}

- Se volete cambiare il colore della riga che termina le news dovrete sostituire questo codice al posto di quello attuale , modificando il colore della riga con quello che volete voi;

CODICE

.news_border {color: blue}

- Se volete modificare il colore delle scritte ( come potete vedere negli esempi ) dovete modificare i seguenti parametri:

CODICE

.news .ww {}

CODICE

.news .aa {}

aggiungendo tra le parentesi il colore che volete abbiano o lo sfondo, e allora inserirete questo codice all'interno

CODICE

background-color: colore

o le scritte

CODICE

color: colore

FUNZIONAMENTO:

- La Personal News Board non è altro che una tabella predefinita e modificata per l'esigenza , quindi per inserire le varie news non dovrete far altro che andare in: gestione codici html > e modificare da li manualmente il contenuto predefinito.

Le news iniziano da dovete vedete questo commento

CODICE

ciò che dovete modificare invece è questa parte qui:

CODICE

<tr><td width='100%' class='ww'> 13/3 0:36: <b><a href='http://www.forumfree.net/?act=Profile&MID=788968' target='_blank'>- keeper -</a></b>: prova <br>

sostituendo la data e l'ora, il tuo nome (cambiando anche l'indirizzo del mio profilo con il tuo), e al posto di prova, la tua news.

- Se avete altre news da aggiungere perchè quelle predefinite non bastano non dovrete far altro che inserire di seguito all'ultima riga di news questo codice, alternando la class='aa' con la classe 'ww' ad ogni inserimento di ogni stringa:

CODICE

<tr><td width='100%' class='aa' nowrap>inserisci qui il tuo messaggio <br>

Torna su

PERSONALIZZAZIONE:

Come posso mettere un immagine di sfondo nella news board?

Basta seguire quanto descritto qui www.forumfree.it/?l=0&wiki=Tagboard

sotituendo dove dice .tag a .news.

Come posso mettere un messaggio personale del tipo: ecco qui le news dal forum a fianco della scritta personal news board 2.0.6?

Inserite il messaggio che più preferite all'interno di questa parte.

CODICE

- La Personal News Board posside la stessa impostazione della skin che avete , ma è possibile personalizzare per esempio le varie informazioni utilizzando i codici che trovi qui: Guida ai Tag html più comuni

- Potrete cambiare inoltre la disposizione della news, potrete aggiungere opzioni o rimuoverne ( esempio: potete togliere la data o l'ora , o aggiungere altre informazioni )

questo è quanto... spero che questa piccola funzioncina possa essere utile... se avete dubbi o volete informazioni non esitate a contattarmi o ancor meglio a postare in questa discussione.

Torna su

AGGIORNAMENTI:

21-09-06 : Aggiunto puntatore a forma di mano per l'apertura/chiusura della pnb.

11-09-06 : Adesso si potrà inserire un messaggio personale a sinistra dei crediti, questo modo spero possa essere utile per invogliare la gente a non rimuovere i crediti, essenziali per chi intende sapere il modo per utilizzare la pnb nel proprio forum.

6-07-06 : Sostituita linea separatoria tra news e credits con un bordo superiore che assumerà lo stile della skin utilizzata, quello antecedente con il browser Firefox non era perfettamente visibile sotto l'aspetto grafico

15-06-06 : Da adesso la Personal news board si potrà aprire e chiudere come fosse una vera tag board

Torna su

Web

Legolas91

Posted on 3/1/2006, 09:59 +1

Quote

Senior Member

Group: Member

Posts: 22436

Reputation: +1

Location: Roma

Status: Offline

grazie...Utilissimo!

Web

Ade'

Posted on 3/1/2006, 15:57 +1

Quote
.

User deleted

Buona idea

.
Revi

Posted on 3/1/2006, 16:48 0

Quote
.

Senior Member
Group
Member
Posts
12375
Reputation
0

Status
Offline

Mitico - keeper -

PM Web

.
andry™

Posted on 4/1/2006, 20:16 0

Quote
.

User deleted

Molto utile, mi serviva proprio

^^

.
[M]

Posted on 4/1/2006, 22:31 0

Quote
.

User deleted

mi serviva proprio... grazie 1000 keeper!!!

.
D_V

Posted on 6/1/2006, 05:19 0

Quote
.

User deleted

GRAZIE MOLTO UTILE

.

Champ³

Posted on 6/1/2006, 18:20 0

Quote

User deleted

si è un'ottima cosa x nn sprecare la tag board cm news board, ma averle entrambe praticamente quasi identike

bravo kippete!

flymika

Posted on 6/1/2006, 21:29 0

Quote

User deleted

Grazie keeper io l'ho inserita e va tutto bene solo che non si adatta perfettamente allo stile del forum...(avro' forse cannato qualcosina...) nel senso che la news board non si chiude sotto con la solita barra grigia come tutte le altre tabelle.... se puoi darmi una mano ti ringrazio...

ecco il link x dare un'occhiata: http://kart.forumfree.net/

Inoltre altra domanda...la barra nera che divide la newsboard dal tuo nome non si puo' abbassare eliminando quello spazio? Grazie ancora!

- keeper -

Posted on 7/1/2006, 17:11 0

Quote

Advanced Member

Group: Silver Skinner

Posts: 7519

Reputation: +15

Status: Offline

l problema sta nella prima parte di codice inserito , sostituiscila con questa :

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">Personal News Board</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

Edited by - keeper - - 7/1/2006, 16:11

Web

Arkangel IceHeart

Posted on 7/1/2006, 17:25 0

Quote

Advanced Member

Group: Member

Posts: 2721

Reputation: 0

Location: Da qualche parte oltre l'arcobaleno

Status: Offline

sei un grande keeper

Contacts

flymika

Posted on 7/1/2006, 20:10 0

Quote
.

User deleted

Grazie molto gentile!!!!!!!

PM

.
Feardragon

Posted on 7/1/2006, 23:46 0

Quote
.

User deleted

Ottima idea!
Grazie!

.

flymika

Posted on 8/1/2006, 00:34 0

Quote

User deleted

CITAZIONE (- keeper - @ 7/1/2006, 16:11)

l problema sta nella prima parte di codice inserito , sostituiscila con questa :

CODICE

Ho provato ad inserirlo...ma non mi ha cambiato il risultato...e' identica a prima...

Questo e' il codice che ho inserito...

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle"> <b> NEWS BOARD </b> </div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div class="scroll6">

Ciao e grazie..

Edited by flymika - 7/1/2006, 23:37

MattiaV

Posted on 8/1/2006, 14:20 0

Quote

Advanced Member

Group: Member

Posts: 1977

Reputation: 0

Status: Offline

Io lo inserita,utile pero non posso scrivere e ci sono i mess di proiva

1648 replies since 3/1/2006, 03:10

Track Print Email Share