لوضع ايطار حول اسماء الاعضاء فى المتواجدين الان

s@kr كتب:

وهذا الكود لوضع اطار فقط حول اسم العضو

الكود:

strong a{
text-decoration:none;
border:1px dashed #FFA34F;

}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed #FFA34F;

}
a.coloradmin{
text-decoration:none;
border:1px dashed #FFA34F;

}

يمكنك استبدال

الكود:

#FFA34F

بكود اللون اللذي تريده ليكون لون الاطار (لأختيار كود اللون المطلوب)
ملحوظة : كود الاطار متكرر ثلاث مرات بالكود لذا عليك استبداله بكود اللذي تريده ثلاث مرات .

الكود:

  .thin {
line-height: 150%;
margin: 3px 0pt;
padding: 7px 0pt;
background-color:#FfFfFf;
}
.thin a
{
border:4px dashed #000000;
padding:0px 15px 0px 20px;
}
.24-hours a
{
border:1px dashed #000000;
padding:0px 15px 0px 10px;
} 

الكود:

strong a{
-decoration:none;
border:1px dashed #FFA34F;
}
a.copyright
{
border:0;
background:none;
}
a. {
-decoration:none;
border:1px dashed #FFA34F;
}
a.coloradmin{
-decoration:none;
border:1px dashed #FFA34F;
}

الأن نتوجه الى:

الكود:

/*----- خلفية وإطار للمتواجدون والأعضاء -----*/

a.coloradmin, a.name, strong a, a strong{
background-image : url('http://i14.servimg.com/u/f14/13/64/37/51/158.png');
border : 1px solid #000;
border-left : medium solid #B53C38;
border-right : medium solid #B53C38;
-moz-border-radius: 20px;
padding : 0 5px 0 5px;
font-weight:bold;
}
a.coloradmin:hover, a.name:hover, strong a:hover, a strong:hover{
background-image : url('http://i14.servimg.com/u/f14/13/64/37/51/158.png');
border : 1px solid #A10606;
border-left : medium solid #000;
border-right : medium solid #000;
-moz-border-radius: 20px;
padding : 0 5px 0 5px;
font-weight:bold;
}

الكود:

div.topictitle {
color:#A80505;
}
div.topictitle:hover {
color:#000000;
}
tr.post td {
text-align:center;
text-shadow:0 1px 0 #FFFFFF;
}
td {
font-weight:bold;
}
.postbody {
font-size:16px;
font-weight:bold;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:active {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
body, a, a:hover {
cursor:url("http://img214.imageshack.us/img214/4656/mouses.png"), progress;
}
a:hover {
color:#A80000;
cursor:url("http://img214.imageshack.us/img214/4656/mouses.png"), default;
text-shadow:1px 1px 1px #000000;
}

انتهى الشرح

ارجوا ان اكون قد افدتكم

للعلم : الكود ليس من صنعى ولكن حبيت اخلى الجميع يستفيد منه لانه جميل جدا
انتهي الموضوع