المواضيع الأخيرة
» كود وضع حقوق نصية اسفل المنتدى لمصممي الاستايلات
من طرف Admin الخميس يناير 04, 2018 2:38 pm

» [ Css ] حصرى كود css وضع صورة بجانب المجموعات
من طرف Admin الخميس يناير 04, 2018 2:35 pm

» جميع القنوات المجانية والمشفرة بين يديك وبأنترنت ضعيفة
من طرف Admin الثلاثاء نوفمبر 28, 2017 8:10 am

» افضل تطبيق اندرويد يمكن استخدامه للمراقبة والتجسس
من طرف Admin الجمعة أكتوبر 13, 2017 10:35 pm

» تطبيق KMPlayer Pro 2.1.0 المدفوع للاندرويد [اخر اصدار]
من طرف Admin الأربعاء نوفمبر 02, 2016 6:53 pm

» تطبيق MX Player Pro v1.8.9 المدفوع افضل برنامج مشاهده فديوهات وتنزيل ترجمه الافلام ايضا للاندرويد [اخر اصدار]
من طرف Admin الأربعاء نوفمبر 02, 2016 6:10 pm

» تطبيق مسجل الفيديو السري Secret Video Recorder Pro v1.2.3.0 مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:16 am

» تطبيق تسريع الهاتف Phone Speed Booster Pro v1.5 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:15 am

» تطبيق Photo Mate R2 v4.2.3 للتعديل الصور مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:11 am

» تطبيق Chrooma Keyboard - Emoji PRO v3.0.1 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:10 am

» تطبيق Floating Apps (multitasking) v3.6.8 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:09 am

» تطبيق Retrica Pro v3.4.1 للانشاء تاثيرات رائعة على صورك النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:08 am

» تطبيق تحرير النصوص VLk Text Editor PRO v1.8.5 النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:07 am

» تطبيق Adobe Photoshop Express Premium v3.1.42 لمعالجة الصور النسخة المدفوعة للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:06 am

» تطبيق تحرير الصوت Voice PRO - HQ Audio Editor v3.3.16 النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:05 am

تحميل جي بي واتساب 4.05 و واتساب بلس بميزة ترجمة الرسائل – تحديث

الأربعاء فبراير 24, 2016 8:21 am من طرف Admin

[url=http://arabitechnomedia.com/wp-content/uploads/2016/02/Untitled-1-3.jpg][img(696px,348px):10bf]…[/img(696px,348px):10bf]


تعاليق: 1



أهم 12 كود CSS للنسخة PhpBB 2 فقط

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
Admin
Admin
Time Online : 1d 20h 25m 49s
عدد المساهمات : 279
تاريخ التسجيل : 04/07/2011
معاينة صفحة البيانات الشخصي للعضو http://hossam123.mam9.com

مُساهمةAdmin في الجمعة سبتمبر 23, 2011 12:28 am

أهم 12 كود CSS للنسخة PhpBB 2
الموضوع مفتوح ليستفيد الجميع





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

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

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

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



الكود الاول

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

.name a{
text-decoration:
none;
border:1px dashed #000000;
background:
url(http://i44.tinypic.com/301hraq.gif);
}

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

http://i44.tinypic.com/301hraq.gif

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

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(http://www.up.6y6y.com/uploads/dd1674342e.png);
}

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

http://www.up.6y6y.com/uploads/dd1674342e.png

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

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('http://i29.tinypic.com/ke89ll.jpg');
background-repeat:
repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow:
auto;
padding: 7px;
}

http://i29.tinypic.com/ke89ll.jpg
هو
رابط الصورة الخلفية

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


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('http://i29.tinypic.com/ke89ll.jpg');
background-repeat:
repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding:
7px;
}

http://i29.tinypic.com/ke89ll.jpg
هو
رابط الصورة الخلفية

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


background-color:
#feffc4

هو لون الخلفية

http://i29.tinypic.com/ke89ll.jpg
هو
رابط الصورة الخلفية

border : 1px
dotted #ef9e10

لون و نوع وسمك الحدود

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

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



الكود السابع

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

input.liteoption:hover
{
background-color : #fff;
background-image: url('http://i44.tinypic.com/301hraq.gif');
background-position:
top;
font-weight : bold;
color:
#8d1717
;
}

input.mainoption:hover {
background-color
: #000;
background-image: url('http://i44.tinypic.com/301hraq.gif');
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('http://i44.tinypic.com/301hraq.gif');
background-position:
top;
color: #8d1717;
background-position:
0 100%;
}

http://i44.tinypic.com/301hraq.gif
هو
رابط الصورة الخلفية

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


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://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
}



الكود العاشر

المهمة : جعل خط حقوق أحلى منتدى بخط 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://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;
}




استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

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

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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