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

لجعل حدود جميع منتداك بتلمع او حدود متقطعه على حسب الصوره






استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره

رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



لجعل الحدود متقطعه
الصوره

رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

السلام عليم

تفضلو
كود css لوضع صوره بجانب روابط اقسام المنتدى الرئيسيه بشكل تلقائي

ضع ردا ليظهر لك الكود

a.nav { background: url(ضـع رابـط الـصـوره هـنـا) no-repeat right; padding: 20 32px 0 22px; padding-top: 1px; padding-right: 32px; padding-left: 1px; padding-bottom: 4px; font-size: 15px; float: right; }

خاص ب invision

السلام عليكم و رحة الله تعالى و بركاته
اقدم لكم الكود المثالي الرائع
الذي يجعل التوقيع مثل الفي بي
تماما مع الصورة و الاطار و كل شيئ روعة

رد ليظهر لك الكود

.signature { [center] font-size: 0.1em; clear: center; line-height: 70%; overflow: hidden; width: 95%; margin-top: 1 em; border-top: 1px solid red; border-bottom:1px solid red; border-left:1px solid red; border-right:1px solid red; padding:60px 10px 10px 10px; background: url(رابط الصورة قبل التوقيع) no-repeat top center; background-color: #ffffff; } }

السلام عليكم ورحمة الله وبركاته ، اسعد الله اوقاتكم بكل خير

موقع يضيف موقعك لأكثر من 100 محرك بحث ؟!

تلقائياً بمجرد وضع موقعك سيقوم بالاضافة تلقائياً , وايضاً بين هاذي المواقع [ جوجل والياهو وغيرها من محركات البحث المشهورة ]

الموقع :

رد ليظهر لك الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاتة ، نجدد الامل بحسب رغبة اعضائنا الاحباء
بشرح انشاء ايميل باسم الموقع .com او net .. الخ مجاناً من شركة مايكروسوفت دون اللجوء لـ شراء مساحة .. الخ!


اولا ادخل على الرابط :

ضع رد ليطهر لك الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ://accountservices.passport.net/ppnetworkhome.srf%3fvv%3d550%26lc%3d1033&sl=1&lc=1 033

This image has been resized. Click this bar to view the full image. The original image is sized 694x705.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


اكمل كافة البيانات بماهو مطلوب ..

This image has been resized. Click this bar to view the full image. The original image is sized 672x400.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


اعد كتابة الايميل مثل ماهو موضح

والف مبروك عليك الايميل الجديد وباسم موقعك .. كما بانه بامكانك انشاء اكثر من 1,000,000 مليون ايميل في اليوم الواحد

تمنياتي لكم بالنجاح والتوفيق

بعـدها تظهر امامنـا قائمة بالاستايلات المركبة اختار الاستايل المطلوب عليه تركيب الالوان


نخـتار (( أذهب ))

تفتح صفحة خاصة بالقوالب ننزل اسفل حتى نجد قالب اسمه (( تعاريف css الإضافية ))

انزل اسفل هذ1 القالب وضيف الكود التالي

.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF1515;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#E30000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006600;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#006600;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #0000FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0000E6;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CCCCCC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF66CC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF6CCF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.band
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #FF9900;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#C0C0C0;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center
}

.member
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #008080;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#222222;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #BF0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BF0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #CC33FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC33FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#000000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #ffffff;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#ffffff;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}


ثم احفظ العمل

ثم نتوجه إلى (( المجموعات ))

نختار التحكم بالمجموعات


عندها راح تظهر لك قائمة باسماء المجموعات الي عندك
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

طبعا راح نشرح التلوين على مجموعة واحدهـ وبقية المجموعات نفس الطريقة

راح نشرح على مجموعة الويب العربي ندخل عليها بالضغط على (( اذهب ))

ندخل على خصائص المجموعة

المهم عندنا هي الخانه المرقمه (( 1 , 2 ))

نضع في المربع رقم 1 الكود التالي

" readonly style="border-style:dotted; border-width:1px; width: 90">

نضع في المربع رقم 2 الكود التالي