متحرک کردن لوگوی وبلاگ 
آموزش برای وبلاگ های بیان :
1- کد زیر رو انتهای قالب CSSتون قراب بدید :
.logo{display: block; margin-left: auto; margin-right: auto;margin:5px;}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%
{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%
{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%
{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%
{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%
{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%
{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes rubberBand{0%{transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%
{transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%
{transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%
{transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%
{transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%
{transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%
{transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-moz-keyframes rubberBand{0%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%
{-moz-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-moz-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%
{-moz-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-moz-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%
{-moz-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.logo img{
animation-name: rubberBand;animation-duration: 0.8s;transform-origin:50% 50%;animation-iteration-count: infinite;animation-timing-function: linear;
-moz-animation-name: rubberBand;-moz-animation-duration: 0.8s;-moz-transform-origin:50% 50%;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;
-webkit-animation-name: rubberBand;-webkit-animation-duration: 0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;
}
.adsnearlogo{float:left;margin:5px;}
.adsnearlogo img{display:block;margin:3px 0px;}
2- کد زیر که کارش نشون دادن لوگوی شماست رو در محل مناسبی از قالب ساختار اصلیتون قرار بدید:
<p class="logo"><img style="display: block; margin-left: auto; margin-right: auto; alt="نام وبلاگ شما" title="نام وبلاگ شما" src="آدرس آپلود شده لوگوی شما"/></p>
آموزش برای سایر سرویسهای وبلاگ دهی :
1- کد زیر و توی <head> قالبتون قرار بدید :
<link rel="stylesheet" type="text/css" href="http://up.blogel.ir/download/1356309/moteharek-logo12.css"/>
2- کد زیر که کارش نشون دادن لوگوی شماست رو در محل مناسبی از قالبتون قرار بدید:
<p class="logo"><img style="display: block; margin-left: auto; margin-right: auto; alt="نام وبلاگ شما" title="نام وبلاگ شما" src="آدرس آپلود شده لوگوی شما"/></p>
دسته: {کدنویس}
- [ ۹۴/۱۲/۲۰ ]
[ پلاک هفت ]
اینا چیزای جدیدین که تازه به دنیای کد نویسی وارد شدن، گفتم عقب نمونم..:)
