Akordion slayt -acordion slide

Developer
Ayhan ALTINOK
Size
3,256 Kb
Views
20,240
  1. Akordion slayt -acordion slide Previews
  2. Akordion slayt -acordion slide HTML Codes
  3. Akordion slayt -acordion slide CSS Codes
  4. Akordion slayt -acordion slide JS Codes

How do I make an akordion slayt -acordion slide?

Akordion slayt -acordion slide. What is a akordion slayt -acordion slide? How do you make a akordion slayt -acordion slide? This script and codes were developed by Ayhan ALTINOK on 13 September 2022, Tuesday.

Akordion slayt -acordion slide Previews
IQ Test

Akordion slayt -acordion slide - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>akordion slayt -acordion slide</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div style="width:500px;margin:auto;padding:10px;"> <h3><center>Scss Akordion Kolon - Scss Acordion Colon</center></h3>
<div class="ızgara"> <div class="kolon"> <div style="width:100%; height:100%; background-color:#a00; font:bold 50px arial ; padding:70px 50% 50% 40%;">1</div> </div> <div class="kolon"> <div style="width:100%; height:100%; background-color:#CC3300;font:bold 50px arial ; padding:70px 50% 50% 40%;">2</div> </div> <div class="kolon"> <div style="width:100%; height:100%; background-color:#FFCC00;font:bold 50px arial ; padding:70px 50% 50% 40%;">3</div> </div>
</div>
</div> <div class="copyright"><font style="float:right; margin-right:30px;">Copyright &copy; 2013 - Ayhan ALTINOK </font>İletişim bilgileri :<font style="color:#505050"> Web Adresi:</font> www.graphicsfamily.com <font style="color:#505050"> Mail :</font> [email protected] <font style="color:#505050">Facebook: </font>www.facebook.com/ayhanaltinokesk</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Akordion slayt -acordion slide - Script Codes CSS Codes

@charset "UTF-8";
body { margin: 0px; padding: 0px; background: #171717;
}
h3 { color: #fff; border-bottom: solid 1px #000; margin: 0px; padding: 5px;
}
img { max-width: 100%; vertical-align: sub;
}
.ızgara { border-top: solid 1px #000; /* As of August 2012, only supported in Chrome 21+ */ display: -webkit-flex; display: flex;
}
.kolon { box-sizing: border-box; background: #171717; width: 50%; border-top: solid 1px #505050; padding: 5px; /* border: 10px solid #fff; */ height: 200px; color: #fff; overflow: hidden; transition: width .3s ease;
}
.kolon:nth-child(even) { background: #171717;
}
.kolon:hover { width: 100%;
}
.active { opacity: 1;
}
.inactive { opacity: 0.2;
}
.copyright { width: 100%; height: auto; background-color: #171717; color: #aaa; position: fixed; bottom: 0px; font: 12px Arial; padding: 5px; opacity: 0.4; border-top: #a00 2px solid; z-index: 99999; left: 0px; right: 0px;
}
.copyright:hover { opacity: 1;
}
/* Ayhan Altınok*/

Akordion slayt -acordion slide - Script Codes JS Codes

/*------------İLETİŞİM BİLGİLERİ------------------
Ayhan ALTINOK - Copyright 2013
Facebook Adresim: www.facebook.com/AyhanALTINOKesk
Mail Adresim :[email protected]
------------------------------------------------*/ $('.kolon').each(function() { $(this).mouseover(function() { $(this).addClass('active'); $('.ızgara').children('.kolon').not('.active').addClass('inactive'); }); $(this).mouseleave(function() { $(this).removeClass('active'); $('.ızgara').children('.kolon').not('.active').removeClass('inactive'); }); });
Akordion slayt -acordion slide - Script Codes
Akordion slayt -acordion slide - Script Codes
Home Page Home
Developer Ayhan ALTINOK
Username AyhanALTINOK
Uploaded September 13, 2022
Rating 4.5
Size 3,256 Kb
Views 20,240
Do you need developer help for Akordion slayt -acordion slide?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ayhan ALTINOK (AyhanALTINOK) Script Codes
Name
Slider
A Pen by Ayhan ALTINOK
Css sallanan resim efekti
Jquery Fare Animasyonu - Jquery Mouse Animation
Facebook Responsive Lightbox
Menu
Filtre ile Arama Kutusu - Search Box with Filter
Css3 animasyon
Galeri efekti
Css galeri
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!