На каком то сайте увидел интересную идею - выводить теги, не в виде облаков, а в виде графика рейтинга этих тегов. Выглядит хорошо.
Решил попробовать сделать такую же штуку и вот делюсь с вами.
Вот так выглядит это)
Кто хочет сделать также у себя создайте информер тегов, который выводит списком, а затем просто добавьте css, исправив по своему усмотрению.
Code
.tagItem {font-size:0px;margin:0 10px 0 10px;}
/* ниже общие стили для всех строк */
a.eTag {display:block; padding: 2px 10px 2px; margin-top: 1px; color: #000;
background:#a5a5a5;
font-size:11px;
}
a.eTag:hover {background:#005aff !important;color:#fff !important;}
/* а тут каждой строке своя ширина и прозрачность */
a.eTagGr8 {width:20%;opacity: 0.2;
}
a.eTagGr9 {width:25%;opacity: 0.3;
}
a.eTagGr10 {width:30%;opacity: 0.3;
}
a.eTagGr11 {width:35%;opacity: 0.3;
}
a.eTagGr12 {width:40%;opacity: 0.3;
}
a.eTagGr13 {width:45%;opacity: 0.4;
}
a.eTagGr14 {width:50%;opacity: 0.5;
}
a.eTagGr15 {width:60%;opacity: 0.6;
}
a.eTagGr20 {width:70%;opacity: 0.7;
}
a.eTagGr22 {width:80%;opacity: 0.8;
}
a.eTagGr23 {width:90%;opacity: 0.9;
}
a.eTagGr25 {width:100%;
}
Это для любителей минимализма во всём! Заметил, что дизайн несколько исказился, после добавления листинга кода в комментарии. Надо бы Вам исправить ситуацию. Думаю проблема в том, что сейчас стоит жёсткое значение длины блока, а можно сделать в процентах - тогда таких сбоев не будет! Извиняюсь, конечно, за предоставленные неудобства, но вины на мне доля небольшая.
