أمل عربية المديرة العامة
جنسي : بلدي : المساهمات : 20991 النقاط : 32971 التقييم : 53 الأوسمة :
| موضوع: جميع أكواد في صفحة واحدة للنسخة PHPBB2 الجمعة سبتمبر 28 2012, 00:08 | |
| جميع الاكواد فى صفحة واحدة للنسخة
phpbb2
[center][center] طريقة التركيبخاصة فقط بالنسخة 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; } |
مقالة: | 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%; } |
مقالة: | 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 }
|
مقالة: |
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; }
|
| |
|
كرستآلهـ امارآتيهـ المراقبة العامة
جنسي : بلدي : المساهمات : 498 النقاط : 619 التقييم : 1 الأوسمة :
| موضوع: رد: جميع أكواد في صفحة واحدة للنسخة PHPBB2 الخميس نوفمبر 08 2012, 15:44 | |
| | |
|
S n IP e R عربية متميزة
جنسي : بلدي : المساهمات : 350 النقاط : 450 التقييم : 0 الأوسمة : last posts
| موضوع: رد: جميع أكواد في صفحة واحدة للنسخة PHPBB2 الثلاثاء يوليو 16 2013, 15:57 | |
| | |
|