نوشتک های یک بدخط

وبلاگ علیرضا آهنی

۶ مطلب با موضوع «آموزشی» ثبت شده است

از اینجا کد فونت مورد نظر را کپی کرده و سپس در مرکز مدیریت بلاگ یک برچسب زرد ایجاد کرده ، و بعد از آن روی <> کلیک کرده و کدی که کپی کرده بودید را پیس کنید و روی ذخیره کلیک کنید

با این کد ها میتونید فونت وبتون رو عوض کنید :)) 

شاید قالبی رو دوست داشته باشید ولی هدر نداشته باشه ! برای اضافه کردن هدر به این نوع قالب های میتونید از دو روش استفاده کنید.

  • روش یک
ایتدا عکس خود را در جایی آپلود کنید . سپس عبارت header را در بخش ویرایش css پیدا کرده و کد زیر را به آن اضافه کنید :
background: url(آدرس عکس آپلود شده);

تدکرات :

1. در بعضی مواقع عرض هدر برابر با عرض قالب است

2.در صورتی که در هدر شما عنوان وبلاگ خودتان وجود دارد بایستی آن  را مخفی کنید.برای این کار راه حل زیر را دنبال کنید . ابتدا عبارت (*blog_title*) را در بخش ویرایش ساختار به عبارت زیر تبدیل کرده :

<!--(*blog_title*)-->

و عبارت (*blog_short_description*) را به عبارت زیر :

<!--(*blog_short_description*)-->

3.در صورتی که عکس تکه تکه شد عبارت زیر را به عبارت header اضافه کنید :

background-size: cover;

4.با تکه کد زیر و تغییر عدد آن میتوانید ارتفاع هدر را تنظیم کنید :

height: 678px;

  • روش دوم
در این روش شما میتوانید با هدر ساز آنلاین این کار را انجام دهید . کلیک


ابتدا وارد بخش ویرایش ساختار قالب فعلی بشید و از عبارت <view:links> تا </view:links> رو پاک کنید سپس کد زیر رو درج کنید :

<p style="text-align: center;"><style type="text/css">.BestUser2 Img{Margin:0px 11px 6px 5px;Border:2px Solid #ccc;Border-Radius:1000px;Transition-Duration:0.9s;}.BestUser2
								Img:hover{Transform:Rotate(360deg);}</style></p><div style="text-align: center;" class="BestUser2">
							<style type="text/css">
								@keyframes smalljheleh{0%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1);-moz-transform:scale3d(1.25,0.75,1);-o-transform:scale3d(1.25,0.75,1);-webkit-transform:scale3d(1.25,0.75,1);-ms-transform:scale3d(1.25,0.75,1);-khtml-transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1);-moz-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-khtml-transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1);-moz-transform:scale3d(1.15,0.85,1);-o-transform:scale3d(1.15,0.85,1);-webkit-transform:scale3d(1.15,0.85,1);-ms-transform:scale3d(1.15,0.85,1);-khtml-transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-khtml-transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-khtml-transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}}@-moz-keyframes smalljheleh{0%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1);-moz-transform:scale3d(1.25,0.75,1);-o-transform:scale3d(1.25,0.75,1);-webkit-transform:scale3d(1.25,0.75,1);-ms-transform:scale3d(1.25,0.75,1);-khtml-transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1);-moz-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-khtml-transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1);-moz-transform:scale3d(1.15,0.85,1);-o-transform:scale3d(1.15,0.85,1);-webkit-transform:scale3d(1.15,0.85,1);-ms-transform:scale3d(1.15,0.85,1);-khtml-transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-khtml-transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-khtml-transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}}@-webkit-keyframes smalljheleh{0%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1);-moz-transform:scale3d(1.25,0.75,1);-o-transform:scale3d(1.25,0.75,1);-webkit-transform:scale3d(1.25,0.75,1);-ms-transform:scale3d(1.25,0.75,1);-khtml-transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1);-moz-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-khtml-transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1);-moz-transform:scale3d(1.15,0.85,1);-o-transform:scale3d(1.15,0.85,1);-webkit-transform:scale3d(1.15,0.85,1);-ms-transform:scale3d(1.15,0.85,1);-khtml-transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-khtml-transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-khtml-transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}}
								.BestUser2 Img{ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -khtml-filter: grayscale(100%);Margin:0px 11px 6px 5px;Border:2px Solid #ccc;Border-Radius:1000px;Transition-Duration:0.9s; transition: all 2s ease;}
								.BestUser2 Img:hover{ filter: none; -moz-filter: grayscale(0); -o-filter: grayscale(0); -webkit-filter: grayscale(0); -ms-filter: grayscale(0); -khtml-filter: grayscale(0); animation-name: smalljheleh; animation-duration: 1.5s; animation-fill-mode: both; transition: all 0.5s ease;}
							</style>
								<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>
							</div>

و کد زیر رو بعد کد یکی مونده به آخر درج کنید :

<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>

به عنوان مثال برای 5 دوست :

<p style="text-align: center;"><style type="text/css">.BestUser2 Img{Margin:0px 11px 6px 5px;Border:2px Solid #ccc;Border-Radius:1000px;Transition-Duration:0.9s;}.BestUser2
								Img:hover{Transform:Rotate(360deg);}</style></p><div style="text-align: center;" class="BestUser2">
							<style type="text/css">
								@keyframes smalljheleh{0%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1);-moz-transform:scale3d(1.25,0.75,1);-o-transform:scale3d(1.25,0.75,1);-webkit-transform:scale3d(1.25,0.75,1);-ms-transform:scale3d(1.25,0.75,1);-khtml-transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1);-moz-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-khtml-transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1);-moz-transform:scale3d(1.15,0.85,1);-o-transform:scale3d(1.15,0.85,1);-webkit-transform:scale3d(1.15,0.85,1);-ms-transform:scale3d(1.15,0.85,1);-khtml-transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-khtml-transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-khtml-transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}}@-moz-keyframes smalljheleh{0%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1);-moz-transform:scale3d(1.25,0.75,1);-o-transform:scale3d(1.25,0.75,1);-webkit-transform:scale3d(1.25,0.75,1);-ms-transform:scale3d(1.25,0.75,1);-khtml-transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1);-moz-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-khtml-transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1);-moz-transform:scale3d(1.15,0.85,1);-o-transform:scale3d(1.15,0.85,1);-webkit-transform:scale3d(1.15,0.85,1);-ms-transform:scale3d(1.15,0.85,1);-khtml-transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-khtml-transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-khtml-transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}}@-webkit-keyframes smalljheleh{0%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1);-moz-transform:scale3d(1.25,0.75,1);-o-transform:scale3d(1.25,0.75,1);-webkit-transform:scale3d(1.25,0.75,1);-ms-transform:scale3d(1.25,0.75,1);-khtml-transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1);-moz-transform:scale3d(0.75,1.25,1);-o-transform:scale3d(0.75,1.25,1);-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);-khtml-transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1);-moz-transform:scale3d(1.15,0.85,1);-o-transform:scale3d(1.15,0.85,1);-webkit-transform:scale3d(1.15,0.85,1);-ms-transform:scale3d(1.15,0.85,1);-khtml-transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-o-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-khtml-transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-o-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-khtml-transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-khtml-transform:scale3d(1,1,1)}}
								.BestUser2 Img{ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -khtml-filter: grayscale(100%);Margin:0px 11px 6px 5px;Border:2px Solid #ccc;Border-Radius:1000px;Transition-Duration:0.9s; transition: all 2s ease;}
								.BestUser2 Img:hover{ filter: none; -moz-filter: grayscale(0); -o-filter: grayscale(0); -webkit-filter: grayscale(0); -ms-filter: grayscale(0); -khtml-filter: grayscale(0); animation-name: smalljheleh; animation-duration: 1.5s; animation-fill-mode: both; transition: all 0.5s ease;}
							</style>
<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>
<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>
<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>
<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>
<a target="_blank" rel="nofollow" href="آدرس لینک وبلاگ دوست"><img height="45" width="45" src="آدرس تصویر دوست"></a>
							</div>

منبع پلاک 7

وارد بخش ویرایش ساختار قالب بشید و بعد عبارت <head> کد زیر رو بنویسید :

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css">

بعد به لینک زیر رفته و انمیشن خود را انتخاب کنید.

http://tools.css-tricks.ir/animate.css

 سپس کدی را که در تصویر مشخص شده است را بعد عبارت body وارد نمایید.

اول بگم که توی این اموزش حتما باید از قالب هایی که منوی بالا صفحه دارن استفاده کنید اول عبارت menu رو پیدا کنید.بعد عبارت } یه اینتر بزنید و بنویسید :

position:sticky;
top:0px;
نوشتک های یک بدخط

سلام.من علیرضا آهنی متولد ۱۳۸۶/۸/۲ هستم :) خوب دیگه چی بگم ؟

طبقه بندی موضوعی
کلمات کلیدی
آخرین مطالب
دوستان