Breaking News

Area dedicata al phpBB 3.0.X
Rispondi
TarjaFloor
Utente
Utente
Messaggi: 57
Iscritto il: 10/01/2013, 15:37
Link del Forum: www.fantascienzallatele.altervista.org/forum/index.php

Breaking News

Messaggio da TarjaFloor »

Salve, bimbi&mici.

Vorremmo realizzare una sorta di BREAKING NEWS sul nostro forum, propedeutiche alle ruolate in atto.
So che esiste la possibilità di creare il bbCode marquee ma mi chiedevo se si riesca, in qualche modo, a far scorrere un testo in tutta la larghezza della FORUM HOME.
Se avete domande, chiedete pure :grazie:
Avatar utente
Dr.House
Amministratore
Amministratore
Messaggi: 2173
Iscritto il: 08/01/2012, 8:24
Link del Forum: www.phpbb-italia.it
Località: Reggio Calabria
Contatta:

Re: Breaking News

Messaggio da Dr.House »

TarjaFloor ha scritto:Salve, bimbi&mici.

Vorremmo realizzare una sorta di BREAKING NEWS sul nostro forum, propedeutiche alle ruolate in atto.
So che esiste la possibilità di creare il bbCode marquee ma mi chiedevo se si riesca, in qualche modo, a far scorrere un testo in tutta la larghezza della FORUM HOME.
Se avete domande, chiedete pure :grazie:
tarja il link al profilo non ci aiuta essendo di fatto un'installazione nuda e cruda di phpbb3.
Il bbcode marquee è deprecato dal w3c validator, ma se a te non interessa...
Quanto "all'avviso" realativo al testo da far scorrere certo che si può fare.
La modifica è molto semplice:la creazione di un file html da mettere nel template ed un richiamo allo stesso nell'index_body.html.
Ti verrà un blocco come quello che vedi qui nella homepage dove ci sono i banner, ma te avrai il testo scorrevole.
Facci sapere se ti interessa.
:D:
bimbi&mici? :lol:
Avatar utente
Dr.House
Amministratore
Amministratore
Messaggi: 2173
Iscritto il: 08/01/2012, 8:24
Link del Forum: www.phpbb-italia.it
Località: Reggio Calabria
Contatta:

Re: Breaking News

Messaggio da Dr.House »

ti ho preparato una piccola modifica al volo ma con testo centrato e lampeggiante.
Crea con notepad++ un file html e ci butti dentro questo codice:

Codice: Seleziona tutto

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>QUI IL NOME DEL BLOCCO</dt>
                        </dl>
                     </li>
                  </ul>
                  <ul class="topiclist forums">
                     <li>
                     <div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:5px;">
                <center>
          <div id="blink" style="text-align: center;"> <span style="color: #FF0000; font-size: 20px;"><b>QUI INVECE IL TESTO DI AVVISO.</b></span></a> </div>
<script language="JavaScript">
function blink_one() {
document.getElementById('blink').style.visibility='visible';
setTimeout('blink_two()',700);
}
function blink_two() {
document.getElementById('blink').style.visibility='hidden';
setTimeout('blink_one()',700);
}
blink_one();
</script> 
                     </div>
                     </li>
                  </ul>
                  <span class="corners-bottom"><span></span></span></div>
               </div>
apri index_body.html e cerca

Codice: Seleziona tutto

<!-- INCLUDE overall_header.html -->
aggiungi dopo

Codice: Seleziona tutto

<!-- INCLUDE tuofile.html --> 
(cioè il nome che hai dato al file)

questo è il risultato:
avviso.png
[hr]

note per il testo lampeggiante: il valore 700 se lo aumenti, diminuisce la funzione si lampeggiamento
il colore #FF0000 (rosso) lo potrai cambiare a tuo piacimento.
agendo sul padding:10px potrai aumentare o diminuire il font.
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Breaking News

Messaggio da Moloch »

per passare la convalida del codice al w3c validator

Codice: Seleziona tutto

<!-- IF not S_IS_BOT -->
    <div class="forabg">
                      <div class="inner"><span class="corners-top"><span></span></span>
                      <ul class="topiclist">
                         <li class="header">
                            <dl class="icon">
                               <dt>QUI IL NOME DEL BLOCCO</dt>
                            </dl>
                         </li>
                      </ul>
                      <ul class="topiclist forums">
                         <li>
                         <div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:5px;">
                    <center>
              <div id="blink" style="text-align: center;"> <span style="color: #FF0000; font-size: 20px;"><b>QUI INVECE IL TESTO DI AVVISO.</b></span></a> </div>
    <script language="JavaScript">
    function blink_one() {
    document.getElementById('blink').style.visibility='visible';
    setTimeout('blink_two()',700);
    }
    function blink_two() {
    document.getElementById('blink').style.visibility='hidden';
    setTimeout('blink_one()',700);
    }
    blink_one();
    </script>
                         </div>
                         </li>
                      </ul>
                      <span class="corners-bottom"><span></span></span></div>
                   </div>
<!-- ENDIF -->	
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Breaking News

Messaggio da Moloch »

Se vuoi integrare il marquee
sostituisci questa parte

Codice: Seleziona tutto

                <center>
          <div id="blink" style="text-align: center;"> <span style="color: #FF0000; font-size: 20px;"><b>QUI INVECE IL TESTO DI AVVISO.</b></span></a> </div>
<script language="JavaScript">
function blink_one() {
document.getElementById('blink').style.visibility='visible';
setTimeout('blink_two()',700);
}
function blink_two() {
document.getElementById('blink').style.visibility='hidden';
setTimeout('blink_one()',700);
}
blink_one();
</script> 
con

Codice: Seleziona tutto

<marquee behavior="scroll" direction="left" scrolldelay="1" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
qui inserisci il codice con immagini o testo che vuoi
</marquee>
TarjaFloor
Utente
Utente
Messaggi: 57
Iscritto il: 10/01/2013, 15:37
Link del Forum: www.fantascienzallatele.altervista.org/forum/index.php

Re: Breaking News

Messaggio da TarjaFloor »

L'idea è piaciuta moltissimo tanto che il gestore l' ha subito messa a frutto, come potete vedere qui
Vi chiedo ancora una cosilla: è arcinoto ( a meno che si sappia qualcosa che io non so, ed è enorme il numero delle cose che non so ) che PHPBB comprime gli spazi da enne ad uno... esiste un modo di inserire enne spazi ( per n>1 ) tra due parole evitando questa compressione?

LIVE LONG AND PROSPER !!
TarjaFloor
Utente
Utente
Messaggi: 57
Iscritto il: 10/01/2013, 15:37
Link del Forum: www.fantascienzallatele.altervista.org/forum/index.php

Re: Breaking News

Messaggio da TarjaFloor »

TarjaFloor ha scritto:L'idea è piaciuta moltissimo tanto che il gestore l' ha subito messa a frutto, come potete vedere qui
Vi chiedo ancora una cosilla: è arcinoto ( a meno che si sappia qualcosa che io non so, ed è enorme il numero delle cose che non so ) che PHPBB comprime gli spazi da enne ad uno... esiste un modo di inserire enne spazi ( per n>1 ) tra due parole evitando questa compressione?

LIVE LONG AND PROSPER !!
[SOLVED]
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Breaking News

Messaggio da Moloch »

TarjaFloor ha scritto:L'idea è piaciuta moltissimo tanto che il gestore l' ha subito messa a frutto, come potete vedere qui
Vi chiedo ancora una cosilla: è arcinoto ( a meno che si sappia qualcosa che io non so, ed è enorme il numero delle cose che non so ) che PHPBB comprime gli spazi da enne ad uno... esiste un modo di inserire enne spazi ( per n>1 ) tra due parole evitando questa compressione?

LIVE LONG AND PROSPER !!
Non o capito cosa intendi puoi farmi un'esempio
TarjaFloor
Utente
Utente
Messaggi: 57
Iscritto il: 10/01/2013, 15:37
Link del Forum: www.fantascienzallatele.altervista.org/forum/index.php

Re: Breaking News

Messaggio da TarjaFloor »

Non sapevamo come inserire "enne" spazi vuoti tra le singole news ma abbiamo risolto, senza arrovellarci troppo, attribuendo loro il colore di sfondo della casella di testo. Piuttosto, non siamo riusciti a capire come diminuire l' altezza della casella medesima ( se guardate qui noterete che la casella di testo scorrevole destinata allo STARFLEET JOURNAL è parecchio alta. )

Cià
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Breaking News

Messaggio da Moloch »

TarjaFloor ha scritto:Non sapevamo come inserire "enne" spazi vuoti tra le singole news ma abbiamo risolto, senza arrovellarci troppo, attribuendo loro il colore di sfondo della casella di testo. Piuttosto, non siamo riusciti a capire come diminuire l' altezza della casella medesima ( se guardate qui noterete che la casella di testo scorrevole destinata allo STARFLEET JOURNAL è parecchio alta. )

Cià
Intedi questa parte

Codice: Seleziona tutto

<div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:0px; background-color: #000000; font-size:12px;">
Rispondi