منتديات اهل الكرامة



 
الرئيسيةالبوابةالتسجيلدخول



انت متصل الان بإسم زائر
آخر زيارة لك في
الوقت/التاريخ الآن هو الإثنين أكتوبر 23, 2017 4:33 pm
http://i60.servimg.com/u/f60/15/40/37/88/03210.png
منتديات محمدكو


| من نحن |
شبكة ومنتديات اهل الكرامة نسعى دائما لتقديم اهم واحدث البرامج والتقنيات المتطورة بهدفدعم المواقع والمنتديات العربية وتطويرها والسمو بها الى اعلى المراتب
لتنافس بقوة على مستوى شبكة الانترنت
| جميع المشاركات لا تعبر بالضرورة عن رأي إدارته بل تمثل وجهة نظر كاتبها | مع تحيات محمد المصاروة |



شاطر | 
 

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

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

صاحب الموقع
avatar

معلومات العضو
تاريخ التسجيل : 18/02/2010
عدد المساهمات : 293
الاقامة : اردني
mms 16
النقاط : 3455
العمر : 24
نشــــــاط العـضو :
100 / 100100 / 100


مُساهمةموضوع: أكواد CSS الخاصة بمنتديات اهل الكرامة   الثلاثاء يوليو 27, 2010 6:12 am

اهل الكرامة كتب:





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

اقتباس :

تم إضافة أكواد جديدة بتاريخ 27-7-2010 بدايتها من الكود السابع


الاكواد مخفيى لتظهر يجب عليك الرد





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

خاصة فقط بالنسخة 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://i37.servimg.com/u/f37/11/37/34/39/oou_ou10.png);
}

لتغيير الصورة استبدل الرابط
http://i37.servimg.com/u/f37/11/37/34/39/oou_ou10.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
هو لون الخط





الكود الثامن

المهمة : جعل الفوتر في الوسط

اقتباس :

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 لتغيير الحجم



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

كود رائع لوضع صورة أو خلفية فوق عنوان الموضوع مثل هنا :
http://i39.servimg.com/u/f39/14/89/04/60/2jg9co10.jpg

اقتباس :

th.thRight
{
background-image: url('http://i39.servimg.com/u/f39/14/89/04/60/2jg9co10.jpg');
background-repeat: repeat;
}

http://i46.tinypic.com/2jg9co8.gif هو رابط الخلفية



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

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

اقتباس :

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('http://i39.servimg.com/u/f39/14/89/04/60/12121210.jpg');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}

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

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

http://i39.servimg.com/u/f39/14/89/04/60/12121210.jpg رابط الخلفية



عرض رائع ! :

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

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

عن طريق فتح موضوع جديد في قسم دعم ااكواد ::
http://ahl-alkrama.ahlamontada.net/montada-f13/topic-t154.htm

بشرط أن يكون منتداك من النوع phpbb2 نسخة أحلى منتدى المجانية

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



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

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




ادارة المنتدى : محمد المصاروة
--------------------------





الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahl-alkrama.ahlamontada.net
J.V.7
عضو جديد

عضو جديد
avatar

معلومات العضو
تاريخ التسجيل : 01/01/2011
عدد المساهمات : 1
mms 1
النقاط : 2488
العمر : 21
نشــــــاط العـضو :
50 / 10050 / 100


مُساهمةموضوع: رد: أكواد CSS الخاصة بمنتديات اهل الكرامة   السبت يناير 01, 2011 10:22 am

مشكووووووووووور
بس ابسال هل يعمل الاكواد على النسخه Invision
الرجوع الى أعلى الصفحة اذهب الى الأسفل
محمد المصاروة
صاحب الموقع

صاحب الموقع
avatar

معلومات العضو
تاريخ التسجيل : 18/02/2010
عدد المساهمات : 293
الاقامة : اردني
mms 16
النقاط : 3455
العمر : 24
نشــــــاط العـضو :
100 / 100100 / 100


مُساهمةموضوع: رد: أكواد CSS الخاصة بمنتديات اهل الكرامة   السبت يناير 01, 2011 3:45 pm

انشاء الله بس تم نقل هذا القسم الى موقع محمدكو اكبر موقع للاكواد وهي الرابط
http://mohamed-ko.yoo7.com/
اهلا وسهلا


ادارة المنتدى : محمد المصاروة
--------------------------





الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahl-alkrama.ahlamontada.net
 
أكواد CSS الخاصة بمنتديات اهل الكرامة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات اهل الكرامة :: ادعم احلى منتدى ::   :: أكواد CSS-
انتقل الى: