| | | | بيانات اضافيه [+] | | | لوني المفضل : black |
|
|
|
|
| . عنوان الموضوع : ( جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد ) |  السبت 20 أكتوبر - 17:01
|  موضوع: جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد | |
| جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد     طريقة التركيبخاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرىمن لوحة الادارة - مظهر المنتدى - الوان - ورقة cssثم ضع الكود ثم سجل الكود الاولالمهمة : وضع خلفية لاسم العضوالرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">.name a{
text-decoration: none;
border:1px dashed #000000;
background: url(https://2img.net/h/oi44.tinypic.com/301hraq.gif);
}
</td></tr></table> |
|
لتغيير الخلفية يمكنك استبدال https://2img.net/h/oi44.tinypic.com/301hraq.gifولتحكم في الحدود (للخبراء) يمكنكم التعديل على border:1px dashed #000000حيث border:1px هو السمك حيث dashed هو النوع حيث #000000 هو اللون الكود الثانيالمهمة : حذف الخط من تحت الروابطالرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
</td></tr></table> |
|
الكود الثالثالمهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوسالرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">a:hover
{
background: #ffe9c6;
}
</td></tr></table> |
|
لتغيير اللون (للخبراء) عدل على 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 هو الارتفاع الكود الخامسالمهمة : يجعل شكل الأكواد مميز في المواضيع مثل هناالرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">.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('https://2img.net/h/oi29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}
</td></tr></table> |
|
https://2img.net/h/oi29.tinypic.com/ke89ll.jpgهو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثbackground-color: #feffc4هو لون الخلفية border : 1px dotted #ef9e10لون و نوع وسمك الحدود color : #000000هو لون الخط max-width: 800pxهو أقصى عرض الكود السادسالمهمة : يجعل شكل الاقتباسات مميز مثل هنا| الرمز: | . - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left">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('https://2img.net/h/oi29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}
</td></tr></table> |
https://2img.net/h/oi29.tinypic.com/ke89ll.jpgهو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثbackground-color: #feffc4هو لون الخلفية https://2img.net/h/oi29.tinypic.com/ke89ll.jpgهو رابط الصورة الخلفية border : 1px dotted #ef9e10لون و نوع وسمك الحدود color : #000000هو لون الخط max-width: 800pxهو أقصى عرض الكود السابعالمهمة : وضع خلفية للأزرار عند مرور الماوسالرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">input.liteoption:hover {
background-color : #fff;
background-image: url('https://2img.net/h/oi44.tinypic.com/301hraq.gif');
background-position: top;
font-weight : bold;
color: #8d1717;
}
input.mainoption:hover {
background-color : #000;
background-image: url('https://2img.net/h/oi44.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('https://2img.net/h/oi44.tinypic.com/301hraq.gif');
background-position: top;
color: #8d1717;
background-position: 0 100%;
}
</td></tr></table> |
|
https://2img.net/h/oi44.tinypic.com/301hraq.gifهو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثcolor: #8d1717هو لون الخط المجموعة الجديدة من الأكواد بتاريخ 25-11-2009 الكود الثامنالمهمة : جعل الفوتر في الوسط| الرمز: | - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left">
div.page-footer
{
position: center;
}
</td></tr></table> |
الكود التاسعالمهمة : جعل الحدود بشكل احترافي وبخلفية مثل هناكذلك الملاحة والحقوقالرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">
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
}
</td></tr></table> |
|
الكود العاشرالمهمة : جعل خط حقوق أحلى منتدى بخط tahoma| الرمز: |
- اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left">
a.copyright{
border:0;
background:none;
font-family: Tahoma;
font-size: 15px;
}
</td></tr></table> |
الكود الحادي عشرالمهمة : لتغيير لون عنوان الموضوع و من على الخط | الرمز: | - الكود:
-
h1.cattitle{
color:#950000;
}
a.cattitle{
color:#950000;
}
|
الكود الثاني عشرالمهمة : الأزرار بشكل احترافي وبخلفية مثل هناالرمز: - الكود:
-
<table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left"> 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;
}
</td></tr></table> |
|
1/لجعل الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في
CSS ورقة
واضف رابط الصوره في مكانهى المناسب
واضف صوره زي ماتبي متحركه اوثابته
مصغره او كبيرة الحجم لايهم
الرمز: - الكود:
-
<table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">
[color=violet]td.row1,td.row3.over:hover {
background-image: url(" رابط الصوره");
}
td.row2,td.row1.over:hover {
background-image: url(" رابط الصوره");
}
td.row3{
background-image: url(" رابط الصوره");
}
td.row3Right,td.spaceRow {
background-image: url(" رابط الصوره");
} [/color]
</td></tr></table> |
|
2/ لتغير الخلفيه الثانيه للمنتدى كصوره
الرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">.bodyline{
background-image: url("ضع رابط الصوره");
}
</td></tr></table> |
|
مثال :
3 / لجعل حدود الاقسام في منتداك بتلمع او حدود متقطعه على حسب الصوره
الرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">.forumline{
background-image: url("ضع رابط الصوره");
}
</td></tr></table> |
|
استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره
رابط الصوره
https://i.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif
او هاذه وهي الافضل
رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif
لجعل الحدود متقطعه
الصوره
رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/jhgjgh10.png
لعمل واجهه حقوق منتداك
الرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">#page-footer {
background : #ffefe7 url(ضع رابط الصوره هنا);
}
</td></tr></table> |
|
لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الرمز: - اقتباس :
- <table style="ZOOM: 1" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td align="left">
</td></tr><tr><td class="code" align="left">a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}
</td></tr></table> |
|
بالتوفيق للجميع
![]() الموضوع الأصلي : جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد // المصدر : منتديات غربةالروح // الكاتب : المسافر البعيد | توقيع العضو ; المسافر البعيد |
مدونتي الخاصة من هنااااليكن تواجدك || رسم بســـمة || للمشاركين
ليكن تواجدك || نصــيحه || توجهها لاخوتك
ليكن تواجدك || قـــدوة|| مثاليه في التعاون
ليكن تواجدك || نبـــع || للفائده والابداع مدونة المسافر البعيد بعذب الكلام وبصمت الالحان تراني اسير في بحر الزمان |
|
| |
|
|
| | | | بيانات اضافيه [+] | التسجيل : 03/03/2010 رقم العضوية : 2 الجنس :   التقييم : 295 المشاركات : 10243  النقـــاط : 10838 السن : 26 مزاجي :  البلد :  |
|
| | لوني المفضل : black |
|
|
|
|
| | .عنوان الموضوع : ( جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد ) | الأحد 21 أكتوبر - 20:08 | | موضوع: رد: جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد | |
| | توقيع العضو ; عازف الذكريات | |
|
| |
|
|
| | | | بيانات اضافيه [+] | | | لوني المفضل : black |
|
|
|
|
| | .عنوان الموضوع : ( جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد ) | الثلاثاء 20 نوفمبر - 17:56 | | موضوع: رد: جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد | |
| | توقيع العضو ; المسافر البعيد |
مدونتي الخاصة من هنااااليكن تواجدك || رسم بســـمة || للمشاركين
ليكن تواجدك || نصــيحه || توجهها لاخوتك
ليكن تواجدك || قـــدوة|| مثاليه في التعاون
ليكن تواجدك || نبـــع || للفائده والابداع مدونة المسافر البعيد بعذب الكلام وبصمت الالحان تراني اسير في بحر الزمان |
|
| |
|
|
| | .عنوان الموضوع : ( جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد ) | الخميس 22 نوفمبر - 17:55 | | موضوع: رد: جميع اكواد المنتديات المجانية اكواد الcss الان اكثر من عشرة اكواد | |
| | توقيع العضو ; محمد كركوك العراقي | |
|
| |
|
|
| |  كلمات دلاليه للموضوعع | |
|
| |
| تعليمات المشاركة | لاتستطيع الرد على المواضيع في هذا المنتدى
رموز المنتدى : متاحة
|
قوانين المنتدى |
| |
|
|
|
منتديات غربة الروح 
