CheatVsGame Forum
MyBB firma semitrasparente e scrollbar - Versione stampabile

+- CheatVsGame Forum (http://forum.cheatvsgame.altervista.org)
+-- Forum: Off Topic (http://forum.cheatvsgame.altervista.org/forum-33.html)
+--- Forum: Webmastering (http://forum.cheatvsgame.altervista.org/forum-85.html)
+---- Forum: MyBB (http://forum.cheatvsgame.altervista.org/forum-65.html)
+---- Discussione: MyBB firma semitrasparente e scrollbar (/thread-93.html)



MyBB firma semitrasparente e scrollbar - Psyke - 11-02-2013

Lo scroll bar alla firma si rivela utile nei casi in cui gli utenti mettessero una o più immagini di dimensioni grandi, invece la trasparenza fa sì ché l'attenzione del lettore venga concentrata sul contenuto e non sulla firma, in caso volesse visualizzarla nitidamente, gli basterà spostare il cursore del mouse sulla firma.

Accedi al pannello di amministrazione e recatevi in "Template & Temi > Template > nometuotema > Post Bit Templates --> postbit_signature" e sostituisci il contenuto con questo codice:
Codice:
<hr size="1" width="25%"  align="left" />
<div class="signaturecontainer">{$post['signature']}</div>

Ora recati in "Temi  > nometuotema > global.css > Modifica foglio di stile: Modo avanzato" aggiungi il codice in fondo alla pagina.
Codice:
.signaturecontainer {
   max-height: 150px;
   opacity: 0.3;
   overflow: auto;
   padding: 20px 10px 8px;
   transition: all 0.2s linear 0s;
}

.signaturecontainer:hover {
   opacity: 1;
}

Puoi scegliere l'altezza modificando il valore di "max-height:"  consiglio di non superare i 200px