Messaggio di Sekmet

Shoutbox

  • JollyBrian

    Ti invito a creare un topic in quanto non forniamo assistenza tramite shoutbox

  • fabrizio.sini

    Scusate,sono admin di un forum woltlab aziendale, ho bloccato le registrazioni, inseriamo noi gli utenti, ma nonostante nelle configurazioni di registrazione abbia impostato lunghezza massima username 50, non mi accetta nomi più grandi di 20 caratteri, come posso fare? grazie

  • JollyBrian

    WoltLab Suite 3.1 RC 2 -> Sezione Annunci e Comunicazioni

  • StratoKyke

    Traduzione aggiornata.

  • Marco

    ?

  • manucore88

    Ciao a tutti come mai nn mi trova l'autopacher e mi dice ke nn possso giocare'?

  • Nelson

    Larek*

  • Nelson

    Yes Laker don't worry ;)

    Guida realizzata da codeQuake.net - Jenso


    Kleine Kontaktkarte erstellen - codeQuake


    Traduzione By Sekmet per Woltlab.it


    Fireball CMS - Creazione scheda di contatto


    Salve, con questa guida imparerete a creare scheda di contatto con i moduli. Una scheda di contatto è questa :



    Il modulo è composto da una parte PhP e da una parte di template.


    Il codice PhP


    Prima di tutto scriviamo i tags per il nostro file PhP.
    Successivamente vogliamo integrare il WCF e in particolare alcune variabili come UserProfile e User.


    PHP
    1. <?php
    2. use wcf\data\user\User;
    3. use wcf\data\user\UserProfile;
    4. use wcf\system\WCF;
    5. ?>


    Lavoreremo con queste classi. Abbiamo un oggetto UserProfile il cui costruttore utilizza un oggetto Utente il quale costruttore, ancora una volta, prende un UserID.
    Intanto noi impostiamo che la UserID è amministratore e inseriamo 1. Creiamo poi l'oggetto UserProfile che andrà ad utilizzare il Template.


    PHP
    1. <?php
    2. use wcf\data\user\User;
    3. use wcf\data\user\UserProfile;
    4. use wcf\system\WCF;
    5. //enter userID;
    6. $userID = 1;
    7. $profile = new UserProfile(new User($userID));
    8. WCF::getTPL()->assign(array('user' => $profile));
    9. ?>


    Lavoriamo ora il Template dell'oggetto.


    Codice Template


    Andremo ad utilizzare il box96 di WCF le quali caratteristiche sono : Immagine a sinistra (di 96px in altezza) e testo a destra. Nel box aggiungiamo poi le possibili operazioni come twitter, facebook etc.. :



    Aggiungiamo quindi avatar, lo stato dell'utente (online o offline) e altre informazioni tipo Homepage, twitter e facebook. Rendiamo l'avatar leggermente arrotondato con l'utilizzo del CSS. Ecco il risultato del codice :



    Il risultato sarà quindi questo :



    Bene, abbiamo terminato. Abbiamo creato una scheda di contatto contenente Avatar, nome utente, stato utente e operazioni (facebook, twitter, homepage).
    Chiedete in caso di domande :) .

    Files

    • card.png

      (20.76 kB, scaricato 13 volte, l´ultima: )

    Guida realizzata da codeQuake.net - Jenso


    CSS Kreise und Übergangsanimationen - codeQuake


    Traduzione By Sekmet per Woltlab.it


    Fireball CMS - Cerchi e animazioni di transizione CSS


    Oggi parleremo di divertenti funzionalità fattibili con l'utilizzo del CSS.


    Elementi arrotondati. Nelle pagine web vanno di moda gli angoli arrotondati (avatars, contenitori etc...), effetto molto interessante, divertente e bello da vedere.
    Chi ha mai lavorato con le proprietà border-radius del CSS sa come creare angoli arrotondati.
    Prendiamo per esempio un quadrato di 40px x 40px avente anche un bordo. Il codice è il seguente :


    HTML
    1. <div style="border: 1px solid #000; width: 40px; height: 40px;"></div>


    Il risultato è questo :



    Rendiamo ora gli angoli arrotondati :


    CSS
    1. -webkit-border-radius: 5px;
    2. -moz-border-radius: 5px;
    3. border-radius: 5px;


    Il risultato è questo :



    Nel risultato sopra riportato gli angoli sono stati arrotondati con un'ampiezza di 5px, ma proviamo a mettere 20px. Il risultato sarà il seguente :


    Questo è il codice :


    HTML
    1. <div style="border: 1px solid #000; width: 40px; height: 40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px">


    CSS
    1. -webkit-border-radius: 20px;
    2. -moz-border-radius: 20px;
    3. border-radius: 20px;


    Le transizioni


    Per eseguire transizioni non è obbligatoriamente necessario l'utilizzo di JavaScript, ma si può utilizzare utilizzare il CSS.
    Prendiamo un cerchio di 100px x 100px con border radius di 50px (la metà dell'ampiezza).
    All'interno del cerchio ho anche messo un'icona.


    L'esempio sopra riportato si gira (nel nostro caso è però un'immagine). Per farsi che un'immagine giri bisogna stabilire trasformazione e transizione. Prima di tutto stabiliano la transizione impostandola a mezzo secondo. Successivamente ci sono anche altre proprietà da stabilire.


    CSS
    1. transition: 0.5s ease-in all;


    Ease indica il timing :


    Proprietà - Descrizione


    linear L'animazione ha la stessa velocità dall'inizio alla fine
    ease Animazione con inizio lento, parte centrale veloce, fine lento
    ease-in Inizio lento, resto veloce.
    ease-out Fine lento, resto veloce.
    ease-in-out Inizio lento, fine lento.
    cubic-bezier(n,n,n,n) Animazione custom (potete determinare voi le velocità)


    Per la rotazione degli elementi ho usato una trasformazione, usando questo :


    CSS
    1. transform:rotate(90deg)


    Il codice fa si che il cerchio giri di 90° in serio orario (per l'antiorario si usano valori negativi). Il codice completo è il seguente :



    In poche parole la transizione permette un cambiamento dell'elemento, anche sfondo, posizione o altro.




    L'esempio sopra riportato è un elemento che al passaggio del mouse cambia colore di sfondo. Il codice utilizzato è il seguente :



    Potremmo anche fare una trasformazione da cerchio a quadrato con l'utilizzo di questo codice :



    Come potete vedere gli effetti sono davvero numerosissimi. Con le conoscenze adeguate si possono creare menù a discesa, scorrimenti etc..


    Guida realizzata da codeQuake.net - Jenso


    Wichtige CSS Klassen & HTML Codes - codeQuake


    Traduzione By Sekmet per Woltlab.it


    Fireball CMS - Classi CSS e codici HTML importanti



    - Classi CSS


    Container crea una cornice intorno al contenuto
    ContainerPadding è utilizzato per determinare la spaziatura tra il contenuto e i bordi
    Container e ContainerPadding insieme ci danno questo risultato :



    Nell'esempio precedente il nostro container era piuttosto vicino al titolo della pagina, per risolvere il problema possiamo utilizzare un'altra classe :


    MarginTop a cui daremo una distanza di 14 px dal titolo della pagina così da ottenere questo risultato



    Queste classi sono quelle che possiamo definire di "base".


    Nell'immagine di esempio è presente un altro container dallo sfondo blu. Quel tipo di contenuto è modificabile con l'utilizzo della classe TabularBox.


    Nel caso in cui volessimo trattare contenuti d'intestazione/"Heading" abbiamo le seguenti classi :


    boxHeadline
    boxSubHeadline


    Parliamo ora dei codici HTML


    I codici di cui parleremo saranno utili per i moduli template o per l'area di testo.


    Iniziamo con le icone. Possiamo trovare molteplici icone al seguente indirizzo http://fontawesome.io/3.2.1/icons/. Scegliamo un'icona e prendiamone il nome (in questo caso useremo icon-legal) e successivamente usiamo il codice che segue :


    HTML
    1. <span class="icon icon16 icon-legal"></span>


    E poi abbiamo le variabili (proprietà) che seguono (naturalmente in CSS) :


    CSS
    1. .icon16 {font-size: 14px;height: 16px;width: 16px;}
    2. .icon32 {font-size: 28px;height: 32px;width: 32px;vertical-align: -5px;}
    3. .icon48 {font-size: 42px;height: 48px;width: 48px;}
    4. .icon96 {font-size: 84px;height: 96px;width: 96px;}


    Creiamo ora una barra dei pulsanti.


    Con questo codice abbiamo quindi creato una barra dei pulsanti.


    Vi dirò ora come fare per inserire le piccole etichette, numeri di versione etc...parlo di questo :



    che si fa con questo :


    HTML
    1. <span class="badge blue">WCF 2.0</span>


    Abbiamo terminato. Questi erano i codici "più importanti" relativi al CMS Fireball. Per qualsiasi domanda, chiedete.



    Molti usano spesso la posta elettronica e una funzione che manda Emails avvisando della presenza di nuove risposte è certamente comoda, ma comunque quella stessa funzione è fastidiosa per altre persone.
    In poche parole, inserirla è una buona idea, ma renderla attivabile a scelta degli utenti è ancora meglio.

    Si, so perfettamente cosa intendi, ma per ora un normale <div> inserito tramite FTP era necessario (piccolo contenuto, niente di che).
    Ecco in dettaglio cosa mi serve :


    Un contenuto/un div che sia visibile solo dal gruppo utente Prova1 e un altro contenuto/div che sia visibile solo dal gruppo utente Prova2 .
    Il contenuto dei div sono semplici caratteri che voglio collocare nel mainHeadLine (tra i Forums ed il logo)

    Salve, ecco il mio problema.
    Come posso rendere un <div> (inserito nella index tramite la modifica del file template index.tpl) visibile a gruppi utente indicati da me? Devo obbligatoriamente creare un Plugin per rendere tutto più facile o c'è un altro modo che vede la modifica di files (e molto probabilmente anche di tabelle del database)?

    Sapevo che avresti risposto proponendomi quella soluzione, ma purtroppo non posso aumentare il tempo d'invio tra un post e l'altro, ma solo dei threads. Ero comunque sicuro dell'impossibilità di fare tale cosa.


    Se non c'è realmente altra soluzione, si può chiudere.


    Come sempre grazie dell'immediato supporto Stratokyke.



    PS : Mi sto occupando delle traduzioni, nessuna preoccupazione. Domani qualcosa verrà postato.

    Questa volta il titolo dice tutto. Il mio scopo è decidere il tempo che un gruppo utenti deve aspettare tra l'invio di un nuovo thread e l'altro.
    Sinceramente? Sto con il pensiero in testa che tale "cosa" non sia possibile.

    Comunque mi pare molto strana come cosa. Con il BBCode funziona, posso togliere o mettere l'opzione come default.
    Penserò ad una soluzione e fino ad allora metterò un avviso.


    Grazie della disponibilità Stratokyke.

    Ovviamente il codice da copiare è posto tra i tag [code.][/code], quindi loro non hanno problemi a copiare il codice.


    Il codice è semplicissimo.


    Codice sorgente
    1. [align=center]<div style="border:1px solid red; margin:15px; padding:5px; width:300px;">
    2. [align=center][size=10][color=#000][b]Cartellino entrata[/b][/color][/size][/align]
    3. <p>[b]Data :[/b] *SCRIVI QUI*</p>
    4. <p>[b]Orario entrata :[/b] *SCRIVI QUI* </p>
    5. </div>[/align]


    Solo il "div" è il mio problema, il resto è in BBCode.

    Purtroppo non c'è una vera e propria soluzione. Ho anche fatto delle ricerche arrivando sul Forum di wotlab.com dove sono contenuti threads e threads di utenti che lamentano la presenza di questi bots. Plugins come quello di stopforumspam aiutano, ma poco (rallentano e basta).
    Bloccare IP è anche un rallentatore, ma non una soluzione.
    La soluzione migliore è certamente la registrazione con abilitazione manuale, ma è scomoda (a meno che il Forum non abbia uno Staff molto attivo e sempre pronto a controllare ed abilitare gli utenti).


    Quindi mi spiace, ma una soluzione funzionante non c'è (qualcuno mi corregga se sbaglio).

    Proviamo a rendere la registrazione più difficile


    Vai qui :


    acp>system>security>captcha



    Attivali tutti.


    In più fai un controllo, vedi se alcuni bots hanno lo stesso IP.

    Iniziamo da una soluzione basilare.


    Al momento il tipo di registrazione come è impostato? Continui ad avere problemi se inserisci "Registrazione con email di conferma"?