Dentasarım
Popüler tasarımlar

DENTASARIM | Tasarımın bizden!

Den intro v1

Denintro v1


Bu introyu önceden sitemde kullanıyordum, yoğun istek üzerine paylaşma gereği duydum, alt kısmı değiştirmezseniz sevinirim...

HTML KODU
<style type="text/css">
body {
background-color: #5E6167;
font-weight: 200;
width: 95%;
height: 100%;
margin: 0em 5%;
background-color: #8ec1da;
background-image: url(//img.webme.com/pic/d/dentasarim/1v1.png);
background-position: center bottom;
animation: animatedBackground 30s linear infinite;
/* Safari and Chrome: */
-webkit-animation: animatedBackground 30s linear infinite;
background-attachment: fixed;
}
@keyframes animatedBackground 
{
  from { background-position: 0 100%; }
  to { background-position: 100% 100%; }
}
@-webkit-keyframes  animatedBackground 
{
  from { background-position: 0 100%; }
  to { background-position: 100% 100%; }
}
h1 {
font-weight: 200;
color: #ffffff;
padding-bottom: 10px;
font-size: 42px;
}
 
body a {
text-decoration: none;
color: #333;
}
.button {
  background-color: #000;
  padding: 7px;
  padding-left: 35px;
  padding-right: 35px;
  border-radius: 100px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  opacity: 0.6;
  transition: all 0.25s;
}
.button:hover {
  opacity: 0.8;
}
.container {
  width: 480px;
  display: block;
  margin: auto;
  margin-top: 40px;
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
.image {
background-image: url(//img.webme.com/pic/d/dentasarim/1v1.png);
width: 480px;
height: 250px;
position: relative;
box-sizing: border-box;
padding-top: 30px;
background-position: bottom;
margin: auto;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.image:before {
  position: absolute;
  width: 220px;
  left: 0;
  bottom: 0;
  border-bottom: 20px solid white;
  border-right: 20px solid transparent;
  display: block;
  content:" ";
}
.image:after {
  position: absolute;
  left: 240px;
  bottom: 0;
  right: 0;
  border-bottom: 20px solid white;
  border-left: 20px solid transparent;
  display: block;
  content:" ";
}
.text {
  text-align: left;
 
  background-color: white;
  box-sizing: border-box;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.5em;
}
.text span {
  background-color: #ccc;
  border: 1px solid #bbb;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
}
.container .image h4 {
color: #EFEFEF;
}
</style> <center>
<div class="container">
<div class="image">
<h1>DENTASARIM</h1>
<h4>TASARIMIN BİZDEN!</h4>
<a class="button" href="/Anasayfa.htm">SITEYE GE&Ccedil;</a></div>
<div class="text">
<p><span style="font-size: 13.3333339691162px; line-height: 19.1999988555908px; background-color: rgb(255, 255, 255);">DENTASARIM</span>&nbsp;Kurulumundan itibaren sitesinde hi&ccedil; bir kar amacı olmayan bir adrestir. &Uuml;cretsiz temalar, kodlar ve dersler paylaşılmaktadır.<br />
<br />
Bu introda sizlere &ouml;zel hazırlanmıştır. Alt kısmı değiştirmeden kullanabilirsiniz...<br />
<br />
<br />
@Dentasarım Ekibi.<br />
-Bu intro <a href="http://www.dentasarim.tr.gg">Dentasarım</a> tarafından yapılmıştır!</p>
</div>
</div>
</center>
Kodlayan: Dentasarım'dır, kaynak göstermeden paylaşmak yasaktır.
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=