أهلا وسهلا بك زائرنا الكريم، اذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحه التعليمات بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هناإذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة المواضيع التي ترغب.
اخر المواضيع
قائمة الاعضاء
افضل 20 عضو
الدخول

مجموعة من اكواد لنسخه phpbb2

حفظ البيانات؟
الرئيسية
التسجيل
فقدت كلمة المرور
البحث فى المنتدى


الرئيسيةالعاب فلاشبحـثالتسجيلدخول
حصرياتنا

حصرياً ولي اول مره اطلب اي ستايل تومبيلات لي اي منتدي عالمي اطلب ستايل فرسان الاشهار الجديد ولكثير ولكثير


شاطر | 
 

  مجموعة من اكواد لنسخه phpbb2

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
ŽД¢Ҝ ϐяŒτŦ
اللقب:
صاحب الشركة
الرتبه:
صاحب الشركة
الصورة الرمزية

avatar

البيانات
احترام قوانين الشركــــــة :
شركة امنياتكم التطويرية
مساهماتكــ :
958
نقاطـــي :
1865
السٌّمعَة :
21
تاريخ الميلاد :
15/03/1997
تاريخ التسجيل :
22/09/2011

الساعة الان

الإتصالات
الحالة:
تجدني في:
معاينة صفحة البيانات الشخصي للعضو http://amniatkm.forumarabia.com
مُساهمةموضوع: مجموعة من اكواد لنسخه phpbb2   الإثنين ديسمبر 19, 2011 11:38 am

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

خاصة فقط بالنسخة 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://www.up.6y6y.com/uploads/dd1674342e.png);
}


لتغيير الصورة استبدل الرابط

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;
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
هو لون الخط




المجموعة الجديدة من الأكواد بتاريخ 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('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
}




الكود العاشر

المهمة : جعل خط حقوق أحلى منتدى بخط 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(https://i.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;
}




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

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

http://www.mhmoudko.com/montada-f40/topic-t9634.htm


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



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

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

اقتباس:

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://i46.tinypic.com/2jg9co8.gif

اقتباس:

th.thRight
{
background-image: url('http://i46.tinypic.com/2jg9co8.gif');
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://i47.tinypic.com/15yut54.jpg');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}


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

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

http://i47.tinypic.com/15yut54.jpg رابط الخلفية
اخر مواضيع :ŽД¢Ҝ ϐяŒτŦ



ŽД¢Ҝ ϐяŒτŦتوقيعك يا .: في شركة ريكس هوست







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://amniatkm.forumarabia.com
المعلومات
الكاتب:
i_AlBaLuShI
اللقب:
نائب المدير
الرتبه:
نائب المدير
الصورة الرمزية

avatar

البيانات
احترام قوانين الشركــــــة :
شركة امنياتكم التطويرية
مساهماتكــ :
229
نقاطـــي :
259
السٌّمعَة :
0
تاريخ الميلاد :
20/07/1999
تاريخ التسجيل :
08/01/2012
الموقع :
في موطن قبيلة اوتشيها...خخخ امزح سلطنة عمان-مسقط

الساعة الان

الإتصالات
الحالة:
تجدني في:
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: مجموعة من اكواد لنسخه phpbb2   الأربعاء يناير 11, 2012 8:15 am

شكرا لك
اخر مواضيع :i_AlBaLuShI



i_AlBaLuShIتوقيعك يا .: في شركة ريكس هوست





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

avatar

البيانات
احترام قوانين الشركــــــة :
شركة امنياتكم التطويرية
مساهماتكــ :
212
نقاطـــي :
234
السٌّمعَة :
0
تاريخ الميلاد :
03/02/1998
تاريخ التسجيل :
11/01/2012

الساعة الان

الإتصالات
الحالة:
تجدني في:
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: مجموعة من اكواد لنسخه phpbb2   السبت يناير 14, 2012 6:10 pm


الف مشكووور

اخر مواضيع :عثمان



عثمانتوقيعك يا .: في شركة ريكس هوست
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 

مجموعة من اكواد لنسخه phpbb2

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» كود وضع صورة كخلفية للأقسام للنسخة phpbb2
» كود css جعل البيانات الشخصية في المساهمات تتخد الوسط للنسخة الثانية phpbb2
» لاول مرة : رفع الشل من لوحة تحكم منتديات phpBB
» كود مسميات المنتدى بشكل دائري مع تاثير عند مرور الماوس
» كود css وضع صورة فوق الفئات مثل vb من دون template للنسخة الثالثة

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

 

RSS RSS 2.0 XML MAP HTML

Powered by amniatkm ® Version 2
Copyright © 2011
.:: جميع الحقوق محفوظة لشركة ريكس هوست © ::.
ريكس هوست التطويرية غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
»» فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه التعليقات المنشورة لا تعبر عن رأي شركة ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | احدث مدونتك