منتديات ناروتو الشبح






 
الرئيسيةالموقعاليوميةس .و .جبحـثالتسجيلدخول
اعتذر عن عدم نشاط المنتدى لتواصل هذا عنوان الفيس بوك الخاص بي
دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
فعاليات المنتدى


المواضيع الأخيرة
» قميص و تيشيرت و اللحيه
السبت ديسمبر 09, 2017 2:58 pm من طرف Rqeed00

» مهجور ولا ايش؟؟
السبت ديسمبر 09, 2017 2:57 pm من طرف Rqeed00

» سؤال صريح لكل اعضاء المنتدى ...
السبت ديسمبر 09, 2017 2:16 pm من طرف Rqeed00

» احاديث للحبيب الأعظم عن الأخلاق
السبت ديسمبر 09, 2017 2:10 pm من طرف Rqeed00

» أبغاااا ترحييب الصراحه
السبت ديسمبر 09, 2017 2:02 pm من طرف Rqeed00

» افضل الحكم
السبت ديسمبر 09, 2017 12:54 pm من طرف Rqeed00

» : ما هو أصل سلام دانـــ:ك الأنمى الشهير
السبت ديسمبر 09, 2017 10:05 am من طرف Rqeed00

» هدية العدد لعبة دراغون بول(ممكن تتلعب اونلاين)
السبت ديسمبر 09, 2017 9:51 am من طرف Rqeed00

» قصص وفوائد
السبت ديسمبر 09, 2017 8:14 am من طرف Rqeed00

أفضل 10 أعضاء في هذا المنتدى
ناروتو الشبح
 
Violet
 
Areejx
 
الروح النبيله
 
روك لي & سانجي
 
ساحر القرن الأخير
 
ملاك الروح
 
الجحيم الاسود
 
عبد الله
 
بنت الشاطئ
 
.: عدد زوار المنتدى :.
.: عدد زوار المنتدى :.

            

شاطر | 
 

 اكواد css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ناروتو الشبح
"" نينجا الادارة ""

avatar

المشاركات : 1762
ذكر
التقييم : 35567
البلد : مصر
العمر : 21
الهواية :
المهنة :
الإنمي المفضل :
الاوسمة :


مُساهمةموضوع: اكواد css   السبت أغسطس 28, 2010 11:02 pm




أكواد CSS الخاصة بمنتديات محمودكو

اقتباس:

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

تم اضافة اكواد جديدة
بتاريخ 11-2-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('http://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('http://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('http://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('http://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(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;
}



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

وضع نصوص و صور الرئيسية في الأسفل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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



الكود الرابع عشر

تكبير الخط عند مرور الماوس فوق عناوين المواضيع
في الأقسام


اقتباس:

a.topictitle:hover
{
font-size: 18px;
}

يمكنكم التحكم بحجم الخط من font-size: 18px في الكود



الكود الخامس عشر

تغيير لون "مثبت" و "اعلان" عند مرور الماوس فوق الموضوع

اقتباس:

div.topictitle:hover
{
color:#0000FF;
}

color:#0000FF لتغيير
اللون



الكود السادس عشر

تغيير لون و حجم "مثبت" و "اعلان" بدون مرور
الماوس


اقتباس:

div.topictitle
{
color:#FF0000;
font-size: 22px;
}

color:#FF0000 لتغيير
اللون

font-size: 22px لتغيير
الحجم



الكود السابع عشر

كود رائع لوضع صورة أو خلفية فوق عنوان الموضوع مثل هنا :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

اقتباس:

th.thRight
{
background-image:
url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-repeat:
repeat;
}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] هو
رابط الخلفية



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

كود لوضع خلفية لاعلانات أحلى منتدى مثل هنا

اقتباس:

div.mainmenu
{
min-width: 940px;
-moz-border-radius-bottomleft:
8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft:
8px;
-moz-border-radius-topright: 8px;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-repeat:
repeat;
border : 1px dotted #2db9e3;
}

min-width: 940px عرض
الخلفية

border : 1px dotted
#2db9e3
للتحكم بالحدود ولونها

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] رابط
الخلفية



عرض رائع ! :

يمكنكم فقط
و حصرياً على منتدبات محمودكو

ان تطلبوا برمجة كود css لمنتداكم
حسب رغبتكم

عن طريق فتح موضوع جديد في قسم الدعم و الطلبات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

بشرط
أن يكون منتداك من النوع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

وهذا
العرض مجاناً لجميع أعضاء منتديات محمودكو



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

النقل
مسموح للجميع !!







الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ual8.yoo7.com
final
"" نينجا جونين ""

avatar

المشاركات : 28
ذكر
التقييم : 26788
الهواية :
المهنة :
الإنمي المفضل :
الاوسمة :


مُساهمةموضوع: رد: اكواد css   الإثنين أغسطس 30, 2010 2:54 pm

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد css
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ناروتو الشبح :: 
(¨`•.¸`•.¸المنتديات الخاصة¸.•'¸.•'¨)
 ::  ◄ التقنيات المتقدمة لمنتديات أحلى عالم  ::  ◄ الاكواد والتقنيات المتقدمة
-
انتقل الى:  
***** التبادل النصي *****
مرحبا بك فى منتدانا ارجو ان تقضوا اسعد اوقاتكم للملاسلة اتصل بنا