Sostituire bottoni voto messaggio

Astuzia Sostituire bottoni voto messaggio

Messaggio Da the crow 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; }

Sostituire bottoni voto messaggio  Provathecrow

Sostituire bottoni voto messaggio  Mostroforumattivo 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.
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Astuzia Re: Sostituire bottoni voto messaggio

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

Sostituire bottoni voto messaggio  09615175912 PhpBB2 version e PunBB
Administration Panel <Sostituire bottoni voto messaggio  Arrow10Visualizzazione Sostituire bottoni voto messaggio  Arrow10 Templates Sostituire bottoni voto messaggio  Arrow10 General Sostituire bottoni voto messaggio  Arrow10 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:
Sostituire bottoni voto messaggio  Vot-tu10

PunBB
Sostituire bottoni voto messaggio  Punbb10

Sostituire bottoni voto messaggio  09615175912 PhpBB3 version e Invision

Administration Panel <Sostituire bottoni voto messaggio  Arrow10Visualizzazione Sostituire bottoni voto messaggio  Arrow10 Colori Sostituire bottoni voto messaggio  Arrow10 CssSostituire bottoni voto messaggio  Arrow10

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

PhpBB3:
Sostituire bottoni voto messaggio  Phpbb310

Invision:
Sostituire bottoni voto messaggio  Invisi10


Administration Panel <Sostituire bottoni voto messaggio  Arrow10Visualizzazione Sostituire bottoni voto messaggio  Arrow10 Templates Sostituire bottoni voto messaggio  Arrow10 General Sostituire bottoni voto messaggio  Arrow10 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 <Sostituire bottoni voto messaggio  Arrow10Visualizzazione Sostituire bottoni voto messaggio  Arrow10 Colori Sostituire bottoni voto messaggio  Arrow10 CssSostituire bottoni voto messaggio  Arrow10


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

DEMO:
Sostituire bottoni voto messaggio  Vot-tu11


Tutoriale da :Spacca
Copyrigth © FORUMATTIVO.COM


the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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