Web Magazine » Phpbb3

Setting Jfusion: Alphauserpoint Phpbb3 Rules

admin — Sun, 16 Aug 2009 20:41:55 +0000

Hello, in this article i explain you how configure jfusion bridge component to integrate phpbb3 forum with your joomla site and alphauserpoint component, so you can install phpbb3 rules to work well.

First f all you have to downloaf jfusion bridge component from www.jfusion.org, after you can read jfusion installation docs, after you have install jfusion correctly you have to create menù link for phpbb3 forum, so you have to choose jfusion ad setting phpbb3 plugin and frameless mode (it’s important becouse in wrapper mode phpbb3 rules could not work properly).

If your prosilver style in frameless mode is alterate you have to chage css or you can download prosilver frameless mod style from jfusion forum.

In the future i will create other rules for phpbb3 so please read my blog.

Segnala presso:

Google Apps per Phpbb3

admin — Mon, 06 Jul 2009 14:53:28 +0000

Ciao a tutti in questo articolo spiegherò brevemente la mia esperienza con phpbb3 e l’invio delle email con la funzione smtp di Google Apps. Scrivo questo articolo principalmente per coloro che come me utilizzano un forum realizzato in phpbb3 ospitato in un server condiviso e non riescono ad inviare notifiche ed email di sottoscrizione perchè bloccate ed eliminate dai sistemi di antispam dei gestori di email, hotmail prima fra tutti.

Il mio provider, inizialmente ha risposto ai miei ticket di protesta segnalando l’IP del mio server ai gestori di mail, in modo da eliminarlo dalle blacklist, il problema si risolveva per due giorni ma puntualmente ricompariva, allora mi hanno proposto di acquistare un server virtuale, poi invece mi hanno consigliato l’utilizzo di Goolge Apps e quindi di inviare le email tramite il servizio smtp di Google. In questo modo le mail non vengono inviate più dal mio server con il mio indirizzo ip ma vengono inviate dai server di google e pertanto non sono riconosciute come spam, o almeno, al momento sebra che tutto funzioni bene.

Di seguito spiegherò come impostare perfettamente il tutto, riporto le mie impostazioni che sembrano funzionare, però voglio fare un premessa è infatti indispensabile che nel vostro pannello di controllo possiate modificare i record MX e che abbiate abilitato OpenSSL, altrimenti non potrete configurare il tutto.

Per prima cosa iscrivetevi su google apps al seguente indirizzo http://www.google.com/a/cpanel/domain/new?hl=it vi ricordo che avete a disposizione due tipologie di registrazione una standard gratuita con alcune limitazioni (es. si possono creare al max 50 utenti) e una a pagamento con maggiori potenzialità…io al momento mi trovo bene con quella gratuita.

Una volta fatto questa accedete alla vostra area di ammnistrazione e cliccate su impostazioni servizio –> email –>istruzioni per l’attivazione della posta. Lasciate aperta questa pagina (servirà successivamente) e andate a modificare i record MX nel vostro pannello, vedi la guida alla modifica dei record MX una volta fatto questo controllate che siano ben configurati andando nel seguente sito web http://www.mxtoolbox.com/ vi riporto la mia schermata così potete regolarvi meglio.

Impostati i record MX tornate nella pagina che avevate lasciato aperta e cliccate su salva modifiche. Se tornate nella bacheca principare vi comparirà la voce in aggiornamento vicino alla scritta email, vorranno dalle 24 o 48 prima che il servizio venga attivato da google, se ve lo attivano prima siete fortunati.

A questo punto andate nel vostro pannello di gestione del forum e cliccate su email alla voce gestione comunicazioni, e settate i valori SMTP, vi riporto uno scrren del mio pannello di gestione.

Il nome utente è la mail principare che avete creato così come la password, controllate nelle impostazioni della vostra mail che siano abilitati l’invio delle mail tramite POP e IMAP, di solito queste impostazioni sono attive di defoult.

Segnala presso:

PhpBB Hacks

admin — Tue, 22 Apr 2008 06:04:23 +0000

Qualche tempo fa, in un articolo, parlammo della Invision Board di phpBB 3, in quel caso intesa coem forum, con questo articolo invece vogliamo parlare di PhpBB Hacks.
PhpBB Hacks non sono altro se non delle modifiche, di PhpBB, in cui sono state ampliate le potenzialità della board.
In questo caso il forum diventa un vero e proprio portale, nel quale è possibile inserire nuovi moduli per il controllo dei permessi degli utenti oppure per migliorare la veste grafice e le funzionalità stesse del portale!
Spesso qualcuno può avere l’esigenza di gestire numerosi download di files, ma di controllare il traffico che ogni utente possa generare, per far ciò è necessario un efficente sistema di controllo dei permessi delgi utenti, ad esempio un sistema a crediti, che fornisca un’oppurtuna banda di traffico ad ogni utente appena registrato e che successivamente venga ampliata ogni volta che l’utente lasci un post o un nuovo argomento nel forum, in questo modo ci si può assicurare una crescita esponenziale di post e di utenti nel forum acquisendo così un’elevata popolarità e al contempo si ha un controllo globale e reale degli utenti, tutto ovviamente automatizzato.

