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

دخول

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

اكواد ورقة CSS المنتظره للنسخه Invision

+49
DESIGN - MIDO
c.iraq
PiT -BuLL
مرسا
كينج الاشهار
احمد طلعت رجب
Nikola
mr_ashraf30
احاسيس مبعثره
mark.afroto
alasmar
BaNaT WbS
BeShOsOfT
ايه_غ
tajaka8
Mohammad Zyan
MesnouA
برنس الدردشه
@الحاضرالغايب = المديرعام
FuTuRe.MaN
diyaa
x promise
كابتن
MoonDreams
Mr.PuB
space up
jassim1
ABDULMOHSIN ALHERZ
MISS coOol
baraa-s25
saleh al-lakany
Abo NawwaS
Design-sasuke
عمر رونالدو
شاعر الليل الحزين
MiSkE
x123
ahmed1996
aljna
almofadaa
napolion
yuri19_86
h-mada
طلال نجاح
loveman47
love-dark-mido
Dr.OnG
EH@B
alshaeery
53 مشترك

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyاكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 16:57

more_horiz
بعد طول انتظار اتينا لكم باكواد الكيس للنسخه
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 المنتظره للنسخه Invision 77312539


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

الكود الاول
لتغيرخلفية لفواصل الاقسم

الكود:

table.ipbtable th {
background-image: url(ضع هنا رابط الصوره);
 }


صوره توضحيه
اكواد ورقة CSS المنتظره للنسخه Invision 36241742


الكود الثاني
هاذا الكود شبيه للاول ولكنه لايؤثر على فواصل الاقسام

الكود:

table.ipbtable th.formsubtitle,.formsubtitle {
background-image: url(ضع هنا رابط الصوره);
 }


صوره توضحيه
اكواد ورقة CSS المنتظره للنسخه Invision 22698361


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

الكود:

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


صوره توضحيه
اكواد ورقة CSS المنتظره للنسخه Invision 47883392

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 17:00

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

الكود الرابع

الكود:

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


الكود الخامس

الكود:

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


صوره توضحيه للكود الرابع والخامس
اكواد ورقة CSS المنتظره للنسخه Invision 55877451


الكود السادس

الكود:

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


الكود السابع

الكود:

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


صوره توضيحيه للكود السادس والسابع
اكواد ورقة CSS المنتظره للنسخه Invision 51803405


الكود الثامن

الكود:

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


صوره توضيحيه للكود الثامن
اكواد ورقة CSS المنتظره للنسخه Invision 26288177


الكود التاسع

الكود:

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


الكود العاشر

الكود:

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


الكود الحادي عشر

الكود:

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


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

اكواد ورقة CSS المنتظره للنسخه Invision 39938443



الكود الثاني عشر
.

الكود:

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


صوره توضحيه للكود الثاني عشر
اكواد ورقة CSS المنتظره للنسخه Invision 38578943


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

الكود:

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


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

الكود:

