Wer ein echter Rankaholic ist, der möchte vielleicht auch sein Lieblingsranking oder seine Abstimmungen auf der eigenen Website einbinden.

Mit dem neuen Widget (beta) von Rankaholics.de geht dies nun wunderbar einfach von statten.

Unter jeder Abstimmung bzw. unter jedem Ranking bei Rankaholics findet ihr einen kleinen JavaScript Code.
Dieser kann simpel in jede Website easy eingebaut werden.

Wer das Look & Feel der Box, seiner Website optisch anpassen möchte kann auch dies, einfach per CSS.

Widget Sonderfunktionen:

– "recent" => http://www.rankaholics.de/poll/widget/recent

    Neuste Abstimmungen

– "popular" => http://www.rankaholics.de/poll/widget/popular

    Populärste Abstimmung

Beispiel-Code:

<script src="http://www.rankaholics.de/poll/widget/popular" type="text/javascript"></script>

Wer die Box optisch anpassen will, verwendet CSS – hier die Defaul CSS Stile:

.rk-poll {
    background:#fff;
    border:solid 1px #ededed;
    font-size:8pt;
    font-family:Verdana, sans-serif;
    color:#666;
    clear:both;
    display:block;
    visibility:visible;
}

.rk-poll a:link,
.rk-poll a:visited,
.rk-poll a:hover,
.rk-poll a:active {
    text-decoration:none;
    color:#666;
}

.rk-poll a:hover {
    background:transparent;
    color:#ff7900;
}

.rk-poll h3 {
    padding:4px;
    font-size:7pt;
    color:#fff;
    margin:0;
    background:#cfdc00;
}

.rk-poll h4 {
    padding:8px 4px;
    margin:0;
    line-height:1.1em;
}

.rk-poll ul {
    list-style-type:none;
    margin:0 0 8px;
    padding:0;
}

.rk-poll ul li {
    clear:both;
}

.rk-poll ul li a {
    display:block;
    position:relative;
    height:12pt;
    overflow:hidden;
    padding:0 32px 0 4px;
    font-weight:normal;
}

.rk-poll ul li a strong {
    display:none;
color:#fff;
}

.rk-poll ul li a span {
    position:absolute;
    display:block;
    right:4px;
top:0;
    text-decoration:none;
}

.rk-poll ul li a:hover { color:#ff7900;
}

.rk-foot {
    background:#cfdc00;
    padding:1px 0 2px;
    color:#fff;
    font-size:7pt;
    text-align:center;
}

.rk-foot a {
color:#fff!important;
}