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

اذهب الى الأسفل

كودcss لجعل خلفية لاسماء الاعضاء يعمل مع جميع النسخ

مُساهمة من طرف M FaRaG في الأربعاء 17 يونيو 2009 - 0:21

كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسم ...
تم تعديل الكود
ليشمل الصفحة الرئيسية أيضا
ما عدا المتواجدون الآن و خلال 24
فقط في المتواجدون الآن سيظهر اسم المدير و المشرف له خلفية




كود css:

الكود:
strong a{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
a.coloradmin{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}


الكود الأصلي:الامل القادم
طور الكود: dawn birth



@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
بكود اللون اللذي تريده ليكون لون الاطار (لأختيار كود اللون المطلوب)
ملحوظة : كود الاطار متكرر ثلاث مرات بالكود لذا عليك استبداله بكود اللذي تريده ثلاث مرات .


طريقه وضع الكود
طريقة الوضع : لوحة الادارة
مظهر المنتدي
الوان
ورقة تصميم css


ملحوظه : لا يمكن وضع الكودين فى وقت واحد اما يتم اختيار الاطار والخلفيه
اما اختيار الاطار فقط



عدل سابقا من قبل M FaRaG في السبت 27 يونيو 2009 - 16:44 عدل 4 مرات
avatar
M FaRaG
 
 

ذكر
عدد المساهمات : 10709
معدل النشاط : 5214
السُمعة : 7

http://www.socegy.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف جنة قلبى في الجمعة 27 نوفمبر 2009 - 17:56



ده عباره عن كود

css
لوضع ايطار فى المتواجدين الان
للنسخة

بانفيوجن


الكود:
  .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;


طريقة الوضع :

لوحة الادارة
مظهر المنتدي
الوان
ورقة تصميم css



avatar
جنة قلبى
 
 

انثى
عدد المساهمات : 16903
معدل النشاط : 21717
السُمعة : 36

http://iloveyauforever.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كودcss ضع اطار منقط حول اسم العضو new.moon

مُساهمة من طرف YasirAyad في الإثنين 5 مارس 2012 - 18:27




كود ضع اطار منقط حول اسم العضو

للمعاينه ::من هنــا

الكود::
الكود:
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;
}




طريقة وضع الكود

::
لوحة الادارة

مظهر المنتدى
الصور والالوان
الوان
ورقة تصميم الـ Css
ثم ضع الكود

ثم قدم :: ثم سجل


مبروك عليكم الكود من تطوير ياسر new.moon

احلى تحية


avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11127
معدل النشاط : 13142
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود ايطار حول أسماء الأعضاء بشكل جميل

مُساهمة من طرف Arabian Star في الخميس 23 يوليو 2015 - 20:00

كود ايطار حول أسماء الأعضاء بشكل جميل

كود ايطار حول أسماء الأعضاء بشكل جميل
ملاحظة :الكود يعمل على النسخة الثانية فقط 
صورة للمعاينه :


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

 ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

ثم اضف هذا الكود الى ورقة تصميم css

كود الايطار فقط بدون تأثيرات

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

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;
}


انتهى الشرح

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

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

avatar
Arabian Star
 
 

ذكر
عدد المساهمات : 892
معدل النشاط : 3251
السُمعة : 14

http://www.mca14.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى