منتديات زوبعة % only 1
اهلا ومرحبا بك يا زائر في اسره منتديات زوبعة % only 1

نتشرف بدخولك بالمنتدى

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

و نرتقى بمنتدانــا الى قمه المنتدايات وتميز والجديد بأستـــمرار

منتديات زوبعة % only 1
اهلا ومرحبا بك يا زائر في اسره منتديات زوبعة % only 1

نتشرف بدخولك بالمنتدى

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

و نرتقى بمنتدانــا الى قمه المنتدايات وتميز والجديد بأستـــمرار

منتديات زوبعة % only 1
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتديات زوبعة اكبر موقع للمهرجانات الشعبى فى مصر
 
الرئيسيةالرئيسية  اكواد ورقة CSS للنسخه phpBB2  Empty  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 اكواد ورقة CSS للنسخه phpBB2

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
ahmed love
عضو جديد
عضو جديد
ahmed love


عملـيـ : اكواد ورقة CSS للنسخه phpBB2  Unknow10
مزأجيـ : اكواد ورقة CSS للنسخه phpBB2  8010
انـأأمـ،ـن : اكواد ورقة CSS للنسخه phpBB2  My_own21
مساهماتى : 50
تاريخ التسجيل : 24/07/2011
عمرى : 30

اكواد ورقة CSS للنسخه phpBB2  Empty
مُساهمةموضوع: اكواد ورقة CSS للنسخه phpBB2    اكواد ورقة CSS للنسخه phpBB2  Icon_minitimeالأحد يوليو 24, 2011 6:51 am

السلام عليكم ورحمة الله وبركاته
اكود بتستعمل في ورقة الكيس
CSS
للنسخه
phpBB2

الاكواد
1/ لجعل الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في ورقة الكيس
وجعل كل كود تحت الاخر
لذهاب الى ورقة الكيس
CSS
اتجه الى لوحة الاداره >مظهر المنتدى>الالوان>ورقة الكس>ضع الكود وادخل عليهى روابط الصور ثم قم بالتسجيل

الكود الاول

الرمز:
td.row1,td.row3.over:hover {
background-image: url(" ضع هنا رابط الصوره");
}

td.row2,td.row1.over:hover {
background-image: url(" ضع هنا رابط الصوره");
}

td.row3{
background-image: url(" ضع هنا رابط الصوره");
}

td.row3Right,td.spaceRow {
background-image: url(" ضع هنا رابط الصوره");
}



2/ لتغير الخلفيه الثانيه للمنتدى كصوره
الكود الثاني
الرمز:
.bodyline{
background-image: url("ضع هنا رابط الصوره");
}


مثال :



3 / لجعل حدود جميع منتداك بتلمع او حدود متقطعه على حسب الصوره
الكود الثالث

الرمز:
.forumline{
background-image: url("ضع هنا رابط الصوره");
}


استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره

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



لجعل الحدود متقطعه
الصوره

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


3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع
الرمز:
a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}


استعمل هاذه الصوره كمثال


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

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

مهم جدا
أثناء العمل على ورقة الكيس
CSS
اكثر من مره قديسبب خلل بمظهر منتداك
لذا انصحكم بالحذر
السبب ليس في الاكواد لكن ورقة الكس حساسه جدا بسبب كثرة العمل عليهى


اما اذا اردتم أكواد الكيس ان تعمل في صندوق الهوتمل
عليكم وضعها في داخل هاذا الكود المكون من كلامتين

الرمز:


ضع جميع اكواد الكيس هونا




ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي

الرجوع الى أعلى الصفحة اذهب الى الأسفل
cwistochar
عضو متالق
عضو متالق
cwistochar


عملـيـ : اكواد ورقة CSS للنسخه phpBB2  Unknow10
مزأجيـ : اكواد ورقة CSS للنسخه phpBB2  8010
انـأأمـ،ـن : اكواد ورقة CSS للنسخه phpBB2  My_own21
مساهماتى : 152
تاريخ التسجيل : 24/04/2011
عمرى : 29

اكواد ورقة CSS للنسخه phpBB2  Empty
مُساهمةموضوع: رد: اكواد ورقة CSS للنسخه phpBB2    اكواد ورقة CSS للنسخه phpBB2  Icon_minitimeالجمعة يوليو 29, 2011 8:36 am

موضوع جميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد ورقة CSS للنسخه phpBB2
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود لوضع خلفيه للدخول بشكل دائري ومميز للنسخه phpBB2
» كود (Css) لوضع صورة البسمله بدون خطوط للنسخه الثانيه فقط
» بعض اكواد الHTML
» اكواد كول تون حماه هلال ل اتصالات
» اروع اكواد الماوس الخيالية فى جميع الصفحات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات زوبعة % only 1 :: الاقسام التطويريه لأحلى منتدى :: تقنيات اكواد الــ css-
انتقل الى: