Sostituire bottoni voto messaggio


Astuzia Sostituire bottoni voto messaggio

Messaggio Da the crow il Mar 18 Gen 2011 - 1:10

Sostituire bottoni voto messaggio


> [wow]custom:Dove inserirlo,,Pannello > Visualizzazione > Immagine e colori > Colori > Foglio di stile css > Incolla a fondo pagina,000000/t[/wow]

Codice:
    Positivo

    .vote {
    text-align: center;
    margin-left: -60px;
    font-weight: bold;
    background-image: url('http://upload.centerzone.it/images/86526028536529246926.png');
    background-repeat:no-repeat; }

    Negativo

    .vote .vote-button {
    text-align: center;
    font-weight: bold;
    margin-left: -1px;
    }
    .vote .vote-button {
    border: 2px solid #FF0000;
    text-align: center;
    font-weight: bold;
    margin-left: -60px;
    background-image: url('http://upload.centerzone.it/images/58628365034665236729.png');
    background-repeat:no-repeat; }


> Se volete sostituire anche il trattino centrale ..aggiungete

Codice:
.vote .vote-no-bar {
   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
background-image: url('http://www.famfamfam.com/lab/icons/mini/icons/comment_new.gif ');
background-repeat:no-repeat; }



Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da :The crow
Copyrigth © FORUMATTIVO.COM




Ultima modifica di the crow il Dom 5 Giu 2011 - 17:10, modificato 1 volta
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Astuzia Re: Sostituire bottoni voto messaggio

Messaggio Da the crow il Sab 28 Mag 2011 - 21:55

PhpBB2 version e PunBB
Administration Panel <Visualizzazione Templates General viewtopic_body

Trovare:
Codice:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                            <!-- END switch_vote -->

Sostituirlo con:
Codice:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar" style="display: none;">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button" style="display: none;"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
                            <!-- END switch_vote -->

DEMO:
Php:


PunBB

PhpBB3 version e Invision

Administration Panel <Visualizzazione Colori Css

Codice:
/ *-- Removal of negative voting button in messages --* /
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}

PhpBB3:


Invision:


Administration Panel <Visualizzazione Templates General viewtopic_body

Trovare:

Codice:
<!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->

Cambiare con:
Codice:
<!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Avis positif" alt="Avis positif" /></a></div>
                            <!-- END switch_vote -->

Poi aggiungere questo nel CSS:
Administration Panel <Visualizzazione Colori Css


Codice:
.vote {
    width: 24px; / *-- Width of the image chosen --* /
}

DEMO:


Tutoriale da :Spacca
Copyrigth © FORUMATTIVO.COM


avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum