Redeye Games | Sviluppatori di Videogiochi Indie

News Board Con Effetto Scroll Creata Da Me

« Older   Newer »
  Share  
Xxshark888xX
view post Posted on 30/7/2012, 03:26     +1   -1




Salve ragazzi, ho creato questa semplice News Board (E' la prima volta che creo una tabella con tanto di textbox completamente da 0!)
Ma bando alle ciance!

Qui il codice completo con i bordi
SPOILER (clicca per visualizzare)
CODICE
<!-- ==================================== -->
<!-- News Board compatibile con Forumfree e Forumcommunity
// Realizzata da Xxshark888xX
// Copyright 2012 (c) http://redeyegames.blogfree.net/ - http://redeyegames.blogfree.net/?act=Msg&CODE=04&MID=814222
// Versione: 0.2 modificata l'ultima volta il 30/07/2012 alle 15:19 -->
<!-- ==================================== -->
<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

<div class="mtitle">News Board</div>

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

<tr><!---->
<td class="ww"><!-- Inizio News Board TextBox -->

<!-- Inizio Configurazione: Testo,Dimensione e Font -->
<div align="center">
<div id="scroll3" style="background: url(http://i.imgur.com/9n8RI.png); background-color: #COLORE (NON USARE SE AVETE MESSO UN IMMAGINE COME BACKGROUND!); BORDER-RIGHT: 1px solid; BORDER-TOP: 2px solid; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 800px; BORDER-BOTTOM: 2px solid; HEIGHT: 98px"><span style="color:#000000;font-size:7.5pt"><span style="color:#1c4cd5;font-size:12pt;font-family:">
<!-- Fine Configurazione: Testo,Dimensione e Font -->
<!-- Non Cambiare Nulla Da Qui! -->
<p style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; BORDER-LEFT-COLOR: windowtext; BORDER-BOTTOM-COLOR: windowtext; PADDING-BOTTOM: 0cm; BORDER-TOP-COLOR: windowtext; PADDING-TOP: 0cm; BORDER-RIGHT-COLOR: windowtext" align="left">
<!-- Messaggi Che Appariranno Nella News Board -->
Prova<br>
Prova<br>
Prova<br>
Prova<br>
Prova<br></p>
</span></span></span></div>
</div>
<!-- Fine News Board -->

<!-- Crediti. NON LEVARLI! -->
<div style="text-align: right">News Board con effetto Scroll by <a href="http://redeyegames.blogfree.net/?act=Msg&amp;CODE=04&amp;MID=814222">Xxshark888xX</a></div>
<!-- Fine Crediti! --></td>
</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">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>
<!-- Fine Tabella News Board -->


Qui invece vi mostro il codice spezzettato in parti, e vi spiego bene cosa fare e cosa non fare!

Info sulla versione della News Board e altro...
CODICE
<!-- ==================================== -->
<!-- News Board compatibile con Forumfree e Forumcommunity
// Realizzata da Xxshark888xX
// Copyright 2012 (c) http://redeyegames.blogfree.net/ - http://redeyegames.blogfree.net/?act=Msg&CODE=04&MID=814222
// Versione: 0.2 modificata l'ultima volta il 30/07/2012 alle 15:19 -->
<!-- ==================================== -->


Titolo della News Board e altre impostazioni sulla tabella in generale (Voi modificate SOLO il titolo se volete)
CODICE
<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

<div class="mtitle">TITOLO (Vi consiglio di mettere News Board)</div>

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">


Qui invece l'inizio della vera è propria News Board e la configurazione del testo e altro
CODICE
<tr><!---->
<td class="ww"><!-- Inizio News Board TextBox -->

<!-- Inizio Configurazione: Testo,Dimensione e Font -->
<div align="center">
<div id="scroll3" style="background: url(URL IMMAGINE BACKGROUND); background-color: #COLORE (NON USARE SE AVETE MESSO UN IMMAGINE COME BACKGROUND!); BORDER-RIGHT: 1px solid; BORDER-TOP: 2px solid; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: LARGHEZZA TEXTBOXpx; BORDER-BOTTOM: 2px solid; HEIGHT: ALTEZZA TEXTBOXpx"><span style="color:#000000;font-size:7.5pt"><span style="color:#1c4cd5;font-size:12pt;font-family:comic"><span style="FONT-FAMILY: 'FONT (Vi consiglio 'comic')'">
<!-- Fine Configurazione: Testo,Dimensione e Font -->
<!-- Non Cambiare Nulla Da Qui! -->
<p style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; BORDER-LEFT-COLOR: windowtext; BORDER-BOTTOM-COLOR: windowtext; PADDING-BOTTOM: 0cm; BORDER-TOP-COLOR: windowtext; PADDING-TOP: 0cm; BORDER-RIGHT-COLOR: windowtext" align="left">


Invece qua metterete i messaggi che volete che appaiono ^_^ (Ricordate sempre di mettere
CODICE
<br>
alla fine di ogni frase!)
CODICE
<!-- Messaggi Che Appariranno Nella News Board -->
30/07/2012 - PROVA<br>
30/07/2012 - PROVA<br>
30/07/2012 - PROVA<br>
30/07/2012 - PROVA<br>
30/07/2012 - PROVA<br>
30/07/2012 - PROVA<br>
30/07/2012 - PROVA<br>
</p>
</span></span></span></div>
</div>
<!-- Fine News Board -->


Qua invece i crediti, anche se questa News Board è una cazzata, voglio far sapere al mondo che ho creato una cazzata :boxed:
CODICE
<!-- Crediti. NON LEVARLI! -->
<div style="text-align: right">News Board con effetto Scroll by <a href="http://redeyegames.blogfree.net/?act=Msg&amp;CODE=04&amp;MID=814222">Xxshark888xX</a></div>
<!-- Fine Crediti! --></td>
</tr>


E qui finisce la tabella, non modificate nulla se non sapete ciò che state facendo!
CODICE
</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">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>
<!-- Fine Tabella News Board 0.1 -->


Qui il codice completo senza i bordi!
SPOILER (clicca per visualizzare)
CODICE
<!-- ==================================== -->
<!-- News Board compatibile con Forumfree e Forumcommunity
// Realizzata da Xxshark888xX
// Copyright 2012 (c) http://redeyegames.blogfree.net/ - http://redeyegames.blogfree.net/?act=Msg&CODE=04&MID=814222
// Versione: 0.2 modificata l'ultima volta il 30/07/2012 alle 15:19 -->
<!-- ==================================== -->
<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

<div class="mtitle">News Board</div>

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

<tr><!---->
<td class="ww"><!-- Inizio News Board TextBox -->

<!-- Inizio Configurazione: Testo,Dimensione e Font -->
<div align="center">
<div id="scroll3" style="background: url(http://i.imgur.com/9n8RI.png); background-color: #COLORE (NON USARE SE AVETE MESSO UN IMMAGINE COME BACKGROUND!); OVERFLOW: auto; WIDTH: 800px; HEIGHT: 98px"><span style="color:#000000;font-size:7.5pt"><span style="color:#1c4cd5;font-size:12pt;font-family:">
<!-- Fine Configurazione: Testo,Dimensione e Font -->
<!-- Non Cambiare Nulla Da Qui! -->
<p style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; BORDER-LEFT-COLOR: windowtext; BORDER-BOTTOM-COLOR: windowtext; PADDING-BOTTOM: 0cm; BORDER-TOP-COLOR: windowtext; PADDING-TOP: 0cm; BORDER-RIGHT-COLOR: windowtext" align="left">
<!-- Messaggi Che Appariranno Nella News Board -->
Prova<br>
Prova<br>
Prova<br>
Prova<br>
Prova<br></p>
</span></span></span></div>
</div>
<!-- Fine News Board -->

<!-- Crediti. NON LEVARLI! -->
<div style="text-align: right">News Board con effetto Scroll by <a href="http://redeyegames.blogfree.net/?act=Msg&amp;CODE=04&amp;MID=814222">Xxshark888xX</a></div>
<!-- Fine Crediti! --></td>
</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">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>
<!-- Fine Tabella News Board -->


Esempio
L'ho potete vedere qui stesso nel Blog ^_^

La tabella va in Grafica > Codice HTML > DOVE VOLETE CHE APPIA!

v0.2: Possibilità di mettere un background personalizzato!

Edited by Xxshark888xX - 30/7/2012, 16:55
 
Top
0 replies since 30/7/2012, 03:26   112 views
  Share  
 

Off-Topic
 

Create your blog! · Create your forum! · Top Blog · Categories · Help · Status · Contacts · Powered by BlogFree