منتديات كلداني

ثقافي ,سياسي , أجتماعي, ترفيهي
 
الرئيسيةالرئيسيةالكتابة بالعربيةالكتابة بالكلدانيةبحـثمركز  لتحميل الصورالمواقع الصديقةإتصلوا بناالتسجيلدخول
 رَدُّنا على اولاد الزانية,,لقراءة الموضوع اكبس على الصورة  رأي الموقع ,,لقراءة الموضوع اكبس على الصورة
رَدُّنا على اولاد الزانية,,لقراءة الموضوع اكبس على الصورةقصة النسخة المزورة لكتاب الصلاة الطقسية للكنيسة الكلدانية ( الحوذرا ) والتي روّج لها المدعو المتأشور مسعود هرمز النوفليالى الكلدان الشرفاء ,,لقراءة الموضوع اكبس على الصورةملف تزوير كتاب - ألقوش عبر التاريخ  ,,لقراءة الموضوع اكبس على الصورةمن مغالطات الصعلوگ اپرم الغير شپيرا,,لقراءة الموضوع اكبس على الصورةدار المشرق الغير ثقافية تبث التعصب القومي الاشوري,,لقراءة الموضوع اكبس على الصورة

 

 أكواد CSS الخاصة

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


أكواد CSS الخاصة Uouuuo10
أكواد CSS الخاصة Awsema200x50_gif

أكواد CSS الخاصة Bronzy3_2أكواد CSS الخاصة Goldأكواد CSS الخاصة Idary


البلد : العراق
مزاجي : اكل شوكولاتة
الجنس : انثى
عدد المساهمات : 1293
تاريخ التسجيل : 07/05/2009

أكواد CSS الخاصة Empty
مُساهمةموضوع: أكواد CSS الخاصة   أكواد CSS الخاصة Alarm-clock-icon2017-09-11, 4:42 pm



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

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


بدايتها من الكود السابع

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

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

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

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

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

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

الكود الاول

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

الكود:
اقتباس :
.name a  {
text-decoration : none;
border : #000000 dashed 1px;
background : url(https://2img.net/h/s27.postimg.cc/i7c2j0b1f/Cxfuqj4_Eqv_L8.png);
}
لتغيير الخلفية يمكنك استبدال

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

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

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(https://2img.net/h/s26.postimg.cc/xlgpik061/7e8o8.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(''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;
}


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

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

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

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

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

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

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

الكود السادس

المهمة : يجعل شكل الاقتباسات مميز مثل هنا
الكود:
اقتباس :
.quote  {
background-color : #feffc4;
background-image : url('https://2img.net/h/oi29.tinypic.com/ke89ll.jpg');
background-repeat : repeat;
border : #ef9e10 dotted 1px;
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('https://2img.net/h/oi29.tinypic.com/ke89ll.jpg');
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('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
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('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
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('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
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('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
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([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]);
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;
}

_________________




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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أكواد CSS الخاصة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كلداني :: بَرَامِجُ وَتِكْنُولُوجِيَا الكمبيوتروالصوتيات وَالصُّورَ والساتلايت والاقمار الصِّنَاعِيَّةَوالسيارات :: قسم كودات HTML,CSS,Javascript-
انتقل الى: