منتديات البهجة لفرحة الجزائريين
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجيل الدخول اذا كنت عضو معنا أوترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك شكرا ادارة منتديات البهجة لكل الجزائريين
اكواد Css لمنتديات احلى منتدى Vwt07ehbg3ze



 
الرئيسيةمكتبة الصوراليوميةبحـثالأعضاءدخولالتسجيل

شاطر
 

 اكواد Css لمنتديات احلى منتدى

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


أسير الحنان

عدد المساهمات : 850
تاريخ الميلاد : 25/05/1988
تاريخ التسجيل : 06/02/2010

اكواد Css لمنتديات احلى منتدى Empty
مُساهمةموضوع: اكواد Css لمنتديات احلى منتدى   اكواد Css لمنتديات احلى منتدى I_icon_minitimeالأربعاء 24 نوفمبر 2010 - 16:52

السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم

من خلال البحث المستمر استخرجت لكم اكواد
CSS ورقة


لجميع النسخ
phpBB2
phpBB3
Invision


ونبداء مع النسخه
phpBB2


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

الكود
<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">

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(" رابط الصوره");
}

</td></tr></table>


2/ لتغير الخلفيه الثانيه للمنتدى كصوره

<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">
.bodyline{
background-image: url("ضع رابط الصوره");
}

</td></tr></table>



مثال :

اكواد Css لمنتديات احلى منتدى Opoipi10



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

<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.forumline{
background-image: url("ضع رابط الصوره");
}
</td></tr></table>



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

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

اكواد Css لمنتديات احلى منتدى U9iaxs10

رابط الصوره
https://i.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif

او هاذه وهي الافضل
اكواد Css لمنتديات احلى منتدى Rainbo10
رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif



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

اكواد Css لمنتديات احلى منتدى Jhgjgh10

رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/jhgjgh10.png


لعمل واجهه سفليه

<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">#page-footer {
background : #ffefe7 url(ضع رابط الصوره هنا);
}
</td></tr></table>
لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ

<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}
</td></tr></table>


استعمل هاذه الصوره كمثال
اكواد Css لمنتديات احلى منتدى Icon2610

رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/icon2610.gif


بعد طول انتظار اتينا لكم باكواد الكيس للنسخه
Invision

من حيث انها كثيرة الاكواد ولهذا عملت لكل
كود او مجموعه صوره بتوضح ايش هوعمل الكود

المجموعه الاولى
هاذه الاكواد خاصه بخانة الواجهه

الكود الاول
ان هاذه النسخه هي الاكثر تعقيدا
الرمز:
div#logostrip {
background-image: url(ضع هنـا رابط الصوره);
}


الكود الثاني
الرمز:
#submenu {
background-image: url(ضع هنـا رابط الصوره);
}


الكود الثالث
الرمز:
#submenu ul li a {
background-image: url(ضع هنـا رابط الصوره);
}


الكود الرابع
الرمز:
#submenu ul li a:hover {
background-image: url(ضع هنـا رابط الصوره);
}


الكود الخامس
الرمز:
#userlinks {
background-image: url(ضع هنـا رابط الصوره);
}


صور توضيحيه لهاذه المجموعه من الاكواد
اكواد Css لمنتديات احلى منتدى 77312511


المجموعه الثانيه
للتغير في خلفية الفواصل التي بمنتداك

