منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود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
معدل النشاط : 4972
السُمعة : 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
معدل النشاط : 21475
السُمعة : 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
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12897
السُمعة : 295

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
معدل النشاط : 3009
السُمعة : 14

http://www.mca14.org/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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