[GUIDA] Benvenuti Ospiti con messaggio che si muove

[Clear]

Andiamo qua:

Pannello Amministratore >> Templates & Theme >> Temi >> Tema in uso >> Global.css >> Modifica in modo avanzato:

Andiamo a inserire una classe che tenga fermo nel nostro schermo l' avviso di registrazione:

.welcome_fixed {
	height: auto;
        position: fixed;
        top: 50%;
        right: 0%;
        width: auto;
}

Ora abbiamo due possibilità per la realizzazione dell' avviso.... O create un' immagine, o una nuova classe.

In caso create una immagine, non dovrete fare altro che caricarla e andare qui:

Pannello Amministratore >> Templates & Theme >> Templates >> Set di template in uso >> Header Templates >> header_welcomeblock_guest

Non importa se all' inizio o alla fine del codice, incollate questo codice:

<div class="welcome_fixed">
  <img src="percorso-immagine">
</div>

E salvate.

Se invece volete creare una classe, andate di nuovo qui:

Pannello Amministratore >> Templates & Theme >> Temi >> Tema in uso >> Global.css >> Modifica in modo avanzato:

Inserite questo codice compilando i campi in rosso (quelli in verde sarebbe preferibile lasciarli così ^^):

.welcome {
	background: #numero esadecimale per lo sfondo url(percorso immagine per lo sfondo) top left repeat-x;
	color: #numero esadecimale per il colore delle scritte;
	font-size: 10px;
        border: 1px solid #numero esadecimale del colore dei bordi;
	padding: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-weight: bold;
}

Salvate. Ora andiamo qui:

Pannello Amministratore >> Templates & Theme >> Templates >> Set di template in uso >> Header Templates >> header_welcomeblock_guest

Non importa se all' inizio o alla fine del codice, incollate questo codice:

<div class="welcome_fixed">
   <div class="welcome">
         Benvenuto ospite! <a href="{$mybb->settings['bburl']}/member.php?action=register">Registrati GRATIS in 30 secondi</a>!
   </div>
</div>

Volendo potete settare una larghezza precisa e mettere un testo molto più complesso... così:

Modificate nel Global.css il welcome_fixed che avevate incollato settando una larghezza precisa (consigliato: 276px)

.welcome_fixed {
	height: auto;
        position: fixed;
        top: 50%;
        right: 0%;
        width: 276px;
}

Poi in "header_welcomeblock_guest" nel codice che hai messo al posto di:

Benvenuto ospite! <a href="{$mybb->settings['bburl']}/member.php?action=register">Registrati GRATIS in 30 secondi</a>!

Metti:

Ciao Ospite, se leggi questo messaggio significa che non sei registrato. <a href=$mybb->settings['bburl']}/member.php?action=register">Clicca qui</a> per effettuare la registrazione in pochi semplici passaggi e potrai usufruire di tutte le funzioni del nostro Forum . Ti ricordiamo che sono vietati nick volgari o privi di senso (no numeri o lettere a caso) e di passare in <a href="link-della-tua-area-benvenuti">Area Benvenuti</a> per presentarti al Forum

Ecco come viene:



La nuvoletta si sposta come scorri il forum



Guida creata da me per Cionfs.it, per favore, non copiate nemmeno in parte senza prima chiedere il mio permesso e poi inserire la fonte! Grazie :D

[caygri]

clear le screeen cribbio!

[Clear]

aahaah xDD okok, pensavo che il link alla dimostrazione bastasse... eccolo:

[caygri]

aggiunta alla lista

[Mindcraft]

Ho seguito alla lettera la guida ma a me non funziona o meglio la scritta compare ma non compare il riquadro io ho impostato che avesse il bianco come colore di sfondo e il nero per il bordo ma non compare appare solo la scritta nel riquadro grande 276px come se ci fosse lo sfondo trasparente come è possibile?

[MaxSteel]

Puoi mettere il link del forum? (Se hai problemi ad inserire il link leva il protocollo HTTP.)

[Mindcraft]

Puoi mettere il link del forum? (Se hai problemi ad inserire il link leva il protocollo HTTP.)

il link al mio forum è il seguente se ci fai caso appena un ospite o comunque un utente senza login entra questo riquadro per gli ospiti compare ma senza sfondo con solo la scritta ed è strano perchè ho fatto tutto quello che diceva la guida

[MaxSteel]

Il problema sta nel formato dei colori: i valori inseriti non hanno senso. Quando si scrivono i colori in esadecimale, escludendo il cancelletto, si devono usare sei simboli oppure, se il colore lo permette, si può usare la forma contratta con tre simboli.

Per esempio, il bianco è

#FFFFFF

oppure

#FFF

il nero invece è

#000000

che contratto è

#000

Il rosso

#FF0000

non ha la forma contratta e va espresso sempre con sei simboli. In pratica, la forma contratta si può usare solo quando i tre simboli a destra sono ordinatamente uguale ai primi tre simboli.

[Mindcraft]

An okei, ora ho capito correggo e verifico se ora funziona :)

EDIT: si ora funziona :D