الرئيسيةالتسجيلدخول








اسم العضو :

كلمة السر:

ادخلني بشكل آلي عند زيارتي مرة اخرى

   

{سارع بتقديم طلب إشرافك الإن}

شاطر | 
 

 [تم الحل]مجموعة اكواد النسخة الثانية

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
الاميرة الجزائرية





لفبي :
مشاركاتي» : 1136
عمري» : 27
جنسي » : انثى
بلدي » :
اقامتي » : 03/09/2009

مُساهمةموضوع: [تم الحل]مجموعة اكواد النسخة الثانية   2009-12-16, 19:20


  

أكواد 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('https://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('https://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('https://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('https://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(https://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;
}


لا تنسونا من صالح الدعاء


______________________________________________________________________





Don't Be Sad ... with Allah ... No One Be Sad Anymore


عدل سابقا من قبل الاميرة الجزائرية في 2014-05-26, 02:25 عدل 3 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[تم الحل]مجموعة اكواد النسخة الثانية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة النبراس الاسلامية » :: قسم تطوير المنتديات والمواقع :: اكواد النسخة الثانية-
انتقل الى:  
المواضيع الأخيرة
» برنامج افضل مكمل غذائى حلقة بعنوان " الزعتر " من مركز الهاشمى للاعشاب الطبيعية
من طرف ماريتا 2015-03-19, 09:47

» ممكن طريقة
من طرف ام فرقان 2014-06-24, 13:49

» Adobe Photoshop CS 8
من طرف احبك ربي 2014-06-20, 20:46

» البترون الاساسي للتنورة
من طرف ام فرقان 2014-06-14, 01:34

» اجمل شىء الحب
من طرف الاميرة الجزائرية 2014-06-05, 01:41

» كيف تكتشف اصدقائك المزيفيين
من طرف حامل اللواء 2014-06-02, 20:44

» موضوع مميز:هام للمنتدى
من طرف الاميرة الجزائرية 2014-05-30, 19:13

» هل من مرحب
من طرف الاميرة الجزائرية 2014-05-30, 18:44

» اسبح باسمك الله وليس لي سواك اخشاه
من طرف حامل اللواء 2014-05-29, 23:26


أعضاؤنا قدموا4719 مساهمة في هذا المنتدى.       |    هذا المنتدى يتوفر على 214 عُضو.   |   آخر عُضو مُسجل هو ماريتافمرحباً به.