Tutto questo è di semplice realizzazione e lo si può fare con diversi Cms, uno di questi è Ezpublish, oppure, per render eel cose più semplici, utilizzare le Hacks di PhpBB3 una di queste è CBack Orion, ovviamente en esistono tante altre, a voi il gusto e il piacere di testarle, potete scaricarle e trovarle nel sesuente sito web www.phpbbhacks.it, nel sito potrete trovare anche le roll on dei portali!!
Buon divertimento e buon lavoro!!

Segnala presso:

Modifica Template: Menù A Pulsanti

admin — Fri, 18 Apr 2008 20:56:27 +0000

Questo tutorial ha lo scopo di illustrare coem inserire nel forum dei pulsanti con mouseover effect/image.

- Inserire i pulsanti nella pagina html del forum (che non sia phpbb3.0 RC4-RC7 ma versioni precedenti), apri il file overall_header.html che puoi trovare nella directory styles/prosilver/template e cerca la seguente porzione di codice:

Codice:

In una riga successiva aggiungi :

Codice:

- Se, invece, devi inserire i pulsanti e stai utilizzando una delle seguenti versioni di phpbb3.0 RC4-RC7 , apri il file overall_header.html che trovi nella seguente directory styles/prosilver/template e cerca la seguente porzione di codice:

Codice:

Dopo la stringa {S_CONTENT_DIRECTION}” inserisci:

Codice:: onLoad=”MM_preloadImages(’/demo/buttons/buttonover.jpg,button.jpg’)”

/demo/buttons/buttonover.jpg è il percorso dell’immagien ceh tu stai utilizzando come pulsante

Se si vogliono caricare più pulsanti ad esempio due, allora al posto della stringa di sopra si deve utilizzare questa seguente:

Codice:: onLoad=”MM_preloadImages(’new buttons/buttonover.jpg,buttonover1.jpg,buttonover2.jpg’)”

- Ancora modifiche sul file overall_header, inserire il codice html seguente nella posizione in cui si voglia visualizzare il menù!!

Codice:

Guarda il codice dove trovi scritto Inserisci Link Destinazione Pulsante devi inserire il link della pagina a cui il pulsante fa riferimento. I pulsanti inoltre sono nominati “home,home1,home2,home3 e via dicendo… ovviamente è possibile personalizzarli a proprio piacimento. Le misure dei pulsanti sono di 100px in larghezza e 31px in altezza, ovviamente anche questi modificabili a prorpio piacimento.

- A questo punto è necessario entrare nel pannello di amministrazione del forum e aggiornare prima il template e poi svuotare la cache così:

Pannello di controllo amministrazione > Stili > Temi > Aggiorna (in riferimento al template che usi )
Pannello di controllo amministrazione > Stili > Template > Aggiorna( in riferimento al template che usi )
Pannello di controllo amministrazione > svuota la cache
Andare nel link del forum a cui è stata apportata la modifica e aggiornare il browser.

Segnala presso:

Modifica Template: Bordi Rotondi

admin — Sun, 06 Apr 2008 17:37:02 +0000

Questo tutorial ha lo scopo di illustrare come sia possibile con pochi e semplici passi modificare a proprio piacimento il template per un forum realizzato n PhpBB3!!
Prima di cominciare vorrei attenzionare alcuni punti cruciali da ricordare, ogni qual volta si edita un file .html .css oppure, si aggiunge un’immagine al template è importantissimo aggiornare lo stile ed il template dal rispettivo pannello di amministrazione, quindi aggiornare il proprio browser:

Se dimentichi di eseguire questi passaggi finali, i nuovi cambiamenti potrebbero non essere visualizzati e ciò ti potrebbe far credere, di aver sbagliato.

1) Modifica del colore di sfondo per tutta la Pagina

- Aprire il file colours.css che si trova all’interno della directory styles/prosilver/theme
- Cercare la seguente stringa:

Codice:: html, body {
color: #536482;
background-color: #FFFFFF;
}

- Modificare il valore FFFFFF con il codice del colore desiderato.

