News Board

« Older   Newer »
  Share  
vale93kotor
view post Posted on 5/1/2008, 22:47




PERSONAL NEWS BOARD 2.0.6




Indice:
PERSONAL NEWS BOARD 2.0.6
Personalizzazione
Inserire Le News

Altre Guide




come mettere una newsboard nel propio sito

Fonte: Fc Wiki
News Board e Guida creata da Keeper e riscritta da me per il My Simple Romance

andate in gestione codici html e inserite in cima al forum questo codice:


HTML
<!--Inizio Personal News Board 2.0.5 //-->

<!--Form creato da - Keeper-; è vietata la rimozione dei credits o l'irregolare modifica del codice-->

<div class="news">
<table class="skin_tbl" cellpadding="0" cellspacing="0">
<tr onclick="if (t0.className=='nascosta') {t0.className='visibile';img_t0.className='minus'} else {t0.className='nascosta';img_t0.className='plus'}; salvapreferenze('t0',t0.className)">
<td class="mleft_top"></td>
<td>
<table class="mback" width="100%" cellpadding="0" cellspacing="0" style="cursor:pointer">
<tr>
<td class="mback_left">
<div class="plus"></div>
</td>
<td class="mback_center">
<!-- cambia Personal news Board per dare un nome alla tua news board-->
<div class="mtitle"> [color=red]inserisci nome [/color] </div>
</td>
<td class="mback_right" align="center">
<div id="img_t0" style="background-position:center">
</td>
</tr>
</table>
</td>
<td class="mright_top"></td>
</tr>
<tr>
<td class="mleft">
<img class="mleft" src="http://img.forumfree.net/index_file/spacer.gif" alt="">
</td>
<td>
<table class="mainbg" width="100%" cellpadding="0" cellspacing="1">
<tr id="t0">
<td class="ww">
<div class="newscroll" style="overflow: auto;height: 150px">
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<!--modifica da qui le tue news-->
[color=red]inserisci news[/color]
</td></tr>


<!--fine modifica news-->
</table>
</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">
<!-- se vuoi inserisci qui un messaggio personale -->
[color=red]inserisci mex personale[/color]
;
<!-- fine messaggio personale -->
</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.5</a></b>
</div>
</td>
</tr>
</table>
</tr>
</table>
</td>
<td class="mright">
<img class="mright" src="http://img.forumfree.net/index_file/spacer.gif" alt="">
</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'>&nbsp;</td>
<td class='msub_right'></td>
</tr>
</table>
<td class='mright_bottom'></td>
</tr>
</table>
</div>
<script type="text/javascript">img_t0.className='minus'; if (cat_nascoste.indexOf('t0,')!=-1){t0.className='nascosta';img_t0.className='plus'}
</script>
<br/>

<!--Fine Personal News Board 2.0.5 //-->


Poi in colori e stili incollate il seguente 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}


O in alternativa si può usare questo script per crearla x


Personalizzazione



Ed ecco come modificare la vostra news board:

CODICE
<div class="newscroll" style="overflow: auto;height: 150px">

Modificando 150 px cambierete la lunghezza

--

CODICE
.news {width: 100%}

Modificando 100% modificherete la larghezza

--

CODICE
.news_border {color: blue}

Modificando blue cambierete il colore della riga alla fine delle notizie

--

Con
CODICE
.news .ww {background-color: colore}

e
CODICE
.news .aa {background-color: colore}

modificando colore cambierete il colore di sfondo

-

Con
CODICE
.news .ww {color: colore}

e
CODICE
.news .aa {color: colore}

sempre cambiando la scritta colore modificherete il colore delle scritte


--

HTML
<div class="credits" style="float:left">
<!-- se vuoi inserisci qui un messaggio personale -->
&nbsp;
<!-- fine messaggio personale -->
</div>

Modificando questo messaggio cambierete la scritta a fianco di personal news board 2.0.6

--

La skin della NB sarà la stessa del forum.



--------

Inserire Le News



Questo pezzo di codice html è quello che ci interessa

HTML
<!--modifica da qui le tue news-->


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


<!--fine modifica news-->


Dove modificare la scritta

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

In questo modo:

-
HTML
13/3 0:36:
Mettere la data gg/mese e l'ora;

-
HTML
<a href='http://www.forumfree.net/?act=Profile&amp;MID=788968' target='_blank'>
Al posto del link mettere il link al profilo di chi posta le news ;

-
HTML
- keeper -</a></b>
E il nome;

-
HTML
</b>: prova <br>
Infine al posto di prova va messo il corpo della news (la news vera e propria)


Le altre righe

HTML
<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>

Se non servono vanno cancellate se no per ogni riga va inserita una news;

Se le righe finiscono è possibile inserirne di nuove incollando il seguente codice:

HTML
<tr><td width='100%' class='ww'>data ora <b><a href='linkprofilo' target='_blank'>nomeprofilo</a></b>: news<br>



--
Torna In Cima

Edited by ~vale93kotor} - 20/5/2009, 16:53
 
Top
0 replies since 5/1/2008, 22:47   571 views
  Share  
 

Codici, Guide And Other
 

Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity