MS.SAMAR
مصممة
عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014
 | | موضوع: لوضع ايطار حول اسماء الاعضاء فى المتواجدين الان الثلاثاء يناير 12, 2016 11:10 am | |
| كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسم ...
تم تعديل الكود
ليشمل الصفحة الرئيسية أيضا
ما عدا المتواجدون الآن و خلال 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
- اقتباس :
- [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] كتب:وهذا الكود لوضع اطار فقط حول اسم العضو
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
- الكود:
-
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;
} [size]
يمكنك استبدال
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
[/size] - الكود:
-
#FFA34F [size]
بكود اللون اللذي تريده ليكون لون الاطار ([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط])
ملحوظة : كود الاطار متكرر ثلاث مرات بالكود لذا عليك استبداله بكود اللذي تريده ثلاث مرات .
[/size] [size] طريقه وضع الكودطريقة الوضع : لوحة الادارة
مظهر المنتدي
الوان
ورقة تصميم cssملحوظه : لا يمكن وضع الكودين فى وقت واحد اما يتم اختيار الاطار والخلفيه
اما اختيار الاطار فقط [/size] | |
|
MS.SAMAR
مصممة
عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014
| | موضوع: رد: لوضع ايطار حول اسماء الاعضاء فى المتواجدين الان الثلاثاء يناير 12, 2016 11:10 am | |
| ده عباره عن كود
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
| |
|
MS.SAMAR
مصممة
عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014
| | موضوع: رد: لوضع ايطار حول اسماء الاعضاء فى المتواجدين الان الثلاثاء يناير 12, 2016 11:10 am | |
| | |
|
MS.SAMAR
مصممة
عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014
| | موضوع: رد: لوضع ايطار حول اسماء الاعضاء فى المتواجدين الان الثلاثاء يناير 12, 2016 11:10 am | |
| كود ايطار حول أسماء الأعضاء بشكل جميل كود ايطار حول أسماء الأعضاء بشكل جميل
ملاحظة :الكود يعمل على النسخة الثانية فقط
صورة للمعاينه : الأن نتوجه الى:
ورقة تصميم 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;
} [size]
كود التأثيرات ايضا
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى[/size] - الكود:
-
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;
} [size] انتهى الشرحارجوا ان اكون قد افدتكمللعلم : الكود ليس من صنعى ولكن حبيت اخلى الجميع يستفيد منه لانه جميل جدا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
انتهي الموضوع
[/size] | |
|
