”." class="error"><style>

.bak {

width:396px;

height:20px;

text-align:right;

padding-right:4px;

background-color:#fff;

Color:#fa6f57;

Font:13px b yekan;

overflow:hidden;

border-radius:5px;

box-shadow:inset 0px 20px 0px 0px #2AB4E6;

transition:all .3s linear;

-moz-transition:all .3s linear;

-o-transition:all .3s linear;

color:#fff;

-webkit-transition:all .3s linear;

}

.bak:hover {

border-bottom: 2px solid #2AB4E6;

border-right: 1px solid #2AB4E6;

border-left: 1px solid #2AB4E6;

box-shadow:inset 0px 3px 0px 0px #2AB4E6;

height:270px;

color:#2AB4E6;

}

.bak a {

text-decoration:none;

Color:#323232;

text-shadow:0.5px 0.5px 0.5px #fff;

}

.bak-1 {

width:120px;

height:22px;

font:13px b yekan;

background-color:#fff;

border:1px solid #2AB4E6;

margin-bottom:1px;

Color:#2AB4E6;

border-radius:12px 12px 0px 0px;

animation: shake 4s linear 0s infinite;

-webkit-animation: shake 4s linear 0s infinite;

-o-animation: shake 4s linear 0s infinite;

-moz-animation: shake 4s linear 0s infinite;

}

.bak-1:hover {

background-color:#fff;

color:#2AB4E6}

@-webkit-keyframes shake {

0%,100% {

-webkit-transform:translateX(10);

transform:translateX(0);

}

10%,30%,50%,70%,90% {

-webkit-transform:translateX(-20px);

transform:translateX(-10px);

}

20%,40%,60%,80% {

-webkit-transform:translateX(20px);

transform:translateX(10px);

}}

@keyframes shake {

0%,100% {

-webkit-transform:translateX(10);

-ms-transform:translateX(0);

transform:translateX(0);

}

10%,30%,50%,70%,90% {

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-10px);

transform:translateX(-10px);

}

20%,40%,60%,80% {

-webkit-transform:translateX(20px);

-ms-transform:translateX(10px);

transform:translateX(10px);

}}

@-o-keyframes shake {

0%,100% {

-webkit-transform:translateX(10);

-ms-transform:translateX(0);

transform:translateX(0);

}

10%,30%,50%,70%,90% {

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-10px);

transform:translateX(-10px);

}

20%,40%,60%,80% {

-webkit-transform:translateX(20px);

-ms-transform:translateX(10px);

transform:translateX(10px);

}}

@-moz-keyframes shake {

0%,100% {

-webkit-transform:translateX(10);

-ms-transform:translateX(0);

transform:translateX(0);

}

10%,30%,50%,70%,90% {

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-10px);

transform:translateX(-10px);

}

20%,40%,60%,80% {

-webkit-transform:translateX(20px);

-ms-transform:translateX(10px);

transform:translateX(10px);

}}

.box-bem {

width: 450px;

overflow:hidden;

}

</style>

<center>

<div class="box-bem">

<center>

<div class="bak-1">

باکس اطلاعات مطلب

</div>

<div class="bak">

برای دیدن دمو /پیشنمایش پست <a href="محل لینک دمو" target="_blank">کلیک کنید </a> <br />

راهنمای استفاده : حتما بخونید <br />

اول کد زیر را در ویرایش <a href="http://versiongraphic.r98.ir/cat/1" title="قالب" target="_blank">قالب</a> خود بین "هد" و "/هد" بذارید<br />

<textarea>Place your code here</textarea> <br />

و کد زیر را در سورس مطلب یا جایی که میخواهید نمایش دهد قرار دهید <br />

<textarea>Place your code here</textarea><br />

<br />

<a href="#"> لینک دانلود مستقیم </a> : لینکی برای این پست وجود ندارد <br />

منبع :<a href="http://versiongraphic.rozblog.com/"> نسخه گرافیک </a> <br />