منتديات اسلام نت
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي
http://i39.servimg.com/u/f39/16/91/07/32/10351_10.gif


سلام عليكم ورحمة الله وبركاتة يا زائر اهلا بك في اسلام نت
 
الرئيسيةس .و .جالتسجيلدخول

شاطر | 
 

  جميع الاكواد الخاصة بمنتديات اسلام نت - اكواد رائعة للنسخة phpbb2

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2227
نقاط 2147483647
عمري 33
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: جميع الاكواد الخاصة بمنتديات اسلام نت - اكواد رائعة للنسخة phpbb2   الخميس أكتوبر 13, 2011 2:25 am

أكواد CSS الخاصة بمنتديات محمودكو - هدية للجميع بمناسبة اقتراب العيد !!

تم إضافة أكواد جديدة بتاريخ 25-11-2009

بدايتها من الكود السابع

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

طريقة التركيب

خاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرى

من لوحة الادارة - مظهر المنتدى - الوان - ورقة css

ثم ضع الكود ثم سجل

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

الكود الاول

المهمة : وضع خلفية لاسم العضو


مقالة:
.name a{
text-decoration: none;
border:1px dashed #000000;
background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]);
}


لتغيير الخلفية يمكنك استبدال

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

ولتحكم في الحدود (للخبراء) يمكنكم التعديل على

border:1px dashed #000000

حيث border:1px هو السمك

حيث dashed هو النوع

حيث #000000 هو اللون

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

الكود الثاني

المهمة : حذف الخط من تحت الروابط


مقالة:
a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}


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

الكود الثالث

المهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوس


مقالة:
a:hover
{
background: #ffe9c6;
}


لتغيير اللون (للخبراء) عدل على

background: #ffe9c6

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

الكود الرابع

المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى


مقالة:
#page-footer
{
width: 950px; height: 80px;
background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]);
}


لتغيير الصورة استبدل الرابط

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

للتحكم بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)

width: 950px; height: 80px

حيث width هو العرض

و height هو الارتفاع

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

الكود الخامس

المهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا


مقالة:
.code {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}


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

للخبراء يمكنهم التعديل على الكود حيث

background-color: #feffc4
هو لون الخلفية

border : 1px dotted #ef9e10
لون و نوع وسمك الحدود

color : #000000
هو لون الخط

max-width: 800px
هو أقصى عرض

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

الكود السادس

المهمة : يجعل شكل الاقتباسات مميز مثل هنا


مقالة:
.quote{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}


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

للخبراء يمكنهم التعديل على الكود حيث

background-color: #feffc4
هو لون الخلفية

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

border : 1px dotted #ef9e10
لون و نوع وسمك الحدود

color : #000000
هو لون الخط

max-width: 800px
هو أقصى عرض

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

الكود السابع

المهمة : وضع خلفية للأزرار عند مرور الماوس


مقالة:
input.liteoption:hover {
background-color : #fff;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
font-weight : bold;
color: #8d1717;
}

input.mainoption:hover {
background-color : #000;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
font-weight : bold;
color: #8d1717;
}

button.button2:hover, input.button2:hover {
border-width: 2px;
border-style: outset;
border-color: #000000;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
color: #8d1717;
background-position: 0 100%;
}


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

للخبراء يمكنهم التعديل على الكود حيث

color: #8d1717
هو لون الخط

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


المجموعة الجديدة من الأكواد بتاريخ 25-11-2009

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

الكود الثامن

المهمة : جعل الفوتر في الوسط


مقالة:

div.page-footer
{
position: center;
}


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

الكود التاسع

المهمة : جعل الحدود بشكل احترافي وبخلفية مثل هنا
كذلك الملاحة والحقوق


مقالة:


div.gen
{
width: 940px;
border : 1px dotted #000000;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
}

td.bodyline{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-width: 1px;
border-color: #000000;
}

td.nav{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}

div.gensmall{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}

td.gensmall{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
font-weight: bold
}


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

الكود العاشر

المهمة : جعل خط حقوق أحلى منتدى بخط tahoma


مقالة:


a.copyright{
border:0;
background:none;
font-family: Tahoma;
font-size: 15px;
}


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

الكود الحادي عشر

المهمة : لتغيير لون عنوان الموضوع و من على الخط


مقالة:


h1.cattitle{
color:#950000;
}
a.cattitle{
color:#950000;
}


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

الكود الثاني عشر

المهمة : الأزرار بشكل احترافي وبخلفية مثل هنا


مقالة:
input,textarea, #text_editor_iframe {
background: url(http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif);
border-color : #2db9e3 !important;
font-size: 20px;
border-width:1px !important;
border-style:solid !important;
-moz-border-radius: 9px !important;
}
input:hover , textarea:hover , #text_editor_iframe:hover {
border-color : #950000 !important;
color:#950000;
}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
 
جميع الاكواد الخاصة بمنتديات اسلام نت - اكواد رائعة للنسخة phpbb2
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

 





nwail


السلام عليكم ورحمة الله وبركاته .

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع ودمتم بحفظ الله ورعايته "خير الناس أنفعهم للناس"

للتسجيل اضغط هـنـا

اعوذ بالله من الشيطان الرجيم {اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ}


facebook


المواضيع الأخيرة
» حصريا كود سرفرات المشاهدة المباشرة
من طرف محمد أبوفيصل الخميس نوفمبر 16, 2017 9:55 am

» تحميل برنامج بلوستاك 2017 كامل مجانا للكمبيوتر
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 12:05 pm

» تحميل برنامج BENTLEY WATERCAD V8I SS6 (X86/X64)
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 11:23 am

» نبذة عن جميع برامج الهندسة المدنية
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 11:21 am

» UltraISO PE 9.5.3 Build 2900
من طرف محمد أبوفيصل الإثنين نوفمبر 06, 2017 1:13 pm

» قم بتنزيل جميع البرامج الأساسية لحاسوبك دفعة واحدة
من طرف عبودي احمد السبت مايو 20, 2017 2:50 pm

» جميع مراحل لعبة Command And Conquer Generals Zero Hour
من طرف shere55 الأحد مارس 19, 2017 4:06 pm

» [كود] الشريط الاداري رائع وخفيف
من طرف محمد أبوفيصل الثلاثاء يناير 31, 2017 10:00 am

» شرح زيادة سرعة موقعك
من طرف محمد أبوفيصل الثلاثاء يناير 31, 2017 9:56 am

» ملفات تبطئ كمبيوترك سارع بحذفها (لتزيد السرعة)
من طرف actiglob الإثنين نوفمبر 28, 2016 5:11 pm