الشريف نت
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

الشريف نتدخول
الان يمكنك متابعة حالة السوق واضافة منتجك او خدمات شركتك من خلال السوق المصري

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

power_settings_newقم بتسجيل الدخول للرد

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


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

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

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

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

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

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

الكود الاول

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





مقالة:
.name a{
text-decoration: none;
border:1px dashed #000000;
background: url([url=https://2img.net/h/oi44.tinypic.com/301hraq.gif]https://2img.net/h/oi44.tinypic.com/301hraq.gif[/url]);
}




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

[url=https://2img.net/h/oi44.tinypic.com/301hraq.gif]https://2img.net/h/oi44.tinypic.com/301hraq.gif[/url]

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

border:1px dashed #000000

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

حيث dashed هو النوع

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

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

الكود الثاني

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













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

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}






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

الكود الثالث

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












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






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

background: #ffe9c6

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

الكود الرابع

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












مقالة:
#page-footer
{
width: 950px; height: 80px;
background: url([url=http://www.up.6y6y.com/uploads/dd1674342e.png]http://www.up.6y6y.com/uploads/dd1674342e.png[/url]);
}






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

[url=http://www.up.6y6y.com/uploads/dd1674342e.png]http://www.up.6y6y.com/uploads/dd1674342e.png[/url]

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

width: 950px; height: 80px

حيث width هو العرض

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

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

الكود الخامس

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












مقالة:
.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('[url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg]https://2img.net/h/oi29.tinypic.com/ke89ll.jpg[/url]');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}






[url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg][url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg]https://2img.net/h/oi29.tinypic.com/ke89ll.jpg[/url][/url]
هو رابط الصورة الخلفية

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

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

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

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

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

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

الكود السادس

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












مقالة:
.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('[url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg]https://2img.net/h/oi29.tinypic.com/ke89ll.jpg[/url]');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}






[url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg][url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg]https://2img.net/h/oi29.tinypic.com/ke89ll.jpg[/url][/url]
هو رابط الصورة الخلفية

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

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

[url=https://2img.net/h/oi29.tinypic.com/ke89ll.jpg]https://2img.net/h/oi29.tinypic.com/ke89ll.jpg[/url]
هو رابط الصورة الخلفية

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

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

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

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

الكود السابع

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












مقالة:
input.liteoption:hover {
background-color : #fff;
background-image: url('[url=https://2img.net/h/oi44.tinypic.com/301hraq.gif]https://2img.net/h/oi44.tinypic.com/301hraq.gif[/url]');
background-position: top;
font-weight : bold;
color: #8d1717;
}

input.mainoption:hover {
background-color : #000;
background-image: url('[url=https://2img.net/h/oi44.tinypic.com/301hraq.gif]https://2img.net/h/oi44.tinypic.com/301hraq.gif[/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('[url=https://2img.net/h/oi44.tinypic.com/301hraq.gif]https://2img.net/h/oi44.tinypic.com/301hraq.gif[/url]');
background-position: top;
color: #8d1717;
background-position: 0 100%;
}






[url=https://2img.net/h/oi44.tinypic.com/301hraq.gif][url=https://2img.net/h/oi44.tinypic.com/301hraq.gif]https://2img.net/h/oi44.tinypic.com/301hraq.gif[/url][/url]
هو رابط الصورة الخلفية

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

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

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


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

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

الكود الثامن

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












مقالة:

div.page-footer
{
position: center;
}






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

الكود التاسع

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












مقالة:


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://i.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://i.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://i.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://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
font-weight: bold
}






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

الكود العاشر

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












مقالة:


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






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

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

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












مقالة:


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






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

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

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












مقالة:
input,textarea, #text_editor_iframe {
background: url(https://i.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;
}






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




..أسأل الله ان ينفع به سائر البشر..
جميع الاكواد الخاصة بمنتديات - اكواد رائعة للنسخة phpbb2 112904786

تعاليق

لا يوجد حالياً أي تعليق
power_settings_newقم بتسجيل الدخول للرد
remove_circleمواضيع مماثلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى