چگونگی حذف اسکرول افقی در قالب سایت
- نویسنده موضوع jing
- تاریخ شروع
- وضعیت
Ehs@n
کاربر عضو
با عرض معذرت و پوزش از دوست خوب ام کسرا
شاما تو فایل CSS تو تگ body یه بار قسمت width رو کاهش بدید شاید درست بشه
+
رو یه سیستم دیگه هم چک کنید گاهی از سیستم شخص هم می تونه باشه چون سر خودم اومده
یه قالب HTML نوشتم رو سیستم خودم درست بود رو سیستم پسر عمه ام اسکرول می خورد
یه پیشنهاد : اندازه ها رو سعی کنید با درصد بدین مثلا width:90%;
چون اینجوری با تغییر رزولوشن مشکلی پیش نمیاد(اگه اشتباه گفتم دوستان تصحیح کنند لطفا)
شاد باشید
شاما تو فایل CSS تو تگ body یه بار قسمت width رو کاهش بدید شاید درست بشه
+
رو یه سیستم دیگه هم چک کنید گاهی از سیستم شخص هم می تونه باشه چون سر خودم اومده
یه قالب HTML نوشتم رو سیستم خودم درست بود رو سیستم پسر عمه ام اسکرول می خورد
یه پیشنهاد : اندازه ها رو سعی کنید با درصد بدین مثلا width:90%;
چون اینجوری با تغییر رزولوشن مشکلی پیش نمیاد(اگه اشتباه گفتم دوستان تصحیح کنند لطفا)
شاد باشید
لینک ها تنها برای اعضای سایت قابل نمایش است.
درضمن قبلا با سه مرورگر ie.ff.google chorome تست کردم کاملا درست بوده ولی چند روزیه که باffوgoogle chrome اسکرول میندازه ودرمرورگرie 7 کاملا بهم میریزه!!؟
نمی دونم علتش چپه!?
سیستم دیگه ای دم دست نبود که چک کنم
کدهای فایل css
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo('name') != "") echo ' - ' ; bloginfo('name'); }
elseif (is_single() ) { single_post_title(); }
elseif (is_page() ) { bloginfo('name'); if(get_bloginfo('name') != "") echo ': '; single_post_title(); }
else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="art-page-background-gradient"></div>
<div id="art-page-background-glare">
<div id="art-page-background-glare-image"></div>
</div>/*
Theme Name: hadis6
Theme URI:
Description:
Version: 3
Author:
Author URI:
Tags: , fixed width, three columns, valid XHTML, widgets
*/
/* begin Page */
/* Generated with Artisteer version 2.3.0.23326, file checksum is 0276AF90. */
body
{
margin: 0 auto;
padding: 0;
background-color: #A18F68;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}
#art-page-background-glare
{
position: absolute;
width: 100%;
height: 264px;
left: 0;
top: 0;
}
#art-page-background-glare-image
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 264px;
width: 879px;
margin: 0 auto;
}
html:first-child #art-page-background-glare
{
border: 1px solid transparent; /* Opera fix */
}
#art-page-background-gradient
{
position: absolute;
background-image: url('images/Page-BgGradient.jpg');
background-repeat: repeat-x;
top:0;
width:100%;
height: 900px;
}
#art-page-background-gradient
{
background-position: top left;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
form
{
padding:0 !important;
margin:0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */
/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 1000px;
min-width:41px;
min-height:41px;
}
.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 8px;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 40px;
height: 40px;
background-image: url('images/Sheet-s.png');
}
.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 20px, 20px, auto);
}
.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 20px, 20px);
}
.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(20px, 20px, auto, auto);
}
.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(20px, auto, auto, 20px);
}
.art-Sheet-tc, .art-Sheet-bc
{
left: 20px;
right: 20px;
height: 40px;
background-image: url('images/Sheet-h.png');
}
.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 20px, auto);
}
.art-Sheet-bc
{
bottom: 0;
clip: rect(20px, auto, auto, auto);
}
.art-Sheet-cr, .art-Sheet-cl
{
top: 20px;
bottom: 20px;
width: 40px;
background-image: url('images/Sheet-v.png');
}
.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 20px);
}
.art-Sheet-cl
{
left:0;
clip: rect(auto, 20px, auto, auto);
}
.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
background-color: #DFD9D8;
}
.art-Sheet
{
margin-top: 15px !important;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:1000px;
}
/* end Box, Sheet */
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 984px;
height: 179px;
}
div.art-Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 984px;
height: 179px;
background-image: url('images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 984px;
height: 179px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
div.art-nav-center
{
position:relative;
float:right;
right:50%;
}
ul.art-menu
{
position:relative;
float:left;
left:50%;
}
.firefox2 ul.art-menu
{
float:none;
}
/* menu structure */
.art-menu
{
padding: 0px 0px 0px 0px;
}
.art-nav
{
position: relative;
height: 23px;
z-index: 100;
}
.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 23px;
background-image: url('images/nav.png');
}
.art-nav .l
{
left: 0;
right:0px;
}
.art-nav .r
{
right: 0;
width: 984px;
clip: rect(auto, auto, auto, 984px);
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 23px;
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 69px;
background-image: url('images/MenuItem.png');
}
.art-menu a .l
{
left:0;
right:0px;
}
.art-menu a .r
{
width:400px;
right:0;
clip: rect(auto, auto, auto, 400px);
}
.art-menu a .t
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #000000;
padding: 0 12px;
margin: 0 0px;
line-height: 23px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-23px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-23px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-23px;
}
.art-menu a:hover .t
{
color: #F3F1EC;
}
.art-menu li:hover a .t
{
color: #F3F1EC;
}
.art-menu li:hover>a .t
{
color: #F3F1EC;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -46px;
}
.art-menu a.active .t
{
color: #EFECE6;
}
/* end MenuItem */
/* begin MenuSeparator */
.art-nav .art-menu-separator
{
display: block;
width: 1px;
height: 23px;
background-image: url('images/MenuSeparator.png');
}
/* end MenuSeparator */
/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 150px;
overflow:hidden;
line-height: 20px;
margin-right: auto;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #BAAD91;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.art-menu ul ul a
{
margin-left: auto;
}
.art-menu ul li a:hover
{
color: #000000;
border-color: #A99875;
background-position: 0 -20px;
}
.art-menu ul li:hover>a
{
color: #000000;
border-color: #A99875;
background-position: 0 -20px;
}
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #000000;
}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #000000;
}
/* end MenuSubItem */
/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 8px;
width: 984px;
}
/* end ContentLayout */
/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}
.art-Block-body
{
position: relative;
z-index: 1;
padding: 5px;
}
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
position:absolute;
z-index:-1;
}
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
width: 18px;
height: 18px;
background-image: url('images/Block-s.png');
}
.art-Block-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}
.art-Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}
.art-Block-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}
.art-Block-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}
.art-Block-tc, .art-Block-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('images/Block-h.png');
}
.art-Block-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}
.art-Block-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}
.art-Block-cr, .art-Block-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('images/Block-v.png');
}
.art-Block-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}
.art-Block-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}
.art-Block-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #EFECEC;
}
.art-Block
{
margin: 2px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 3px;
margin-bottom: 4px;
}
.art-BlockHeader .t
{
height: 30px;
color: #0B0A09;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align: center;
white-space : nowrap;
padding: 0 0px;
line-height: 30px;
}
.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('images/BlockHeader.png');
}
.art-BlockHeader .l
{
left:0;
right:9px;
}
.art-BlockHeader .r
{
width:994px;
right:0;
clip: rect(auto, auto, auto, 985px);
}
.art-header-tag-icon
{
height: 30px;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 5px;
background-repeat: no-repeat;
min-height: 10px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 3px;
}
.art-BlockContent-body
{
color:#3D3533;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
margin-left: 0px;
margin-right: 0px;
}
.art-BlockContent-body a:link
{
color: #1C1817;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #0033CC;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #0A36FA;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-BlockContent-body ul
{
list-style-type: none;
color: #006600;
margin:0;
padding:0;
}
.art-BlockContent-body ul li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 125%;
line-height: 1.25em;
}
/* end Box, BlockContent */
/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}
.art-Post-body
{
position: relative;
z-index: 1;
padding: 6px;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
position:absolute;
z-index:-1;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
width: 18px;
height: 18px;
background-image: url('images/Post-s.png');
}
.art-Post-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}
.art-Post-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}
.art-Post-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}
.art-Post-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}
.art-Post-tc, .art-Post-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('images/Post-h.png');
}
.art-Post-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}
.art-Post-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}
.art-Post-cr, .art-Post-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('images/Post-v.png');
}
.art-Post-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}
.art-Post-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}
.art-Post-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #EFECEC;
}
.art-Post
{
margin: 0px;
}
/* Start images */
a img
{
border: 0;
}
.art-article img, img.art-article
{
margin: 1em;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */
/* Start tables */
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #EFE6D7;
vertical-align: top;
text-align:left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
/* Finish tables */
pre
{
overflow: auto;
padding: 0.1em;
}
/* end Box, Post */
/* begin PostMetadata */
.art-PostMetadataHeader
{
padding:1px;
background-color: #E4DED3;
border-color: #CCC2AD;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata */
/* begin PostHeaderIcon */
.art-PostHeader
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #2230EC;
}
.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-align: right;
margin:0;
color: #2230EC;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
text-align: left;
color: #2230EC;
}
.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
text-align: left;
color: #2230EC;
}
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
text-align: left;
color: #2230EC;
}
/* end PostHeader */
/* begin PostIcons */
.art-PostHeaderIcons
{
padding:1px;
}
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #15177E;
}
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
margin:0;
}
.art-PostHeaderIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #0A36FA;
}
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #937039;
}
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #6E542B;
}
/* end PostIcons */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 9pt;
font-style: normal;
font-weight: normal;
color: #333300;
}
.art-PostContent p
{
margin: 0.5em 0;
}
.art-PostContent, .art-PostContent p
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 9pt;
font-style: normal;
font-weight: normal;
text-align: right;
color: #333300;
}
.art-PostContent
{
margin:0;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #0033CC;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #0033CC;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #64583F;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #3EA857;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: right;
color: #0033CC;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
text-align: right;
color: #0033CC;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #0033CC;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-align: right;
color: #0033CC;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
color: #0033CC;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
color: #0033CC;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #0A36FA;
margin:1em 0 1em 2em;
padding:0;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position:inside;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
color:#FBFAF9;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
}
blockquote,
.art-PostContent blockquote
{
margin:10px 10px 10px 50px;
padding:5px 5px 5px 5px;
background-color:#4B413F;
}
/* Finish blockuote */
/* end PostQuote */
/* begin PostIcons */
.art-PostFooterIcons
{
padding:1px;
}
.art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #746649;
}
.art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
margin:0;
}
.art-PostFooterIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #765A2E;
}
.art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #765A2E;
}
.art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #9A763C;
}
/* end PostIcons */
/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:26px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
vertical-align: middle;
}
.art-button img, .art-button-wrapper img
{
margin: 0;
}
.art-button-wrapper
{
display:inline-block;
vertical-align: middle;
position:relative;
height: 26px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}
.firefox2 .art-button-wrapper
{
display:block;
float:left;
}
.art-button-wrapper .art-button
{
display:block;
height: 26px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-align: left;
padding: 0 11px !important;
line-height: 26px;
text-decoration: none !important;
color: #000000 !important;
}
input, select
{
vertical-align: middle;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
}
.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #383223 !important;
text-decoration: none !important;
}
.art-button-wrapper.active .art-button
{
color: #F1EFEE !important;
}
.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 78px;
background-image: url('images/Button.png');
}
.art-button-wrapper .l
{
left:0;
right:8px;
}
.art-button-wrapper .r
{
width:409px;
right:0;
clip: rect(auto, auto, auto, 401px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -26px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -52px;
}
/* end Button */
/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 984px;
margin: 5px auto 0px auto;
}
.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 10px;
text-align: center;
}
.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 984px;
height: 150px;
bottom:0;
left:0;
}
.art-rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 30px;
width: 30px;
cursor: default;
}
.art-Footer .art-Footer-text p
{
margin: 0;
}
.art-Footer .art-Footer-text
{
display:inline-block;
color:#5E533B;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 1px;
}
.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #7A6C4D;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #5B5039;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #B48A46;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
/* end Footer */
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#7D6F4F;
}
.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#6F605D;
}
/* end PageFooter */
/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 196px;
}
/* end LayoutCell */
/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 570px;
}
.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 766px;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 786px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 982px;
}
/* end LayoutCell */
/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 216px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin:1px;
background: #fff;
}
.commentlist li cite
{
font-size:1.2em;
}
#commentform textarea
{
width: 45%;
}
img.wp-smiley
{
border:none;
margin:0;
padding:0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
.gallery {
letter-spacing: normal;
}
#todays-events{
position: relative;
z-index: 11;
}
#upcoming-events{
position: relative;
z-index: 10;
}
img:hover {
-webkit-transform: rotate(+1deg);
-moz-transform: rotate(+1deg);
-o-transform: rotate(+1deg);
}
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
</div>
<div class="l"></div>
<div class="r"></div>
<div class="art-nav-center">
<ul class="art-menu">
<?php art_menu_items(); ?>
</ul>
</div>
</div>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo('name') != "") echo ' - ' ; bloginfo('name'); }
elseif (is_single() ) { single_post_title(); }
elseif (is_page() ) { bloginfo('name'); if(get_bloginfo('name') != "") echo ': '; single_post_title(); }
else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="art-page-background-gradient"></div>
<div id="art-page-background-glare">
<div id="art-page-background-glare-image"></div>
</div>/*
Theme Name: hadis6
Theme URI:
Description:
Version: 3
Author:
Author URI:
Tags: , fixed width, three columns, valid XHTML, widgets
*/
/* begin Page */
/* Generated with Artisteer version 2.3.0.23326, file checksum is 0276AF90. */
body
{
margin: 0 auto;
padding: 0;
background-color: #A18F68;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}
#art-page-background-glare
{
position: absolute;
width: 100%;
height: 264px;
left: 0;
top: 0;
}
#art-page-background-glare-image
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 264px;
width: 879px;
margin: 0 auto;
}
html:first-child #art-page-background-glare
{
border: 1px solid transparent; /* Opera fix */
}
#art-page-background-gradient
{
position: absolute;
background-image: url('images/Page-BgGradient.jpg');
background-repeat: repeat-x;
top:0;
width:100%;
height: 900px;
}
#art-page-background-gradient
{
background-position: top left;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
form
{
padding:0 !important;
margin:0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */
/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 1000px;
min-width:41px;
min-height:41px;
}
.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 8px;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 40px;
height: 40px;
background-image: url('images/Sheet-s.png');
}
.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 20px, 20px, auto);
}
.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 20px, 20px);
}
.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(20px, 20px, auto, auto);
}
.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(20px, auto, auto, 20px);
}
.art-Sheet-tc, .art-Sheet-bc
{
left: 20px;
right: 20px;
height: 40px;
background-image: url('images/Sheet-h.png');
}
.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 20px, auto);
}
.art-Sheet-bc
{
bottom: 0;
clip: rect(20px, auto, auto, auto);
}
.art-Sheet-cr, .art-Sheet-cl
{
top: 20px;
bottom: 20px;
width: 40px;
background-image: url('images/Sheet-v.png');
}
.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 20px);
}
.art-Sheet-cl
{
left:0;
clip: rect(auto, 20px, auto, auto);
}
.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
background-color: #DFD9D8;
}
.art-Sheet
{
margin-top: 15px !important;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:1000px;
}
/* end Box, Sheet */
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 984px;
height: 179px;
}
div.art-Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 984px;
height: 179px;
background-image: url('images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 984px;
height: 179px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
div.art-nav-center
{
position:relative;
float:right;
right:50%;
}
ul.art-menu
{
position:relative;
float:left;
left:50%;
}
.firefox2 ul.art-menu
{
float:none;
}
/* menu structure */
.art-menu
{
padding: 0px 0px 0px 0px;
}
.art-nav
{
position: relative;
height: 23px;
z-index: 100;
}
.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 23px;
background-image: url('images/nav.png');
}
.art-nav .l
{
left: 0;
right:0px;
}
.art-nav .r
{
right: 0;
width: 984px;
clip: rect(auto, auto, auto, 984px);
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 23px;
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 69px;
background-image: url('images/MenuItem.png');
}
.art-menu a .l
{
left:0;
right:0px;
}
.art-menu a .r
{
width:400px;
right:0;
clip: rect(auto, auto, auto, 400px);
}
.art-menu a .t
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #000000;
padding: 0 12px;
margin: 0 0px;
line-height: 23px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-23px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-23px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-23px;
}
.art-menu a:hover .t
{
color: #F3F1EC;
}
.art-menu li:hover a .t
{
color: #F3F1EC;
}
.art-menu li:hover>a .t
{
color: #F3F1EC;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -46px;
}
.art-menu a.active .t
{
color: #EFECE6;
}
/* end MenuItem */
/* begin MenuSeparator */
.art-nav .art-menu-separator
{
display: block;
width: 1px;
height: 23px;
background-image: url('images/MenuSeparator.png');
}
/* end MenuSeparator */
/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 150px;
overflow:hidden;
line-height: 20px;
margin-right: auto;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #BAAD91;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.art-menu ul ul a
{
margin-left: auto;
}
.art-menu ul li a:hover
{
color: #000000;
border-color: #A99875;
background-position: 0 -20px;
}
.art-menu ul li:hover>a
{
color: #000000;
border-color: #A99875;
background-position: 0 -20px;
}
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #000000;
}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #000000;
}
/* end MenuSubItem */
/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 8px;
width: 984px;
}
/* end ContentLayout */
/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}
.art-Block-body
{
position: relative;
z-index: 1;
padding: 5px;
}
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
position:absolute;
z-index:-1;
}
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
width: 18px;
height: 18px;
background-image: url('images/Block-s.png');
}
.art-Block-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}
.art-Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}
.art-Block-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}
.art-Block-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}
.art-Block-tc, .art-Block-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('images/Block-h.png');
}
.art-Block-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}
.art-Block-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}
.art-Block-cr, .art-Block-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('images/Block-v.png');
}
.art-Block-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}
.art-Block-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}
.art-Block-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #EFECEC;
}
.art-Block
{
margin: 2px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 3px;
margin-bottom: 4px;
}
.art-BlockHeader .t
{
height: 30px;
color: #0B0A09;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align: center;
white-space : nowrap;
padding: 0 0px;
line-height: 30px;
}
.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('images/BlockHeader.png');
}
.art-BlockHeader .l
{
left:0;
right:9px;
}
.art-BlockHeader .r
{
width:994px;
right:0;
clip: rect(auto, auto, auto, 985px);
}
.art-header-tag-icon
{
height: 30px;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 5px;
background-repeat: no-repeat;
min-height: 10px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 3px;
}
.art-BlockContent-body
{
color:#3D3533;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
margin-left: 0px;
margin-right: 0px;
}
.art-BlockContent-body a:link
{
color: #1C1817;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #0033CC;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #0A36FA;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-BlockContent-body ul
{
list-style-type: none;
color: #006600;
margin:0;
padding:0;
}
.art-BlockContent-body ul li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 125%;
line-height: 1.25em;
}
/* end Box, BlockContent */
/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}
.art-Post-body
{
position: relative;
z-index: 1;
padding: 6px;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
position:absolute;
z-index:-1;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
width: 18px;
height: 18px;
background-image: url('images/Post-s.png');
}
.art-Post-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}
.art-Post-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}
.art-Post-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}
.art-Post-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}
.art-Post-tc, .art-Post-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('images/Post-h.png');
}
.art-Post-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}
.art-Post-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}
.art-Post-cr, .art-Post-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('images/Post-v.png');
}
.art-Post-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}
.art-Post-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}
.art-Post-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #EFECEC;
}
.art-Post
{
margin: 0px;
}
/* Start images */
a img
{
border: 0;
}
.art-article img, img.art-article
{
margin: 1em;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */
/* Start tables */
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #EFE6D7;
vertical-align: top;
text-align:left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
/* Finish tables */
pre
{
overflow: auto;
padding: 0.1em;
}
/* end Box, Post */
/* begin PostMetadata */
.art-PostMetadataHeader
{
padding:1px;
background-color: #E4DED3;
border-color: #CCC2AD;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata */
/* begin PostHeaderIcon */
.art-PostHeader
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #2230EC;
}
.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-align: right;
margin:0;
color: #2230EC;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
text-align: left;
color: #2230EC;
}
.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
text-align: left;
color: #2230EC;
}
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
text-align: left;
color: #2230EC;
}
/* end PostHeader */
/* begin PostIcons */
.art-PostHeaderIcons
{
padding:1px;
}
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #15177E;
}
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
margin:0;
}
.art-PostHeaderIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #0A36FA;
}
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #937039;
}
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #6E542B;
}
/* end PostIcons */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 9pt;
font-style: normal;
font-weight: normal;
color: #333300;
}
.art-PostContent p
{
margin: 0.5em 0;
}
.art-PostContent, .art-PostContent p
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 9pt;
font-style: normal;
font-weight: normal;
text-align: right;
color: #333300;
}
.art-PostContent
{
margin:0;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #0033CC;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #0033CC;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #64583F;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #3EA857;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: right;
color: #0033CC;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
text-align: right;
color: #0033CC;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #0033CC;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-align: right;
color: #0033CC;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
color: #0033CC;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
color: #0033CC;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #0A36FA;
margin:1em 0 1em 2em;
padding:0;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position:inside;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
color:#FBFAF9;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: right;
}
blockquote,
.art-PostContent blockquote
{
margin:10px 10px 10px 50px;
padding:5px 5px 5px 5px;
background-color:#4B413F;
}
/* Finish blockuote */
/* end PostQuote */
/* begin PostIcons */
.art-PostFooterIcons
{
padding:1px;
}
.art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #746649;
}
.art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
margin:0;
}
.art-PostFooterIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #765A2E;
}
.art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #765A2E;
}
.art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #9A763C;
}
/* end PostIcons */
/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:26px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
vertical-align: middle;
}
.art-button img, .art-button-wrapper img
{
margin: 0;
}
.art-button-wrapper
{
display:inline-block;
vertical-align: middle;
position:relative;
height: 26px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}
.firefox2 .art-button-wrapper
{
display:block;
float:left;
}
.art-button-wrapper .art-button
{
display:block;
height: 26px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-align: left;
padding: 0 11px !important;
line-height: 26px;
text-decoration: none !important;
color: #000000 !important;
}
input, select
{
vertical-align: middle;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
}
.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #383223 !important;
text-decoration: none !important;
}
.art-button-wrapper.active .art-button
{
color: #F1EFEE !important;
}
.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 78px;
background-image: url('images/Button.png');
}
.art-button-wrapper .l
{
left:0;
right:8px;
}
.art-button-wrapper .r
{
width:409px;
right:0;
clip: rect(auto, auto, auto, 401px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -26px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -52px;
}
/* end Button */
/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 984px;
margin: 5px auto 0px auto;
}
.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 10px;
text-align: center;
}
.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 984px;
height: 150px;
bottom:0;
left:0;
}
.art-rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 30px;
width: 30px;
cursor: default;
}
.art-Footer .art-Footer-text p
{
margin: 0;
}
.art-Footer .art-Footer-text
{
display:inline-block;
color:#5E533B;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 1px;
}
.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #7A6C4D;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #5B5039;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #B48A46;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
}
/* end Footer */
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#7D6F4F;
}
.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#6F605D;
}
/* end PageFooter */
/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 196px;
}
/* end LayoutCell */
/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 570px;
}
.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 766px;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 786px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 982px;
}
/* end LayoutCell */
/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 216px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin:1px;
background: #fff;
}
.commentlist li cite
{
font-size:1.2em;
}
#commentform textarea
{
width: 45%;
}
img.wp-smiley
{
border:none;
margin:0;
padding:0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
.gallery {
letter-spacing: normal;
}
#todays-events{
position: relative;
z-index: 11;
}
#upcoming-events{
position: relative;
z-index: 10;
}
img:hover {
-webkit-transform: rotate(+1deg);
-moz-transform: rotate(+1deg);
-o-transform: rotate(+1deg);
}
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
</div>
<div class="l"></div>
<div class="r"></div>
<div class="art-nav-center">
<ul class="art-menu">
<?php art_menu_items(); ?>
</ul>
</div>
</div>
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
mahdiali35
کاربر عضو
دوست عزیز jing جان مشکل سایت شما در قسمت بالای سایت هست قسمتی که منوها در آن قرار دارند...
عکس 1 :
این عکس نشون میده که div قسمت بالا که با کادر آبی مشخصه باعث اسکرول شده....که کلاس css اون به این صورت هست
که اگه کد اون قسمت right: 50% رو برداریم مشکل شما رفع میشه اما مشکل جدیدی میاد که نوشته ها به سمت راست کشیده میشند و قسمتی از اونها محو میشند( تصویر زیر )....
که اون قسمت رو با اضافه کردن padding , margin میتونید حل کنید... الان مشکل قالبه شما اینه که در قسمتی از کدهای قالب به جز این قسمت از css قسمتی هست که باعث میشه اون قسمت منو باعث اسکرول بشه....
پ.ن1: اگه نوشته یه جورایی نامفهوم بود یا مشکلی داشت بذارید به پای این که ساعت 2.5 3 نصفه شبه بی خوابی به کلم زده....
پ.ن2: بیایید با فایر باگ آشتی کنیم...
عکس 1 :
لینک ها تنها برای اعضای سایت قابل نمایش است.
این عکس نشون میده که div قسمت بالا که با کادر آبی مشخصه باعث اسکرول شده....که کلاس css اون به این صورت هست
کد:
div.art-nav-center { float: right; position: relative; right: 50%;}
لینک ها تنها برای اعضای سایت قابل نمایش است.
که اون قسمت رو با اضافه کردن padding , margin میتونید حل کنید... الان مشکل قالبه شما اینه که در قسمتی از کدهای قالب به جز این قسمت از css قسمتی هست که باعث میشه اون قسمت منو باعث اسکرول بشه....
پ.ن1: اگه نوشته یه جورایی نامفهوم بود یا مشکلی داشت بذارید به پای این که ساعت 2.5 3 نصفه شبه بی خوابی به کلم زده....
پ.ن2: بیایید با فایر باگ آشتی کنیم...
آخرین ویرایش توسط مدیر:
- وضعیت