PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : سوال در مورد CSS سايت



p30cloob
02-18-2008, 09:23 AM
سلام
من در قسمت بالاي سايتمي 2 قسمت به نامهاي " آخرين اخبار" و "محبوب ترين ها" دارم كه به رنگ اين دوقسمت مشكل دارم.
اگر به آدرس سايت من بريد
P30CLooB.com (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
متوجه مي شيد كه رنگ اين مطالب با رنگ پشت زمينه زياد سازگار نيست و خوب خونده نمي شه.
براي همين هم من ميخوام رنگ اين قسمت رو عوض كنم.
براي اينكه بتونيد كمكم كنيد من كل css رو اينجا كپي مي كنم تا بتونيد بهم بگيد كه كجاش رو بايد عوض كنم. و به نظر شما چه رنگي بايد بذارم.
ممنونم

body{
font-family:Tahoma,Verdana,Trebuchet MS,Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
background-color: #E7E29A;
}
.bodies {
margin:0px;
text-align:center;
background:url(../images/bg_glob.png);
}
tr, p, div {
font-family:Tahoma,Verdana,Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:11px;
color:#272f27;
}
hr {
background:#999999;
height:1px;
width:100%;
}
ul {
margin-right: 5px;
list-style: square;
}

ul li {
}

ol {
margin-right: 5px;
}

ol li {
}

.highlight {
font-weight:bold;
color: #FF4500;
}

form {
display: inline;
margin: 0;
padding: 0;
}
.pathway {
font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
font-size: 9px;
padding-bottom: 5px;
}
a.pathway:link, a.pathway:visited {
color : #80FFFF;
font-weight : normal;
}
a.pathway:hover {
color : #ff3300;
font-weight : normal;
text-decoration : none;
}
.mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
font-size: 11px;
}
a.mainlevel-nav:link, a.mainlevel-nav:visited {
color: #000000;
text-decoration: none;
font-family: Tahoma,Verdana, Arial,Helvetica, sans-serif;
text-align: right;
}
a.mainlevel-nav:hover {
color: #B22222;
}

#active_menu {
display: block;
color: #000000;
font-weight: bold;
background: url(../images/bullet.gif) no-repeat center right;
width: 175px;
height: 22px;
text-decoration: none;
font-family: Tahoma,Verdana, Arial,Helvetica, sans-serif;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 20px;
text-indent: 22px;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
color: #666666;
background: url(../images/bullet.gif) no-repeat center right;
width: 175px;
height: 22px;
text-decoration: none;
font-family: Tahoma,Verdana, Arial,Helvetica, sans-serif;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 20px;
text-indent: 22px;
}
a.mainlevel:hover {
display: block;
color: #1E90FF;
background: url(../images/bullet.gif) no-repeat center right;
width: 175px;
height: 22px;
text-decoration: none;
font-family: Tahoma,Verdana, Arial,Helvetica, sans-serif;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 20px;
text-indent: 22px;
}

a.sublevel:link, a.sublevel:visited {
font-size: 11px;
color: #cccccc;
padding-right:10px;
line-height: 15px;
display:block;
margin-right:-4px;
font-family:tahoma,arial;
text-align: right;
}
a.sublevel:hover {
color: #00CCCC; text-decoration: none;
}

table.moduletable {
padding: 0px 0px 0px 0px;
width: 100%;
margin-bottom:5px;
}
table.moduletable th {
background-image: url(../images/modelheading.gif);
background-repeat: no-repeat;
font-size: 11px;
color: #ffffff;
text-align: right;
width: 220px;
font-weight:bold;
padding-left:40px;
height:42px;
padding-top:5px;
font-family:tahoma,verdana,arial, tahoma;
text-transform:lowercase;
text-indent: 10px;
}

table.moduletable td {
font-size: 11px;
font-weight: normal;
text-align: right;
}
.poll {
font-family : Tahoma,Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
line-height : 14px;
}
table.pollstableborder {
}
.pollstableborder {
padding: 3px;
margin:2px;
}
.sectiontableheader {
background-color : #666666;
color : #ffffff;
font-weight : bold;
padding:5px;
}
.sectiontableentry1 {
padding:3px 3px 3px 6px;
background: url(../images/titik.png) repeat-x bottom center;

}
.sectiontableentry2 {
background: url(../images/titik.png) repeat-x bottom center;
padding:3px 3px 3px 6px;
}
.sectiontableentry1 td {
padding:3px 3px 3px 6px;
}
.sectiontableentry2 td {
background-image:none;
background-color: #f0f0f0;
padding:3px 3px 3px 6px;
}
.small {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
text-align:right;
font-weight: normal;
top:-5px;
vertical-align: top;
padding-bottom:2px;
line-height:20px;
background-image: url(../images/small.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
float: right;
}
.smalldark {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
font-weight:normal;
}
.contentpane {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
}
.contentpaneopen {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
width: 100%;
padding: 1px;
}
.contentpaneopen div {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
padding:5px;
}
.contentdescription{
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
width:100%;
}
.componentheading {
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: right;
padding-top: 9px;
padding-bottom: 3px;
padding-right: 3px;
margin: 5px 0px 3px 0px;
display: block;
background-image: url(../images/componentheading.gif);
background-position: bottom right;
background-repeat: no-repeat;
line-height: 30px;
text-indent: 16px;
width: 99%;
}
.contentheading{
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: right;
padding-top: 9px;
padding-bottom: 3px;
padding-right: 3px;
margin: 5px 0px 3px 0px;
display: block;
background-image: url(../images/contentheading.gif);
background-position: bottom right;
background-repeat: no-repeat;
line-height: 30px;
text-indent: 16px;
width: 99%;
}
.contentheading a:link, .contentheading a:visited {
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: right;
}
.contentheading a:hover {
color: #000000;
text-decoration: none;
}
.createdate {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:10px;
color: #004282;
text-align:right;
font-weight: normal;
top:-5px;
vertical-align: top;
padding-bottom:2px;
line-height:20px;
background-image: url(../images/clock.gif);
background-position: right center;
background-repeat: no-repeat;
text-indent: 15px;
}
.button {
font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
font-style: normal;
font-size: 11px;
font-weight: bold;
background-color: #666666;
color: #ffffff;
border: 1px solid #757575;
}
.inputbox {
font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
margin-top: 2px;
}
.modifydate {
font-size:10px;
text-transform: margin-top:15px;
margin-bottom:15px;
color:#004282;
}

a:link, a:visited {
color: #007CF2;
text-decoration: none;
}
a:hover {
color: Black;
}
a.category:link, a.category:visited {
color: #333333;
font-weight: bold;
font-size: 11px;
font-weight: bold;
}
a.category:hover {
color:#999999;
}
.ontab {
background-color: #ffae00;
border-left: outset 2px #ff9900;
border-right: outset 2px #808080;
border-top: outset 2px #ff9900;
border-bottom: solid 1px #d5d5d5;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.offtab {
background-color : #e5e5e5;
border-left: outset 2px #E0E0E0;
border-right: outset 2px #E0E0E0;
border-top: outset 2px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
font-weight: normal;
}
.tabpadding {
}
.tabheading {
background-color: #ffae00;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}
.back_button {
text-align: center;
margin-top: 40px;
}
table.contenttoc {
color: #333300;
background-color: #e0e0e0;
border: 1px solid #ccc;
padding:5px;
}
table.contenttoc td {
font-size: 8pt;
font-weight: normal;
text-align:right;
padding-left:5px;
padding-right:5px;
}
table.contenttoc th {
font-size: 8pt;
font-weight: normal;
text-align:right;
padding:5px;
background-color:#333333;
color:#FFFFFF;
}
table.searchintro {

}
table.searchintro td {
color: #666666;
font-weight: bold;
}


.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background-color:#cccccc;
padding: 1px 2px;
color: #fff;
text-transform: normal;
font-size: 10px;
border-top: 1px solid #cccccc;
}

#user1 {
padding-left: 3px;
padding-right:3px;
margin-bottom: 3px;
direction: rtl;
text-align: right;
}
#user1 table.moduletable {
width: 205px;
margin-bottom: 0px;
direction: rtl;
text-align: right;
}
#user1 table.moduletable th {
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 11px;
font-weight: normal;
color: #B0C4DE;
background-image: none;
text-align: right;
height: 16px;
width: 205px;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 4px;
border-bottom: 1px double #cccccc;
margin: 0px 0px 0px 0px;
}
#user1 table.moduletable td {
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 11px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
direction: rtl;
text-align: right;
}
#user2 {
padding-left: 3px;
padding-right:3px;
margin-bottom: 3px;
direction: rtl;
text-align: right;
}
#user2 table.moduletable {
width: 205px;
margin-bottom: 0px;
direction: rtl;
text-align: right;
}
#user2 table.moduletable th {
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 11px;
font-weight: normal;
color: #B0C4DE;
background-image: none;
text-align: right;
height: 16px;
width: 205px;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 4px;
border-bottom: 1px double #cccccc;
margin: 0px 0px 0px 0px;
}
#user2 table.moduletable td {
font-family: Tahoma, Verdana, &quot;Lucida Sans&quot;;
font-size: 11px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
direction: rtl;
text-align: right;
}

#newsflash {
padding-left: 0px;
padding-right:0px;
margin-bottom: 0px;
direction: rtl;
text-align: right;
}
#newsflash table.moduletable {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
width: 325px;
margin-bottom: 0px;
direction: rtl;
text-align: right;
}
#newsflash table.moduletable th {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #B0C4DE;
background-image: none;
text-align: right;
height: 16px;
width: 325px;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 4px;
border-bottom: 1px double #cccccc;
margin: 0px 0px 0px 0px;
}
#newsflash table.moduletable td {
font-family:Tahoma,Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
direction: rtl;
text-align: justify;
}

abtin
02-18-2008, 10:11 AM
دو كلاس

ul.latestnews

و

ul.mostread

را در css ايجاد كنيد و در اون رنگ رو به دلخواه تعيين كنيد. به نظر من سفيد مناسبه.

p30cloob
02-19-2008, 03:23 AM
دو كلاس

ul.latestnews

و

ul.mostread

را در css ايجاد كنيد و در اون رنگ رو به دلخواه تعيين كنيد. به نظر من سفيد مناسبه.


آق شرمنده
ما سوادمون در حد اكابره و تا كلاس 2 بيشتر نخونديم
اگر ممكنه بفرمائيد چي و كجاي صفحه بايد اين كلاسي رو كه گفتيد ايجاد كنيم. در ضمن اصلا چطوري بايد كلاس ايجاد كنم.
ممنون

mhadaily
02-19-2008, 07:14 AM
فایل template_css.css در فولدر css در قالب شما هست بررسی کنید و باز کنید و این دو کلاس رو ایجاد کنید
مثل این



.ul.mostread {
padding-left: 0px;
padding-right:0px;
margin-bottom: 0px;
direction: rtl;
text-align: right;
}