News Board Con Effetto Scroll Creata Da Me

« Older   Newer »
 
  Share  
.
  1. Xxshark888xX
    view post Posted on 30/7/2012, 01:56
        +1   -1
     
    .

    User deleted
    Lo so ragazzi, non ci azzecca proprio un granché con il Forum in generale :baby: ma volevo mostrarvi cosa ho creato sta sera completamente da 0 (e da 0 non l'ho MAI fatto!)

    E' una News Board, ovvero una Tabella dove si postano le News :)

    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
    http://redeyegames.blogfree.net

    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, 17:00
     
    Top
    .
  2. !BarbaBietØla!™
    view post Posted on 30/7/2012, 10:29
        +1   -1
     
    .

    User deleted
    Bella :)
     
    Top
    .
  3. Xxshark888xX
    view post Posted on 30/7/2012, 12:43
        +1   -1
     
    .

    User deleted
    CITAZIONE (!BarbaBietØla!™ @ 30/7/2012, 11:29) 
    Bella :)

    Grazie :D

    15:19 Ho aggiornato il codice ^_^
    ora si può personalizzare il background della textbox con un'immagine oppure colorarla :)

    Edited by Xxshark888xX - 30/7/2012, 15:38
     
    Top
    .
  4. Xxshark888xX
    view post Posted on 30/7/2012, 16:01
        +1   -1
     
    .

    User deleted
    Aggiornato il codice, ora si può scegliere fra 2 News Board, una con i bordi e una senza
     
    Top
    .
  5. Xxshark888xX
    view post Posted on 31/7/2012, 12:33
        +1   -1
     
    .

    User deleted
    UP
     
    Top
    .
  6. iTecher
    view post Posted on 31/7/2012, 17:48
        +1   -1
     
    .

    User deleted
    bella. Davvero un bel lavoro
     
    Top
    .
  7. Dwalim
    view post Posted on 31/7/2012, 18:29
        +1   -1
     
    .

    User deleted
    Non capisco, ma credo sia un figata.
     
    Top
    .
  8. Alp
    view post Posted on 19/4/2014, 13:01
        +1   -1
     
    .

    User deleted
    Non si copiano post di altri forum.
    Vergognati soltanto :)
     
    Top
    .
7 replies since 30/7/2012, 01:56   235 views
  Share  
.

Off Topic
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree