کد متحرک کردن « انجمن وردپرس فارسی

سلام به شما دوستان خوبم من میخوام مثل بعضی از سایت ها که تمام عکس های توی وبشون که تا میری روش متحرک میشه یا کم رنگه و پررنگ میشه رو تو سایت خودم انجام بدم ولی کدش رو ندارم کسی کدش رو داره بده من
سلام دوست عزیز
می تونید وقتی که موس روی عکس هاتون بره بچرخه با کد زیر :
img:hover {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
;(-o-transform: rotate(-2deg
{
همه ی کدهای زیر رو در style.css کپی کن و می تونی با تغییر اعداد -2 در کدهای بالا میزان چرخش رو تغییر بدی.
موفق باشی@:»
دستت درئ نکنه امید جانم ولی من اصلا با style.css کار نکردم کجاش بریزم و این حرفا کجاش بریزم آخرش وسطش یا اولش
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
omid0098
دوست عزیز
آخر همه ی کد ها بذارش.
موفق باشی!:»
آقا نمیشه این کد style.css من ببین میتونی توش قرار بدی من که میزارم عمل نمیکنه
/*
Theme Name: WSDDownloadha
Version: 4.0
Author:WebSoftDownload.Com
Author URI: http://www.websoftdownload.com
*/
* {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline;
	outline: 0; list-style: none;
	text-decoration: none
}
body{
	color : #252525 ;
	background-color :#CBCAC9 ;
	margin : 0 ;
	padding : 0 0 ;
	font :11px/1.9 tahoma,sans-serif
}
HTML {
	border: 0px;
	padding: 0px;
 	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ; list-style: none;
	text-decoration: none
}
A {
	text-decoration : none ;
	color:#5C5552
}
A:HOVER {
	text-decoration : none ;
	color:#429FD2
}

.textwidget {
margin:0px 11px 0px 11px;
}

UL , LI {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none ;
	text-decoration: none
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none
}
abbr {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none
}
address, caption, cite, code, dfn, em , th, var {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0
}
IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
}
textarea , fieldset {
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	text-decoration: none ;
	font-family: Tahoma ;
	font-size: 11px ;
	border-right: #EAE6E3 1px solid;
	border-top: #EAE6E3 1px solid;
	background: #fff;
	border-left: #EAE6E3 1px solid;
	border-bottom: #EAE6E3 1px solid ;
	line-height : 1.5
}
H1 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none ;
	font: bold 15px Arial, sans-serif ;
	color : #746363
}
H2 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none ;
	font: bold 1.4em/1.6 Arial, sans-serif;
	color : #746363
}
H3 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none ;
	font: bold 1.3em/1.6 Arial, sans-serif;
	color : #746363
}
H4 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none ;
	font: bold 1.2em/1.6 Arial, sans-serif;
	color : #746363
}
#warpper{
	background :#fff url(images/content_background.gif) repeat-y scroll center top;
	direction:rtl ;
	margin:0px auto 0px;
	padding:0 ;
	position:relative ;
	width:968px
}
.header{
	background :transparent url(images/header.jpg) no-repeat scroll center top;
	height:158px;
	width:960px;
	margin-right : 4px ;
	border:1px solid #9E9E9E ;
	border-width:0 0 1px 0
}
.content {
	background : #ffffff ;
	margin : 0px 8px
}
#nav{
	background : #AEAEAE url(images/nav_bg.jpg) ;
	height : 32px ;
	width :960px ;
	border : 5px solid #E5E4E4 ;
	border-width:0 0 5px 0 ;
	margin-right : 4px
}
#nav ul {
	padding-right: 1px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style: none
}
#nav ul li {
	float: right;
}
#nav ul li A {
	padding-right: 0px;
	display: block;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 5px 3px 0px;
	font: 11px/14px tahoma;
	color: #fff;
	padding-top: 0px;
	text-align: center;
	text-decoration: none
}
#nav ul li A SPAN {
	padding-right: 8px;
	display: block;
	padding-left: 3px;
	padding-bottom: 4px;
	padding-top: 5px
}
#nav ul li A {
	background: url(images/nav_left.png) no-repeat left top
}
#nav ul li A SPAN {
	background: url(images/nav_right.png) #fff no-repeat right top;
	color: #757575 ;
	line-height :1.6
}
#nav ul li A:hover {
	background: url(images/nav_left_highlight.png) no-repeat left top
}
#nav ul li A:hover SPAN {
	background: url(images/nav_right_highlight.png) #fff no-repeat right top;
	color: #429FD2
}
.search_div {
	background: url(images/search_all.png) no-repeat ;
	width: 175px ;
	height: 25px ;
	margin-top:3px ;
	margin-left: 5px ;
	float: left
}
.st {
	background: none ;
	height : 22px ;
	width : 122px ;
	padding-left: 0px ;
	font-family: tahoma ;
	color : #ffffff;
	font-size : 11px ;
	border : none ;
	padding : 7px 0px 6px 4px ;
	margin-right : 21px ;
	line-height : 22px
}
.sti {
	background: none ;
	height : 24px ;
	width : 25px ;
	border: none ;
	cursor: pointer
}
#page-content {
	background: #ffffff;
	margin: 0px 0px 0px;
	text-align: right
}
.two-box-warpper {
	background: #ffffff;
	float: right;
	width: 725px
}
#page-body {
	background: #ffffff;
	float: left;
	margin: 5px 0px 5px 0px;
	width: 500px
}
.page-body {
	background: #ffffff;
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	padding-top: 0px
}
.page-body INPUT  {
	padding: 0px;
	margin: 4px;
	vertical-align: baseline ;
	outline: 0 ;
	text-decoration: none ;
	font-family: Tahoma ;
	font-size: 11px ;
	border-right: #EAE6E3 1px solid;
	border-top: #EAE6E3 1px solid;
	background: #fff;
	border-left: #EAE6E3 1px solid;
	border-bottom: #EAE6E3 1px solid ;
	line-height : 20px;
	height : 20px ;
	padding : 5px
}
.ads-banners {
	margin: 0px auto;
	text-align: center
}
.ads-banners A {
	display: block;
	margin: 10px 0px;
	text-align: center
}
.ads-text {
	margin-right : 4px ;
	margin-left : 4px
}
.shop h3 {
	background: url('images/downloadha_shop_top.gif') no-repeat ;
	height: 45px ;
	width: 500px
}
.shop h3 span {
	display: none
}
.shop ul li {
	background: url(images/tick.gif) no-repeat right 7px ;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
#right {
	background : #EDEBEB ;
	float : right ;
	width : 240px ;
	padding : 0px 5px
}
#left {
	background : #EDEBEB ;
	float : right ;
	width : 238px ;
	padding : 0px 5px
}
.shop-content {
	clear: both ;
	background : #EDEBEB ;
	margin : 0px 1px 0px 1px
}
.shop-footer {
	clear: both ;
	background: url('images/downloadha_shop_footer.gif') no-repeat ;
	height: 15px ;
	width: 500px
}
.post {
	margin : 8px 0 8px 0 ;
	width : 500px
}
.post-title {
	background: url('images/post_title.png') no-repeat ;
	width : 500px
}
.post-title-space {
	padding : 21px 0px 0px 0px
}
.post-title h1 {
	background: url(images/post_arrow.png) no-repeat right center ;
	padding-right: 38px ;
	color : #746363 ;
	margin : 0px 5px 5px 5px
}
.post-title h1 A:link {
	color:#847B75
}
.post-title h1 A:hover {
	color:#429FD2
}
#post-content {
	border : 2px solid #E9EBEB ;
	border-width : 0px 2px 0px 2px ;
	margin : 0px 1px 0 0
}
.post-content-text {
	padding : 2px 8px 0px 8px
}
.post-content-text .post-hr {
	width : 480px ;
	margin : 8px auto 6px ;
	height : 1px ;
	border-bottom : 1px solid #E4DFDE
}
.post-content-text .post-hr2 {
	background: url(images/hr_bottom_post.gif) no-repeat right center ;
	width : 480px ;
	margin : 0px auto 4px ;
	height : 14px
}
#post-footer {
	width : 500px ;
	background: url('images/post_footer.png') no-repeat ;
	height : 15px
}
.meta {
	background: url(images/meta.gif) no-repeat right center ;
	width : 500px ;
	height : 40px ;
	color:#666666
}
.meta ul {
	padding : 10px 15px 0px 18px
}
#category {
	background: url(images/meta_category.gif) no-repeat right center ;
	padding-right: 20px;
	float : right ;
	margin : 0px 0px 0px 5px
}
#views {
	background: url(images/meta_views.gif) no-repeat right center ;
	padding-right: 20px ;
	float : right
}
#info {
	border : 2px solid #EBEDED ;
	border-width : 0px 2px 0px 2px ;
	margin : 0px 1px 0 0 ;
	padding : 0px
}
#author-post {
	background: url(images/post_author.gif) no-repeat right center ;
	padding-right: 25px ;
	float : right ;
	margin : 0px 0px 0px 5px
}
#date-post {
	background: url(images/post_date.gif) no-repeat right center ;
	padding-right: 25px ;
	float : right ;
	margin : 0px 0px 0px 5px
}
#comments-post {
	background: url(images/post_comments.gif) no-repeat right center ;
	padding-right: 25px ;
	float : right
}
.paginate {
	width : 500px ;
	margin : 8px 0px 0px 0px
}
#paginate {
	padding : 0px 10px 0px 5px
}
.paginate-title {
	background : url('images/paginate_title.gif') no-repeat ;
	width : 500px ;
	height : 40px
}
.paginate-content {
	border : 2px solid #EBEDED ;
	border-width : 0px 2px 0px 2px ;
	margin : 0px 1px 0 0
}
.paginate-footer {
	width : 500px ;
	background: url('images/comment_footer.gif') no-repeat ;
	height : 18px
}
#sidebar-right {
	background: #fff ;
	float: right ;
	width: 220px ;
	margin : 5px 0 0 0
}
.sidebar-right {
	margin: 0px 0 0 0;
}
#sidebar-left {
	background: #fff;
	float: left;
	width: 220px;
	margin : 5px 0 0 0
}
.sidebar-left {
	margin: 0px;
}
.sidebar-box {
	background: #EBE8E8;
	margin: 0px 0px 5px
}
.sidebar-box h3 {
	height: 55px
}

.sidebar-box .title {
	font-family: Tahoma;
	font-size: 8pt;
	padding-right: 50px;
	padding-top: 15px;
}

.sidebar-box-content {
	width : 220px ;
	clear : both;
	background: url('images/sidebar_bg.png')
}
.sidebar-box ul {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 0px
}
.sidebar-box ul li {
	padding-right: 12px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 7px;
	padding-bottom: 0px;
	padding-top: 0px
}
.sidebar-box-footer {
	clear: both;
	background: url('images/sidebar_footer.gif') no-repeat ;
	height: 12px;
	width: 220px
}

.sidebar-right .ads h3 {
	background: url('images/ads_title.png') no-repeat ;
	height: 55px ;
	width: 220px
}

.sidebar-left .ads h3 {
	background: url('images/ads_title.png') no-repeat ;
	height: 55px ;
	width: 220px
}

.sidebar-right h3 {
	background: url('images/sidebar_title.png') no-repeat;
	height: 55px ;
	width: 220px;
}

.sidebar-left h3 {
	background: url('images/sidebar_title.png') no-repeat;
	height: 55px ;
	width: 220px;
}

.sidebar-right .category h3 {
	background: url('images/categories_title.png') no-repeat ;
	height: 55px ;
	width: 220px
}
.sidebar-right .category ul {
	padding-right: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 0px
}
.sidebar-right .category ul li {
	color:#000 ;
	padding-right: 10px;
	padding-left: 0px;
	background: url(images/tick.gif) no-repeat right 5px;
	padding-bottom: 0px;
	padding-top: 0px
}
.sidebar-right .category ul li ul {
	margin: 0px 0px 0px 0px
}
.sidebar-right .category ul li ul li {
	padding-right: 11px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 7px;
	padding-bottom: 0px;
	padding-top: 0px
}
.sidebar-right .status h3 {
	background: url('images/stats_title.png') no-repeat;
	height: 55px;
	width: 220px
}
.sidebar-right .monthly-archive h3 {
	background: url(images/archives_title.png) no-repeat center bottom
}
.sidebar-left .pre-posts h3 {
	background: url('images/lastentires_title.png') no-repeat ;
	height: 55px;
	width: 220px
}
.sidebar-left .rand-posts h3 {
	background: url('images/random_title.png') no-repeat ;
	height: 55px;
	width: 220px
}
.sidebar-left .top h3 {
	background: url('images/topentire_title.png') no-repeat ;
	height: 55px ;
	width: 220px
}
.sidebar-left .monthly-archive h3 {
	background: url(images/archives_title.png) no-repeat center bottom
}
.sidebar-left ul li {
	padding-right: 10px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 7px;
	padding-bottom: 0px;
	padding-top: 0px
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0 ;
	height: 0px
}
.comment {
	width : 500px ;
	margin : 10px 0px 10px 0px
}
.comment-title {
	width : 500px ;
	background: url('images/comment_title.gif') no-repeat ;
	height : 40px
}
.comment-title .name {
	padding : 14px 42px 0px 10px ;
	color:#B2B2B2 ;
	float:right
}
.comment-title .date {
	padding : 14px 0px 0px 35px ;
	color:#B2B2B2 ;
	float:left
}
.comment-content {
	border : 2px solid #EBEDED ;
	border-width : 0px 2px 0px 2px ;
	margin-left: auto;
	margin-right: 1px;
}
#comment {
	padding : 0px 10px 0px 5px
}
.comment-footer {
	width : 500px ;
	background: url('images/comment_footer.gif') no-repeat ;
	height : 18px
}
.addcomment {
	padding : 0px 4px 0 0
}
.addcomment h3 {
	width : 500px ;
	background: url('images/add_comment.gif') no-repeat right ;
	height: 35px ;
	border-bottom: #E8EBEB 1px solid ;
	padding : 0px 0px 4px 0px ;
	margin : 0px 0px 10px 0px
}
.addcomment h3 SPAN {
	display: none
}
.addcomment .input-title {
	float : right ;
	width : 100px ;
	margin : 0px 0px 10px 0px ;
	padding : 5px 0 0 0
}
.addcomment .input-box {
	float : right ;
	width : 350px ;
margin : 0px 0px 10px 0px
}

.gozashte {
text-align: right;
}

.jadid {
text-align: left;
}

.addcomment .comment_button {
	background: #FCFCFC no-repeat right ;
	border:1px solid #E6E6E6 ;
	padding : 5px ;
	margin-right : 100px ;
	font: bold 1.4em/1.6 Arial, sans-serif;
	cursor: pointer ;
	height : 30px
}
.addcomment #author {
	background: url(images/author.gif) #FCFCFC no-repeat right ;
	border:1px solid #E6E6E6 ;
	text-align:right ;
	color:#000000;
	padding : 7px 28px 5px 5px ;
	float : right
}
.addcomment #email {
	background: url(images/email.gif) no-repeat right ;
	border:1px solid #E6E6E6 ;
	text-align:right ;
	color:#000000 ;
	padding : 7px 28px 5px 5px ;
	float : right
}
.addcomment #url {
	background: url(images/website.gif) #FCFCFC no-repeat right ;
	border:1px solid #E6E6E6 ;
	text-align:right ;
	color:#000000 ;
	padding : 7px 28px 5px 5px ;
	float : right
}
.addcomment #text {
	background : #FCFCFC  ;
	width : 350px ;
	height : 150px ;
	margin: 0px ;
	border:1px solid #E6E6E6 ;
	padding : 5px
}
.footer-line {
	background :#E9E9E9 ;
	line-height : 5px ;
	height : 5px ;
	margin : 0px 4px 0px 4px
}
#footer {
	background :#F4F4F4 ;
	border:1px solid #fff ;
	border-width:1px 0px 0px 0px ;
	margin : 0px 4px 0px 4px ;
	padding : 0px 5px 4px 0px
}
#footer ul li {
	background: url(images/footer_arrow.gif) no-repeat right 7px ;
	padding-right: 14px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
#footer a {
	text-decoration:none ;
	color:#757575
}
#footer a:hover {
	text-decoration:none ;
	color:#B1A281
}
#rss {
	width : 130px ;
	float : right ;
	margin : 30px 16px 10px 17px
}
#rss img {
	width : 130px ;
	height : 153px
}
#tags {
	width : 395px ;
	float : right ;
	margin : 0px
}
#tags h3 {
	width : 395px ;
	background: url('images/tags_title.png') no-repeat right ;
	height: 50px
}
#tags h3 span {
	display: none
}
#tags .tags-content {
	width : 395px ;
	background: url('images/footer_content.gif')
}
#tags .tags-content ul {
	padding : 0px 12px
}
#tags .footer {
	width : 395px ;
	background: url('images/footer_bottom.gif') no-repeat right ;
	height: 20px
}
#links {
	width : 395px ;
	float : right ;
	margin : 0px
}
#links h3 {
	width : 395px ;
	background: url('images/links_title.png') no-repeat right ;
	height: 50px
}
#links h3 span {
	display: none
}
#links .links-content {
	width : 395px ;
	background: url('images/footer_content.gif')
}
#links .links-content ul {
	padding : 0px 10px
}
#links .links-content ul #right-links {
	float : right ;
	text-align : right ;
	width :165px
}
#links .links-content ul #left-links {
	float : right ;
	text-align : right ;
	width :165px
}
#links .footer {
	width : 395px ;
	background: url('images/footer_bottom.gif') no-repeat right ;
	height: 20px
}
#forum {
	width : 395px ;
	float : right ;
	margin : 0px
}
#forum h3 {
	width : 395px ;
	background: url('images/forum_title.png') no-repeat right ;
	height: 50px
}
#forum h3 span {
	display: none
}
#forum .forum-content {
	width : 395px ;
	background: url('images/footer_content.gif')
}
#forum .forum-content ul {
	padding : 0px 12px
}
#forum .footer {
	width : 395px ;
	background: url('images/footer_bottom.gif') no-repeat right ;
	height: 20px
}
#releated-post {
	width : 395px ;
	float : right ;
	margin : 0px
}
#releated-post h3 {
	width : 395px ;
	background: url('images/releated_posts.png') no-repeat right ;
	height: 50px
}
#releated-post h3 span {
	display: none
}
#releated-post .releated-content {
	width : 395px ;
	background: url('images/footer_content.gif')
}
#releated-post .releated-content ul {
	padding : 0px 12px
}
#releated-post .footer {
	width : 395px ;
	background: url('images/footer_bottom.gif') no-repeat right ;
	height: 20px
}
.copyright {
	background : url(images/copyright.png) #484848 ;
	margin : 0px 5px 1px 5px ;
	color:#ffffff
}
.copyright #copyright {
	float :right ;
	padding : 8px 10px
}
.copyright #desinger {
	float :left ;
	padding : 8px 10px ;
	background:#666
}
.copyright #desinger a {
	color:#EEE
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 4px 0px 0px 0px;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	width: 100%;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #000000;
	font-family: tahoma;
	font-size: 8pt;
}

#wp_page_numbers li a:hover {
	color: #666;
}

#wp_page_numbers li.space {
	font-size: 8pt;
	font-family: tahoma;
	color: #aaa;
	padding-left: 5px;
	padding-right: 5px;

}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #000;
	font-weight:bold;
}
#wp_page_numbers li.active_page a:hover  {
	color: #666666; /* IE fix */

}

#wp_page_numbers li.page_info {
	float: right;
	font-size: 8pt;
	font-family: tahoma;
	color: #aaa;
	display: block;
	padding-right: 5px;

}page a:hover  {
	color: #fff; /* IE fix */
	text-decoration: underline;
	border-color: #A1D4E5;
}

#wp_page_numbers li.page_info {
	float: right;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: #000;
	font-size: 11px;
	border: 1px solid #A1D4E5;
}
وردپرس فارسی

انجمن

کد متحرک کردن (۵ نوشته)

درباره‌ی این موضوع

برچسب‌ها