messaging-box {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الثالث عشر والرابع عشر
اكواد ورقة CSS المنتظره للنسخه Invision 99011139


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

الكود:

div.borderwrap,.borderwrapm {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الخامس عشر
اكواد ورقة CSS المنتظره للنسخه Invision 91338580


الكودين السادس عشر

الكود:

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


صوره توضحيه للكودين السادس عشر
اكواد ورقة CSS المنتظره للنسخه Invision 92425133


الكودين السابع عشر
.

الكود:

button,.mainoption {
background-image: url(ضع هنا رابط الصوره);
}
.formbuttonrow {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكودين السابع عشر
اكواد ورقة CSS المنتظره للنسخه Invision 72712228


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

الكود:

ipbform2 dl {
background-image: url(ضع هنا رابط الصوره);
}


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

الكود:

.ipbform2 dl dd {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود الثامن عشر والتاسع عشر
اكواد ورقة CSS المنتظره للنسخه Invision 75517290


الكود العشرون
.

الكود:

ipbform fieldset {
background-image: url(ضع هنا رابط الصوره);
}


الكود الواحد وعشرون
.

الكود:

box-content{
background-image: url(ضع هنا رابط الصوره);
}


صوره توضحيه للكود العشرون والواحد وعشرون
اكواد ورقة CSS المنتظره للنسخه Invision 86268354


الكود االثاني وعشرون
.

الكود:

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


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

الكود:

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


صوره توضيحيه للكود الثاني وعشرون والثالث وعشرون
اكواد ورقة CSS المنتظره للنسخه Invision 56331332

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

الكود:

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


صوره توضحيه للكود الرابع والعشرون
اكواد ورقة CSS المنتظره للنسخه Invision 57644791

الكود الخامس وعشرون
لعمل خلفيه ثانيه لمنتداك
.

الكود:

no-left {
background-image: url(ضع هنا رابط الصوره);
}


صوره توضيحيه للكود الخامس وعشرون
اكواد ورقة CSS المنتظره للنسخه Invision 14399184


عدل سابقا من قبل alshaeery في الإثنين 25 مايو 2009 - 22:52 عدل 1 مرات

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 17:08

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

الكلمه الاولى لزيادة الطول او العكس

الكود:

padding: 50px;



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

الكود:

width: 100%;

width: 20em;


الكلمه الثالثه لزياده حجم الخط

الكود:

font-size: 12px;


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

الكود:

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


الصوره للكود قبل العمل عليه
اكواد ورقة CSS المنتظره للنسخه Invision 57644791


ندخل عليه رابط الصوره من ثم ندخل عليه الكلمه التي سوف تزيد الطول
padding: 50px;
سيصبح الكود هاكذا

الكود:

#gfooter {
background-image: url(http://i64.servimg.com/u/f64/13/84/20/12/56444511.png);
padding: 50px;
 }


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

اكواد ورقة CSS المنتظره للنسخه Invision 92115647

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 17:17

more_horiz
مهم جدا


أثناء وضعيكم للاكواد

CSS

اكثر من مره قديسبب خلل بمظهر منتداك

لذا انصحكم بالحذر في استعمال هاذه الاكواد

السبب ليس في الاكواد لكن ورقة الكس حساسه جدا اذا كثر العمل عليهى

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

الكود:

 <style>
ضع جميع اكواد الكيس هونا
</style>



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


للذهاب الى ورقة الكس

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

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 18:09

more_horiz
اكواد ورقة CSS المنتظره للنسخه Invision Thank-you

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 18:18

more_horiz
شكرا على المرور

:lol!:

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 18:46

more_horiz
دائما راائع اخي
شكرا لك

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 21:11

more_horiz
شكراااااااااااااااااااااااا

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 25 مايو 2009 - 23:04

more_horiz
:وردة: شكرا لمروركم الطيب :وردة:

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالسبت 21 نوفمبر 2009 - 19:27

more_horiz
تمت الموافقه على المحتوى
شكرا لك

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالثلاثاء 23 مارس 2010 - 17:37

more_horiz
شكرا لك اخى

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالسبت 3 أبريل 2010 - 11:25

more_horiz
اكواد ورقة CSS المنتظره للنسخه Invision 6cf0559601zs4

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 9 أبريل 2010 - 0:48

more_horiz
فعلاا نسخة الانفجين عم تثبت جدارتها

شكراا لك اخي

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالسبت 10 أبريل 2010 - 0:52

more_horiz
السلام عليكم ورحمة الله
تم إنشاء منتدى بإدن الله يشمل أقسام عديدة كل إلي نفسك فيه موجود معنا في منتدى العرب

الصفحة الرئيسية للمنتدى العرب

www.montadal3arabe.p2h.info

هل تريد منتدى في بي فقط إذخل وقرأ الشرح والشروط سهلة

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=98

منتداك من شركة أحلى منتدى أشهره معنا

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=74

منتداك في بي أدخل أشهره هنا

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=75

تبحت عن كود html +javaلمنتداك من هنا

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=102

تبحت عن كود ورقة css من هنا دوس الرابط

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=103

تبحت ن كود تموبيلات من هنا

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=104

تصاميم منقولة روعة نادرة جدا

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=105

منتداك في بي تبحت عن ستايلات

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=79

والهاكات من هنا


http://www.montadal3arabe.p2h.info/forumdisplay.php?f=80

عندك مشكل في منتداك في بي

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=81

المجلات واوجهات

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=83


تقنيات المواقع SEO و XML و RSS و محركات البحث

http://www.montadal3arabe.p2h.info/forumdisplay.php?f=82

أتمنى أن تزورو موقعنا

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 19 أبريل 2010 - 0:33

more_horiz
شكرا لك

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالإثنين 19 أبريل 2010 - 22:38

more_horiz
يعطيك الله الف عافية

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالأربعاء 21 أبريل 2010 - 0:10

more_horiz
شكرا جزيلا على الموضوع
اكواد ورقة CSS المنتظره للنسخه Invision Icon_lol

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالثلاثاء 4 مايو 2010 - 19:41

more_horiz
شكرا لك اخي الكريم

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 7 مايو 2010 - 8:21

more_horiz
بارك الله فيك

ننتضر جديدك

تحياتي

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 4 يونيو 2010 - 2:39

more_horiz
مجهود تشكر عليه

موفق ان شاء الله

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 4 يونيو 2010 - 3:00

more_horiz
يسلمو على المجهود

^^

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 4 يونيو 2010 - 4:24

more_horiz
شكرا لك كود رائع اخى بلتوفيق

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 4 يونيو 2010 - 12:23

more_horiz
شكرا لك..

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 11 يونيو 2010 - 10:50

more_horiz
شكرا لك يا جميل..

والى الامام.

descriptionاكواد ورقة CSS المنتظره للنسخه Invision Emptyرد: اكواد ورقة CSS المنتظره للنسخه Invisionالجمعة 18 يونيو 2010 - 2:41

more_horiz
كود رائع تقبل تحياتى

«أستعرض الموضوع السابق|أستعراض الموضوع التالي»


privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي