Λογότυπα 2017 - 2018

GaritosTeam 17.3.17





Λογότυπα Garitos Team 26/1/2016 - update 2017 













για auto play           ?autoplay=1&cc_load_policy=1           after url   

?autoplay=1&cc_load_policy=1


Code for pictures

http://www.spicytweaks.com/2013/11/easy-image-hover-effects-for-blogger.html



.post img{
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.post img:hover {
-o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transform: scale(1.4);
}
 
 
 Για χρώματα ery nice site !
https://www.w3schools.com/colors/colors_picker.asp 
 
 
Is it possible to open an a href link in a new tab instead of the same tab?
href="http://your_url_here.html">Link

 
For example:
target="_blank" href="http://your_url_here.html">Link




<a href="http://www.yoururl.com"><img src="http://www.yoururl.com/image.jpg"></a>
 
 

 



code for css bckgrnd

html, body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ-esmbiM5kXGhnhVAKH-i0bOqhNSaQV7NM9y0yQly6og8TiLDkDKPjm73dLK1WHPJlYEircqyCSPkZly9NIRvmFA3RF-aug3gbVPMokohc9odseURlXoMNmjX30l1Uc83aaK55O19yh4/s1600/2018test+back+picture.JPG') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

for cursor css code
.module { cursor: url('path-to-image.png'), auto; }

code for add imang html

<img src="img_girl.jpg" alt="Girl in a jacket" style="width:500px;height:600px;">
Try it Yourself »
για βίντεο follow add html
https://www.earn-real-cash.online/2018/12/floating-video-on-scrolled-for-blogger-template.html


<div class='floatvideo-wrapper'>
<div class='floatvideo'>
<div class='videoyoutube'>
<div class='video-responsive'>
<div class='video-youtube loader' data-src='//www.youtube.com/embed/tO01J-M3g0U'>
</div>
</div>
</div>
</div>
</div>





to effe css για το ζοομ στις εικόνες



.post img{
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.post img:hover {
-o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transform: scale(1.4);
}

To display snows on you web page, add below code just before </head> tag of your website. (If you using Blogger, go to "Edit HTML" page to add this code.)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.4.1/jquery-migrate.min.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
//<![CDATA[

jQuery(document).ready(function($) {

    $(document).snowfall({
        flakeCount : 400,
        flakeColor : "#ffffff",
        flakeIndex: 999999,
        minSize : 1,
        maxSize : 4,
        minSpeed : 2,
        maxSpeed : 8,
        round : true,
        shadow : false,
    });

});

//]]>
</script>





Tags: