کد استایل متن - بسیار زیبا

متن شما

امروز یک استایل متن برای شما آماده کرده ایم که بوسیله ی آن، بصورتی که در بالا می بینید میتوانید هر جای وبلاگتان متن خود را قرار دهید. متن نوشته شده با این ابزار را میتوانید به عنوان لوگو هم استفاده کنید.

کد زیر را در head وبلاگ خود قرار دهید:

<style> .Srwah-title{text-align:center; color:#ea6900; -webkit-text-shadow:2px 2px 7px #111111; -moz-text-shadow:1px 1px 4px #111111; text-shadow:2px 2px 10px #111; font-size:45pt; font-family: Mj_Titr DF, Tahoma;} </style>

و این کد را هر جا که میخواهید متن به نمایش در بیاید ...

<div class="Srwah-title">متن شما در این جا</div>

امیدوارم خوشتون اومده باشه

استایل سیاه و سفید کردن عکس ها که با بردن موس رنگی شوند

با گذاشتن این کد در head قالب خود، تمام تصاویر صفحه سیاه و سفید شده به این صورت که با بردن موس روی عکس ، دوباره رنگی میشوند.

<style> img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; -ms-transition: 1.5s; -khtml-transition: 1.5s; } img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; -ms-transition: 1.5s; -khtml-transition: 1.5s; } </style>