Css kodlarımız. Uygun bir css dosyası içerisine ekleyiniz.
.switch { position: relative; display: block; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-repeat: repeat-x; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; text-align: center; text-decoration: none; float: right; border: 1px solid #8b0112; background-color: #ea3c51; background-image: -moz-linear-gradient(top, #ea3c51, #C72034); background-image: -ms-linear-gradient(top, #ea3c51, #C72034); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea3c51), to(#C72034)); background-image: -webkit-linear-gradient(top, #ea3c51, #C72034); background-image: -o-linear-gradient(top, #ea3c51, #C72034);background-image: linear-gradient(top, #ea3c51, #C72034); }
.switch:hover, .button.allofthelights:active, .button.allofthelights:focus { color: white; background-color: #f8475c; background-image: -moz-linear-gradient(top, #f8475c, #dc2d42); background-image: -ms-linear-gradient(top, #f8475c, #dc2d42); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8475c), to(#dc2d42)); background-image: -webkit-linear-gradient(top, #f8475c, #dc2d42); background-image: -o-linear-gradient(top, #f8475c, #dc2d42); background-image: linear-gradient(top, #f8475c, #dc2d42); }
2.Aşama
Js dosyalarımızı ekliyoruz.
<script>/js/jquery.allofthelights.js"></script>
<script>
$(document).ready(function() {
$(".videoClassAdı").allofthelights();
});
</script>
Önemli Not : videoClassAdı yazan alanı videonuzunu konuya eklediğiniz css sınıfı ile değiştirmeyi unutmayın, aksi halde sayfanızla birlikte videonuzunda ekranı kararır.
3.Aşama
Görünmesini istediğiniz alana bu kodu ekleyiniz.
Işıkları Kapat
Buradan alıntıdır.. http://www.metinsarac.net/wordpress-isiklari-ac-kapat-eklentisiz.html