هذا سكربت wordpress
طبعا هذا السكربت يعتمد في الاستايل على css الحمد لله عدلت الي عدلته بس طلعت لي مشكله ..
ابغي مساحة السكربت الي باللون الأبيض تكون 500 بكسل يعني تكون كامله المقالات + القائمه الي على اليمين الي فيها links الارشيف ..حاولت وسويت لاكن تطلع لي فراغات والقائمه الي على اليمين تنزل تحت والله دوخني
شوفوا هذي الصورة
وهذا ملف css
كود PHP:
#rap {
position: absolute;
width: 500px;
//height: 100%;
z-index: 1;
left: 50%;
top: 2%;
margin: 0px auto auto -350px;
padding-bottom: 60px;
background: #fff;
border: 1px solid #000000;
}
a {
color: #675;
}
a img {
border: none;
}
a:visited {
color: #342;
}
a:hover {
color: #9a8;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
}
blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}
body {
background: #ccc;
border: solid 2px #300;
border-bottom: none;
border-top: none;
color: #000;
font-family: 'Bitstream Vera Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
margin: 0;
padding: 0;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
background: #fff;
color: #000;
border-top: 1px solid #bca;
border-left: 3px solid #bca;
font: 11px 'Bitstream Vera Sans', Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.2em;
margin: 15px 0 10px 0;
padding-top: 2px;
padding-left: 4px;
}
h3 {
border-top: 1px dashed #ccc;
padding-top: 3px;
//font:150%/1.3em Georgia,Serif;
font:16px 'Bitstream Vera Sans', Verdana, Arial, Helvetica, sans-serif
margin-top: 0px;
}
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
font: 85%/110% 'Bitstream Vera Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: 0px;
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.credit {
background: #90a090;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
display: none;
}
.credit a:link, .credit a:hover {
color: #fff;
}
.feedback {
color: #ccc;
text-align: right;
clear: both;
padding-bottom: 5px;
}
.feedback a {
color: #f60;
}
.feedback a:hover {
color: #ccc;
}
.meta {
font-size: .75em;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}
.storytitle {
margin: 0;
}
.storytitle a {
text-decoration: none;
color: #f60;
}
.storytitle a:hover {
text-decoration: none;
color: #fb5;
}
.storytitle a:visited {
text-decoration: none;
color: #f60;
}
.storycontent img {
margin: 0px 8px 15px 2px;
padding: 0px;
border: 1px solid #888;
float: left;
}
.storycontent { clear: none; }
#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}
#commentform textarea {
width: 100%;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}
#content {
float: left;
margin: 0px 0px 0px 0px;
padding-right: 40px;
padding-left: 20px;
padding-bottom: 0px;
width: 510px;
width/* */:/**/450px;
width: /**/450px;
}
#header {
background: url(wp-images/bmain1.jpg) no-repeat 0 0;
border-bottom: double 6px #fff;
border-left: none;
border-right: none;
border-top: none;
font: normal 300% 'Bitstream Vera Sans', Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 10px 10px 10px 10px;
height: 115px;
width: 500px;
width/* */:/**/500px;
width: /**/500px;
}
#header a {
position: absolute;
display:block;
height:45px;
text-decoration:none;
color: #fff;
top: 27px;
}
#header a:hover {
text-decoration: none;
}
#menu {
background: Fuchsia;
margin: 10px 0px 0px 250px;
width: 100px;
padding: 0px 0px 10px 0px;
top: 0px;
}
html>body #menu {
width: 200px;
}
#menu form {
margin: 0 0 0 13px;
}
#menu input#s {
width: 80%;
background: #eee;
border: 1px solid #999;
color: #000;
margin: 0.5em 0;
}
#menu ul {
color: #bbb;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}
#menu ul li {
font: italic normal 110% 'Times New Roman', Times, serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}
#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
list-style-image: url('list.png');
margin: 0;
padding: 0;
text-align: left;
}
#menu ul ul li {
border: 0;
font: normal normal 70%/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 0px;
}
#menu ul ul li a {
color: #000;
text-decoration: none;
}
#menu ul ul li a:hover {
border-bottom: 1px solid #809080;
}
#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}
#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#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;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover {
background: #ddd;
color: #bbb;
}
#wp-calendar #today {
background: #bca;
color: #000;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
font-family: Arial, Helvetica, Geneva, sans-serif;
}
شو الحل