الكود الاول
لتغيرخلفية لفواصل الاقسم
الرمز:
table.ipbtable th {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه
اكواد Css لمنتديات احلى منتدى 36241711


الكود الثاني
هاذا الكود شبيه للاول ولكنه لايؤثر على فواصل الاقسام
الرمز:
table.ipbtable th.formsubtitle,.formsubtitle {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه
اكواد Css لمنتديات احلى منتدى 22698310


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


صوره توضحيه
اكواد Css لمنتديات احلى منتدى 47883310


المجموعه الثالثه
لتغير في خلفيات الاقسام وخلفيات المواضيع وماشابه ذالك

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


الكود الخامس
الرمز:
.row2 {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الرابع والخامس
اكواد Css لمنتديات احلى منتدى Oouuuo10


الكود السادس
الرمز:
.post .post-header {
background-image: url(ضع هنا رابط الصوره);
}


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


صوره توضيحيه للكود السادس والسابع
اكواد Css لمنتديات احلى منتدى Ouuuo_10


الكود الثامن
الرمز:
.post-container {
background-image: url(ضع هنــا رابط الصوره);
}


صوره توضيحيه للكود الثامن
اكواد Css لمنتديات احلى منتدى Ouuuo_11



الكود التاسع
الرمز:
.post-footer {
background-image: url(ضع هنا رابط الصوره);
}


الكود العاشر
الرمز:
.topic-footer {
background-image: url(ضع هنا رابط الصوره);
}


الكود الحادي عشر
الرمز:
div.overview {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضيحيه للكود التاسع والعاشر والحادي عشر

اكواد Css لمنتديات احلى منتدى Ouuuo_12



الكود الثاني عشر
.
الرمز:
qreply {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الثاني عشر
اكواد Css لمنتديات احلى منتدى Ouuuo_13


الكود الثالث عشر
الرمز:
#smiley-box {
background-image: url(ضع هنا رابط الصوره);
}


الكود الرابع عشر
.
الرمز:
messaging-box {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الثالث عشر والرابع عشر
اكواد Css لمنتديات احلى منتدى Ouuuo_14


الكود الخامس عشر
هاذا الكود بيعمل تغير في الحدود وخلفية صندوق موضوع جديد
الرمز:
div.borderwrap,.borderwrapm {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الخامس عشر
اكواد Css لمنتديات احلى منتدى Ouuuoo10


الكودين السادس عشر
الرمز:
.select {
background-image: url(ضع هنا رابط الصوره);
}
.select button {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكودين السادس عشر
اكواد Css لمنتديات احلى منتدى 92425133


الكودين السابع عشر
.
الرمز:
button,.mainoption {
background-image: url(ضع هنا رابط الصوره);
}
.formbuttonrow {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكودين السابع عشر
اكواد Css لمنتديات احلى منتدى 72712228


الكود الثامن عشر
.
الرمز:
ipbform2 dl {
background-image: url(ضع هنا رابط الصوره);
}


الكود التاسع عشر
الرمز:
.ipbform2 dl dd {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الثامن عشر والتاسع عشر
اكواد Css لمنتديات احلى منتدى 75517290


الكود العشرون
.
الرمز:
ipbform fieldset {
background-image: url(ضع هنا رابط الصوره);
}


الكود الواحد وعشرون
.
الرمز:
box-content{
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود العشرون والواحد وعشرون
اكواد Css لمنتديات احلى منتدى 86268354


الكود االثاني وعشرون
.
الرمز:
bar {
background-image: url(ضع هنا رابط الصوره);
}


الكود الثالث وعشرون
.
الرمز:
activeusers {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضيحيه للكود الثاني وعشرون والثالث وعشرون
اكواد Css لمنتديات احلى منتدى 56331332

الكود الرابع وعشرون
الرمز:
#gfooter {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الرابع والعشرون
اكواد Css لمنتديات احلى منتدى 57644791

الكود الخامس وعشرون
.
الرمز:
no-left {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضيحيه للكود الخامس وعشرون
اكواد Css لمنتديات احلى منتدى 14399184

كود جعل الحدود بتلمع للعمل بصندوق الهوتمل
الرمز:
<style>
.borderwrap {
background-image: url(https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif);
}
</style>



وهاذا لاجل ان يعمل بي ورقة الكيس
الرمز:
.borderwrap {
background-image: url(https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif);
}


الصوره المسخدمه
اكواد Css لمنتديات احلى منتدى Rainbo10


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

الكلمه الاولى لزيادة الطول او العكس
الرمز:
padding: 50px;



اختر واحده من هاذه الكلمات لزيادة العرض او العكس

الرمز:
width: 100%;

width: 20em;


الكلمه الثالثه لزياده حجم الخط
الرمز:
font-size: 12px;


فالنجرب العمليه على هاذا الكود

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


الصوره للكود قبل العمل عليه
اكواد Css لمنتديات احلى منتدى 57644791


ندخل عليه رابط الصوره من ثم ندخل عليه الكلمه التي سوف تزيد الطول
padding: 50px;
سيصبح الكود هاكذا
الرمز:
#gfooter {
background-image: url(https://i.servimg.com/u/f64/13/84/20/12/56444511.png);
padding: 50px;
}


من ثم نضعه في ورقة الكيس
وتصبح واجهه سفليه للمنتداك
صوره توضحيه

اكواد Css لمنتديات احلى منتدى 92115647
الكود
الرمز:
.gen {
background-image: url(ضع رابط الصوره هنا);
padding: 50px;
}

_________________
اكواد Css لمنتديات احلى منتدى Hamza10

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.mafia.clubme.net
 
اكواد Css لمنتديات احلى منتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات البهجة لفرحة الجزائريين :: الأقســـــــــــام التــــــــرفيـــــــهيــــــة :: قسم الاشهــــــــــــار العام-
انتقل الى: