DarkScape | Дата: Понедельник, 15.04.2013, 23:33 | Сообщение # 1 |
Лейтенант
Вольные
Сообщений: 111
Награды: 14
Репутация: 318
Статус:
|
Описание: Рип скрипта "Cоветуем посмотреть" с сайта Ap-Pro от uCoz mania. Скрипт довольно интересный. Ставим и смотрим. Информер:
Cоветуем посмотреть: [ Каталог статей · Материалы · В случайном порядке · Материалы: 5 · Колонки: 1 ]
Код <div class="tags"><b><a href="$ENTRY_URL$">$TITLE$<span>$READS$</span></a></b> </div>
CSS:
Код /*Советуем посмотреть*/ .tags:before, .tags:after {content: "";display: table;} .tags:after {clear: both;} .tags b {position: relative;float: left;margin: 0 0 3px 0px;} .tags b:active {margin-top: 1px;margin-bottom: 7px;} .tags b:after { content: ''; z-index: 3; position: absolute; top: 10px; right: -2px; width: 5px; height: 6px; opacity: .95; background: #eb6b22; border-radius: 3px 0 0 3px; -webkit-box-shadow: inset 1px 0 #99400e; box-shadow: inset 1px 0 #99400e; } .tags a, .tags span { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tags a { width: 180px; height: 26px; line-height: 23px; padding: 0 9px 0 8px; font-size: 11px; color: #999; text-shadow: 0 1px #000; border-width: 1px 0 1px 1px; border-style: solid; border-color: #292929 #292929 #292929; border-radius: 3px 0 0 3px; background-color: #111; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100%, #111)); background-image: -webkit-linear-gradient(top, #222, #111); background-image: -moz-linear-gradient(top, #222, #111); background-image: -ms-linear-gradient(top, #222, #111); background-image: -o-linear-gradient(top, #222, #111); background-image: linear-gradient(top, #222, #111); } .tags a:hover {text-decoration: none;} .tags a:hover span { padding: 0 7px 0 6px; max-width: 40px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); } .tags span { position: absolute; top: 1px; left: 100%; z-index: 2; overflow: hidden; max-width: 0; height: 24px; line-height: 21px; padding: 0 0 0 2px; opacity: .95; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); border: 1px solid; border-color: #d15813 #c85412 #bf5011; border-radius: 0 2px 2px 0; background-color: #eb6b22; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed7b39), color-stop(100%, #df5e14)); background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14); background-image: -moz-linear-gradient(top, #ed7b39, #df5e14); background-image: -ms-linear-gradient(top, #ed7b39, #df5e14); background-image: -o-linear-gradient(top, #ed7b39, #df5e14); background-image: linear-gradient(top, #ed7b39, #df5e14); -webkit-transition-property: padding, max-width; -moz-transition-property: padding, max-width; -ms-transition-property: padding, max-width; -o-transition-property: padding, max-width; transition-property: padding, max-width; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } /*---/Советуем посмотреть*/
В блок:
|
|
|
Эти 0 пользователя(ей) поблагодарили DarkScape за это полезное сообщение: |
|
|