Wie kann ich einen Upvote / Downvote Button machen?

Dies ist nur für das styling, ich bin versucht zu machen, ein upvote/downvote der gleichen Weise, dass es auf SO und Reddit, von dem, was ich sehen kann, verwenden Sie Pfeil-Bilder als Hintergründe, und positionieren Sie es, aber ich bin ein CSS-Neuling, und ich brauche jemanden, zu Fuß mich durch es. Vielen Dank im Voraus.

InformationsquelleAutor der Frage user519753 | 2010-11-25

  1. 5

    Habe ich nur CSS durch diese Dreiecke in diesem link:

    http://css-tricks.com/snippets/css/css-triangle/

    Ich hoffe, dass es jemand hilft

    InformationsquelleAutor der Antwort Claudio Shigueo Watanabe

  2. 3

    Können Sie mit zwei einfachen Bildern ... design zwei Bilder in ein Bild-Editoren wie Photoshop, wenn u nicht MSPaint...

    CSS-code ist 

    #voting{
   width:30px;
   height:40px;
}
.upvote{
   width:30px;
   height: 20px;
   cursor: pointer;
}
.downvote{
   width:30px;
   height: 20px;
   background: url('downvote.jpg') 0 0 no-repeat;
   cursor: pointer;
}

    HTML-code :

    <div id="voting">
    <div class="upvote"></div>
    <div class="downvote"></div>
</div>

    InformationsquelleAutor der Antwort KillerFish

Schreibe einen Kommentar