مشکل در گذاشتن کد تلگرام در style.css

[chem 61]

وقتی کد زیر در تنظیمات خود قالب میزارم کد اعمال میشه ولی کل مطالب سایت وسط چین میشه

وقتی کد بر می دارم اوکی میشه

اما زمانی که همین کد در فایل style میزارم اصلا اعمال نمیشه

مشکل از کجاست دوستان؟

@import url(https://fonts.googleapis.com/css?family=Ubuntu:300&subset=latin,latin-ext);
body {
  background: #e2e1e0;
  text-align: left;
  background: url('http://thecodeplayer.com/uploads/media/geometry.png');
  font-family: 'Ubuntu', sans-serif;
}
a {color:#fff;text-decoration:none;}

@keyframes psfloat {
	0% {
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 10px 5px 0px rgba(0,0,0,0.1);
		transform: translatey(-15px);
	}
	100% {
		transform: translatey(0px);
	}
}



.tg-follow {
  background: #0088cc;
  border-radius: 2px;
  display: inline-block;
  height: 90px;
  margin: 1rem;
  position: relative;
  width: 240px;
  color:#fff;
  animation: psfloat 3s ease-in-out infinite;
  position:fixed;
  left:10px;
  bottom:10px;
}

 

[Morteza 34190]

کدهاتون رو توی یک div مثلا با کلا tdiv بزارید و استایل رو اینطور کنید:

.tdiv {
  background: #e2e1e0;
  text-align: left;
  background: url('http://thecodeplayer.com/uploads/media/geometry.png');
  font-family: 'Ubuntu', sans-serif;
}
.tdiv a {color:#fff;text-decoration:none;}

@keyframes psfloat {
	0% {
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 10px 5px 0px rgba(0,0,0,0.1);
		transform: translatey(-15px);
	}
	100% {
		transform: translatey(0px);
	}
}



.tdiv .tg-follow {
  background: #0088cc;
  border-radius: 2px;
  display: inline-block;
  height: 90px;
  margin: 1rem;
  position: relative;
  width: 240px;
  color:#fff;
  animation: psfloat 3s ease-in-out infinite;
  position:fixed;
  left:10px;
  bottom:10px;
}