إبداع نت

ضيفنا الكريم
حللت أهلاً .. ووطئت سهلاً ..
أهلاً بك بين اخوانك واخواتك
آملين أن تلقى المتعة والفائدة معنا
حفظك الله و أحياك
نتمنى أن نراك بيننا للتسجيل



 
الرئيسيةالبوابةبحـثAnnonce Ebdaa-netالتسجيلدخول

شاطر | 
 

 [هدية مني] : أفضل أكواد css الخاصة بالنسخة phpbb2

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

وطني العزيز : :
الجنس : ذكر
رصيد المشاركات : 241
السٌّمعَة : 4

مُساهمةموضوع: [هدية مني] : أفضل أكواد css الخاصة بالنسخة phpbb2   الأربعاء ديسمبر 16, 2009 2:54 pm

أكواد CSS هدية للجميع


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

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

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

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


الكود الاول

المهمة : وضع خلفية لاسم العضو
الكود:
name a{
text-decoration: none;
[b][color=darkgreen]border:1px dashed #000000[/color][/b];
background: url([b][color=blue][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/color][/b]);
}

لتغيير الخلفية يمكنك استبدال

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
{
[b][color=blue]background: #ffe9c6[/color][/b];
}
لتغيير اللون (للخبراء) عدل على

background: #ffe9c6



الكود الرابع

المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى

الكود:
#page-footer
{
[b][color=darkgreen]width: 950px; height: 80px[/color][/b];
background: url([color=blue][b][url=http://www.up.6y6y.com/uploads/dd1674342e.png]http://www.up.6y6y.com/uploads/dd1674342e.png[/url][/b][/color]);
}
لتغيير الصورة استبدل الرابط

http://www.up.6y6y.com/uploads/dd1674342e.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;
[b][color=blue]background-color: #feffc4[/color][/b] ;
background-image: url('[b][color=darkgreen][url=http://i29.tinypic.com/ke89ll.jpg]http://i29.tinypic.com/ke89ll.jpg[/url][/color][/b]');
background-repeat: repeat;
[b][color=teal]border : 1px dotted #ef9e10[/color][/b];
[b][color=purple]color : #000000[/color][/b];
display: block;
[color=navy][b]max-width: 800px[/b][/color];
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;
[b][color=blue]background-color: #feffc4[/color][/b] ;
background-image: url('[b][color=darkgreen][url=http://i29.tinypic.com/ke89ll.jpg]http://i29.tinypic.com/ke89ll.jpg[/url][/color][/b]');
background-repeat: repeat;
[b][color=teal]border : 1px dotted #ef9e10[/color][/b];
[b][color=purple]color : #000000[/color][/b];
display: block;
[b][color=navy]max-width: 800px[/color][/b];
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('[color=blue][b][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/b][/color]');
background-position: top;
font-weight : bold;
[b][color=darkgreen]color: #8d1717[/color][/b];
}

input.mainoption:hover {
background-color : #000;
background-image: url('[b][color=blue][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/color][/b]');
background-position: top;
font-weight : bold;
[b][color=darkgreen]color: #8d1717[/color][/b];
}

button.button2:hover, input.button2:hover {
border-width: 2px;
border-style: outset;
border-color: #000000;
background-image: url('[color=blue][b][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/b][/color]');
background-position: top;
[color=darkgreen][b]color: #8d1717[/b][/color];
background-position: 0 100%;
}



http://i44.tinypic.com/301hraq.gif
هو رابط الصورة الخلفية

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

color: #8d1717
هو لون الخط



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


~~~||DZ 4EVER ||~~~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ebdaa-net.ahlamontada.com
 
[هدية مني] : أفضل أكواد css الخاصة بالنسخة phpbb2
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود CSS لزيادة عدد الاعضاء المتواجدون خلال 24 ساعة للنسخة الأخيرة
» كود {css} لوضع اطار للتوقيع مع اختيار صورة كخلفية للتواقيع للنسخة phpbb2 دون الحاجة الي تومبلايت

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

هذه الإعلانات ليست لنا نحن نحاول قدر لمستطاع حذفها . و حذفها يتطلب المال أرجوا منكم الدعم بالضغط هـــــــــنا
..// إدارة إبداع نت غير مسؤولة عن أي إعلان إباحي ..//

Powered by Ahlamontada ® Version phpbb2

Ebdaa-net
Copyright ©2008 - 2010
...............................................

.:: جميع الحقوق محفوظه لإبداع نت© ::.
جميع المواضيع و الردود تعبر عن راي صاحبها ولا تعبر عن راي ادارة أحلى منتدى أو إدارة إبداع نت بــتــاتــاً
»» إبراء ذمة إدارة المنتدى ، امام الله وامام جميع الزوار والاعضاء ، على مايحصل من تعارف بين الاعضاء او زوار على مايخالف ديننا الحنيف ،
والله ولي التوفيق

في دقيقتين فقط التوقيت العالمي آلة حاسبة إلكترونية آخر أخبار مفكرة الإسلام  آخر أخبار الـبي بي سي  إبحث في جوجل  أخبار قناة العربية  سماع القرآن كسماع خرير مياه الجنة  أوقات الصلاه  مصنع جافا عدد سكان العالم  تعرف على معلومات تخص جهازك  الترجمة الفورية (سريعة 32 لغة بدون أخطاء )  إبحث في جميع محركات البحث العالمية  الشبكة يا لالجيري و الكلمات  أعرف سرعة إستجاب عقلك  مركز تحميل الملفات أُكْتُب جُمْلَةً وَ إِجعَـــلهَا نَاطقةً  برامج متصفحات الإنترنت
....................................
.:: لمشاهدة أحسن للمنتدى يفضل جعل حجم الشاشة (( 1024 × 780 )) و متصفح فايرفوكس ::.

»» يرجى التسجيل بايميل صحيح حتى لا تتعرض العضوية للحذف و حظر الآى بى
...................................................................
منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت -
منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت - منتدى إبداع نت -

blog countervisitors by country counter world map hits counterbebj.com - free visitors browsers counter bebj.com - free visitors info widget

تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط احلى منتدى على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط إبداع نت على موقع حفض الصفحات

PageRank

PageRank Actuel