Меню для скачивания Counter Strike | Скрипт для сайта - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Скрипты для uCoz » Меню для сайта uCoz » Меню для скачивания Counter Strike | Скрипт для сайта

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Меню для скачивания Counter Strike | Скрипт для сайта


Вращающиеся блоки меню для скачивания Counter Strike




Прикольное меню,хоть и состоит всего из двух элементов.Элементов может быть и больше,именно для контры в которую я играю уже немало лет достаточно пока 2 кнопок.Разумеется приспособить можно блоки подо што угодно,Вам предоставляется наглядность возможностей свойств CSS3.Размер применяемых картинок 310Х100 можете заменить их на свои,если Вам нужно изменить размер картинки воспользуйтесь программой предназначенной для этих целей.Программа не сложная вот видео по использованию там же скачаете.Если Вам не понятна работа свойств или тегов,можете ввести их название в поиске сайта,материалы есть на все теги и свойства применяемые в этом меню.Появились вопросы,задавайте их в комментарии материала.




Установите код там где хотите видеть меню


<style>
#dsblockconteiner {
margin: 0 auto;
text-align:center;
}
.dsblockcs {
display: inline-block;
width: 310px;
height: 100px;
vertical-align: top;
margin: 1em 1.5em 2em 0;
cursor: pointer;
position: relative;
font-family: Tahoma, Arial;
-webkit-perspective: 4000px;
-moz-perspective:4000px;
-ms-perspective: 4000px;
-o-perspective: 4000px;
perspective: 4000px;
}
.links {
text-decoration:none;
color:#252525;
}
.links:hover {
text-decoration:underline;
color:green;
}
.dsitemcs {
height: 100px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .6s;
-moz-transition: -moz-transform .6s;
-ms-transition: -ms-transform .6s;
-o-transition: -o-transform .6s;
transition: transform .6s;
}
.dsitemcs:hover {
-webkit-transform: translateZ(-50px) rotateX(95deg);
-moz-transform: translateZ(-50px) rotateX(95deg);
-ms-transform: translateZ(-50px) rotateX(95deg);
-o-transform: translateZ(-50px) rotateX(95deg);
transform: translateZ(-50px) rotateX(95deg);
}
.dsitemcs:hover img {
box-shadow: none;
border-radius: 15px;
}
.dsitemcs:hover .dsblockinfo {
box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
border-radius: 3px;
}
.dsitemcs img {
display: block;
position: absolute;
top: 0;
border-radius: 3px;
box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
-webkit-transform: translateZ(50px);
-moz-transform: translateZ(50px);
-ms-transform: translateZ(50px);
-o-transform: translateZ(50px);
transform: translateZ(50px);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.dsitemcs .dsblockinfo {
display: block;
position: absolute;
top: 0;
height: 80px;
width: 290px;
text-align: left;
border-radius: 15px;
padding: 10px;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
box-shadow: none;
background: rgb(236,241,244);
background: -moz-linear-gradient(top,  rgba(236,241,244,1) 0%, rgba(190,202,217,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(190,202,217,1)));
background: -webkit-linear-gradient(top,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: -o-linear-gradient(top,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: -ms-linear-gradient(top,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: linear-gradient(to bottom,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 );
-webkit-transform: rotateX(-90deg) translateZ(50px);
-moz-transform: rotateX(-90deg) translateZ(50px);
-ms-transform: rotateX(-90deg) translateZ(50px);
-o-transform: rotateX(-90deg) translateZ(50px);
transform: rotateX(-90deg) translateZ(50px);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.dsblockinfo strong {
display: block;
margin: .2em 0 .5em 0;
font-size: 20px;
font-family: "Georgia";
}
</style>
<div id="dsblockconteiner">
<div class="dsblockcs">
<div class="dsitemcs">
<img src="http://delaisait.ucoz.ru/script/img/1/dsmenucss.jpg" />
<span class="dsblockinfo">
<strong>Counter Strike Suorce</strong><a href="#" class="links">Скачать бесплатно последнюю версию игры.</a>
</span>
</div>
</div>
<div class="dsblockcs">
<div class="dsitemcs">
<img src="http://delaisait.ucoz.ru/script/img/1/dsmenucs.jpg" />
<span class="dsblockinfo">
<strong>Counter Strike 1.6</strong><a href="#" class="links">Скачать бесплатно последнюю версию игры.</a>
</span>
</div>
</div>
</div>

Проверьте код скрипта в редакторе

Вставьте код в HTML редактор и проверьте.









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 893 | Добавил: IZOTOP | Рейтинг: 5.0/2
    | Теги: menu css, меню для контры, menu cs

    Всего комментариев: 3
    0   Спам
    2 Администратор9721   (16.03.2014 04:36)
    Аватар Администратор9721 Спасибо за ответ, но что то не получилось скрыть от IE http://teremokmdou11.ucoz.ru/index/sotrudniki/0-43

    0   Спам
    3 IZOTOP   (16.03.2014 20:33)
    Аватар IZOTOP Должно работать:
    http://forum.ucoz.ru/forum/25-51086-1

    +1   Спам
    1 IZOTOP   (13.03.2014 20:12)
    Аватар IZOTOP Код кнопок обладает свойствами которые не поддерживают старые браузеры и IE. От IE можно скрыть эти кнопки, или вместо них установить код тех которые поддерживаются, вот таким способом:

    Код

    <?if($USER_AGENT$='ie')?>
    Тут код кнопок которые поддерживает IE
    <?else?>
    Тут код кнопок которые не поддерживает IE
    <?endif?>  


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]