2) Modifica del Template Prosilver: Creazione Bordi Arrotondati

- Scarica Borders.rar e carica i files all’interno della seguente directory styles/prosilver/theme/images/

A questo punto, una volta caricate le immagini dei bordi, sarà necessario modificare i file .css aggiungendo un nuovo file denominato borders.css e richiamando questo file nel css principale di amminstrazione di tutti gli altri stili denominato stylesheet.css

E’ possibile operare in due modi:

- Primo Modo: Valido solo se non avete ancora modificato il file styleshett.css, (ad esempio l’installazione di mod precedenti etc) allora potete scaricare Css_for_borders.rar e caricare i file nella seguente directory styles/prosilver/theme.

- Secondo Modo: Valido se avete già modificato il file stylesheet.css (ad esempio l’installazione di mod precedenti etc), creare un nuovo file .css aprendo il notepad ed incollando il seguente script:

Codice:: /* phpBB 3.0 Style Sheet
————————————————————–
Style name: proSilver
Based on style: proSilver (this is the default phpBB 3 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: shoot

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
————————————————————–
*/

/*
————————————————————–
html, body tag copy from colours.css inhere
————————————————————– */
html, body {
color: #68696D;
background-color: #A0A8AE;
/* background-image: url(”{T_THEME_PATH}/images/yourbg.gif”);*/ /* CHANGE: path and name of your image */
}

/*
————————————————————–
#wrap tag copy from common.css inhere
————————————————————– */
#wrap {
padding: 0 20px;
min-width: 700px;
width: 900px;
margin: 0 auto;
}

/* additional proSilver Markup Styles outside rouded
———————————————————– */
.top-left, .top-right, .bottom-left, .bottom-right {
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
weidth: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the
’s */
}

.top-left {
background-image: url(”{T_THEME_PATH}/images/corners_top.gif”); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
margin-left: 1px; /* CHANGE: replace by the width of one of your corners */
margin-top: 0px; /* CHANGE: replace by the height of one of your corners */
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right {
background-image: url(”{T_THEME_PATH}/images/corners_top.gif”); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
margin-left: 0px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
}
.top-center {
background-image: url(”{T_THEME_PATH}/images/bg_headers.gif”); /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
weidth: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the
’s */
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}

.bottom-left {
background-image: url(”{T_THEME_PATH}/images/corners_bottom.gif”); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
margin-left: 1px; /* CHANGE: replace by the width of one of your corners */
margin-top: 0px; /* CHANGE: replace by the height of one of your corners */
}
.bottom-right {
background-image: url(”{T_THEME_PATH}/images/corners_bottom.gif”); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
margin-left: 0px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
}
.bottom-center {
background-image: url(”{T_THEME_PATH}/images/bg_footers.gif”); /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
weidth: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the
’s */
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}

.inside {
border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
background: #FFFFFF; /* YCC: background-color of the inside */
color: #000000; /* YCC: default text-color of the inside */
padding-left: 0px; /* YCC: all texts at some distance of the left border */
padding-right: 0px; /* YCC: all texts at some distance of the right border */
background-image: url(”{T_THEME_PATH}/images/bg_body.gif”); /* CHANGE: path and name of your image */
}

.notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
margin: 0 auto;
width : 950px;
}

A questo punto salvare il fiel con il nome borders.css e caricarlo nella directory styles/prosilver/theme. Adesso aprire il file stylesheet.css che trovate nella directory styles/prosilver/theme apritelo con un editor di testo e aggiungete la seguente stringa: @import url(”borders.css”);

- Aprire il file overall_header.html che trovate nella directory styles\prosilver\template e cercate il seguente spezzone di codice:

Codice:

Aggiungendo una nuova linea successiva e incollando il seguente codice:

Codice:

- Aprire il file overall_footer.html che trovate nella directory styles\prosilver\template e cercate il seguente spezzone di codice:

Codice:: {RUN_CRON_TASK}

Aggiungendo una nuova linea successiva e incollando il seguente codice:

Codice:

- A questo punto è necessario entrare nel pannello di amministrazione del forum e aggiornare prima il template e poi svuotare la cache così:

Questo dovrebbe essere il risultato:

1) Modifica del colore di sfondo dopo aver installato i bordi

- Se avete scaricato il file Css_for_borders.rar aprite il file shoots_boarders.css cercate il seguente spezzone di codice:

Codice:: html, body {
color: #68696D;
background-color: #A0A8AE;
/* background-image: url(”{T_THEME_PATH}/images/yourbg.gif”);*/ /* CHANGE: path and name of your image */
}

- modificate il valore A0A8AE con il codice del colore desiderato

Segnala presso: