الصفحة الرئيسية>دروس تصميم الويب>المؤثرات الخاصة على شبكة الإنترنت

كود CSS لإظهار المؤثرات الخاصة للمنزل الجميل

الكاتب：Eve Cole وقت التحديث：2009-06-12 19:27:50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CSS House (3D Border Demo 2) بقلم كريس هيستر</title>
<نمط النوع = "نص/CSS">
/* شكرًا لـ Big John على الاختبار المتكرر في IE5/Win! */
/* http://positioniseverything.net */
* {
عائلة الخط: Verdana، Arial، Helvetica، sans-serif؛
حجم الخط: 12 بكسل؛
ارتفاع الخط: 14 بكسل؛
}
جسم {
الهامش:0;
الحشو: 0؛
لون الخلفية:#fff;
اللون: #000؛ // لإرضاء الملصق هنا: http://digg.com/design/CSS_House
}
/* تحديد كافة div كطوب لحفظ التعليمات البرمجية. الكتابة فوق القيم لاحقًا لأي غير الطوب */
/* التعامل أولاً مع نموذج الصندوق المكسور في IE5. القاعدة أدناه تعمل مع IE فقط */
/* راجع http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
* أتش تي أم أل شعبة {
العرض: 60 بكسل؛ /* إجمالي عرض الصندوق (الحدود + المساحة المتروكة + العرض) لـ IE5/Win */
ثidth:52px; /* الإصدارات الأخرى من IE تحصل على هذا العرض */
الارتفاع: 26 بكسل؛ /* إجمالي ارتفاع الصندوق */
هوالوزن:18px;
}
/* تعامل الآن مع جميع متصفحات CSS الأخرى */
شعبة {
الموقف:مطلق؛
العرض: 52 بكسل؛
الارتفاع: 18 بكسل؛
الهامش:0;
الحشو: 0؛
الحدود العلوية: 4 بكسل صلب #f00؛
الحد الأيسر: 4 بكسل صلب #e00؛
الحد السفلي: 4 بكسل صلب #b00؛
الحدود اليمنى:4px الصلبة #c00؛
لون الخلفية:#d00;
مؤشر z:1;
}
* أتش تي أم أل #سقف {
العرض: 758 بكسل؛
ثالعرض:500بكسل؛
الارتفاع: 150 بكسل؛
هوالوزن:50px;
}
#سَطح {
أعلى: 4 بكسل؛
اليسار: 10 بكسل؛
العرض: 500 بكسل؛
الارتفاع: 50 بكسل؛
الحدود-الأعلى:0px الصلبة #fc0;
الحد الأيسر: 129 بكسل صلب #fff؛
الحد السفلي: 100 بكسل صلب #575؛
الحدود اليمنى: 129 بكسل صلب #fff؛
لون الخلفية:#fff;
}
* أتش تي أم أل #روف2 {
العرض: 632 بكسل؛
العرض:374 بكسل;
الارتفاع: 90 بكسل؛
هوالوزن:40px;
}
#سقف2 {
أعلى: 14 بكسل؛
اليسار: 73 بكسل؛
العرض: 374 بكسل؛
الارتفاع: 40 بكسل؛
الحدود-الأعلى:0px الصلبة #fc0;
الحد الأيسر: 129 بكسل صلب #fff؛
الحد السفلي: 50 بكسل صلب #686؛
الحدود اليمنى: 129 بكسل صلب #fff؛
لون الخلفية:#fff;
مؤشر z:2؛
}
#brick1، #brick2، #brick3، #brick4، #brick5، #brick9، #brick10، #brick11، #brick12 {top:180px;}
# لبنة 1 {يسار: 30 بكسل؛}
# لبنة 2 {يسار: 90 بكسل؛}
# لبنة 3 {يسار: 150 بكسل؛}
# لبنة 4 {يسار: 210 بكسل؛}
* أتش تي أم أل # بريك5 {
العرض: 240 بكسل؛
العرض: 232 بكسل؛
}
#brick5 {يسار: 270 بكسل؛ العرض: 232 بكسل؛}
# لبنة 9 {يسار: 510 بكسل؛}
# لبنة 10 {يسار: 570 بكسل؛}
# لبنة 11 {يسار: 630 بكسل؛}
# لبنة 12 {يسار: 690 بكسل؛}
#brick13، #brick14، #brick15، #brick16، #brick17، #brick18 {top:206px;}
/* تعامل مع جميع وحدات الطوب النصفية مرة واحدة لـ IE5/Win */
* html #brick13، * html #brick15، * html #brick16، * html #brick18، * html #brick23، * html #brick24، * html #brick25،
* html #brick26، * html #brick27، * html #brick28، * html #brick29، * html #brick30، * html #brick31، * html #brick32،
* html #brick33، * html #brick34، * html #brick35، * html #brick36، * html #brick37، * html #brick38، * html #brick39،
* html #brick41، * html #brick42، * html #brick44، * html #brick61،
* html #brick79، * html #brick92، * html #brick65، * html #brick96، * html #brick66، * html #brick97، * html #brick70،
* html #brick91، * html #brick101، * html #chbrick2، * html #chbrick3، * html #chbrick6، * html #chbrick7،
* html #chbrick2، * html #chbrick3، * html #chbrick6، * html #chbrick7 {
العرض: 30 بكسل؛
ثidth:22px;
}
#brick13 {/* نصف طوبة */
اليسار: 30 بكسل؛
العرض: 22 بكسل؛
}
# لبنة 14 {
اليسار: 60 بكسل؛
العرض: 172 بكسل؛
}
#brick15 {/* نصف لبنة */
اليسار: 240 بكسل؛
العرض: 22 بكسل؛
}
#brick16 {/* نصف لبنة */
اليسار: 510 بكسل؛
العرض: 22 بكسل؛
}
# لبنة 17 {
اليسار: 540 بكسل؛
العرض: 172 بكسل؛
}
#brick18 {/* نصف لبنة */
اليسار: 720 بكسل؛
العرض: 22 بكسل؛
}
* html #brick14، * html #brick17 {
العرض: 180 بكسل؛
ثالعرض:172 بكسل؛
}
#brick19، #brick20، #brick21، #brick34، #brick22 {top:232px;}
# لبنة 19 {يسار: 30 بكسل؛}
# لبنة 20 {يسار: 210 بكسل؛}
# لبنة 21 {يسار: 510 بكسل؛}
# لبنة 22 {يسار: 690 بكسل؛}
#brick23، #brick24، #brick25، #brick26، #brick27، #brick28، #brick29، #brick30 {
أعلى: 258 بكسل؛
العرض: 22 بكسل؛
}
#brick31، #brick32، #brick33، #brick34، #brick35، #brick36، #brick37، #brick38 {
أعلى: 310 بكسل؛
العرض: 22 بكسل؛
}
#brick39، #brick41، #brick42، #brick44 {
أعلى: 362 بكسل؛
العرض: 22 بكسل؛
}
#brick40، #brick43 {الأعلى: 362 بكسل؛}
#brick23، #brick31، #brick39 {يسار: 30px؛}
#brick24، #brick32 {يسار:60px؛}
#brick25، #brick33 {يسار:210px;}
#brick26، #brick34، #brick41 {يسار: 240px؛}
#brick27، #brick35، #brick42 {يسار:510px؛}
#brick28، #brick36 {يسار:540px؛}
#brick29, #brick37 {يسار:690px;}
#brick30، #brick38، #brick44 {يسار: 720px؛}
# لبنة 40 {
اليسار: 60 بكسل؛
العرض: 172 بكسل؛
}
# لبنة 43 {
اليسار: 540 بكسل؛
العرض: 172 بكسل؛
}
* أتش تي أم أل # بريك40، * أتش تي أم أل # بريك43 {
العرض: 180 بكسل؛
ثالعرض:172 بكسل؛
}
#brick45، #brick46، #brick47، #brick48 {top:284px؛}
#brick49، #brick50، #brick51، #brick52 {top:336px;}
#brick45، #brick49 {يسار: 30px؛}
#brick46، #brick50 {يسار:210px;}
#brick47، #brick51 {يسار:510px؛}
#brick48، #brick52 {يسار:690px؛}
#brick53، #brick54، #brick55، #brick59، #brick56، #brick57، #brick58، #brick60، #brick61 {top:388px;}
# لبنة 53 {يسار: 30 بكسل؛}
# لبنة 54 {يسار: 90 بكسل؛}
# لبنة 55 {يسار: 150 بكسل؛}
# لبنة 56 {يسار: 210 بكسل؛}
# لبنة 57 {يسار: 510 بكسل؛}
# لبنة 58 {يسار: 570 بكسل؛}
# لبنة 59 {يسار: 630 بكسل؛}
# لبنة60 {يسار:690px؛}
#brick61, #brick62, #brick63, #brick64, #brick65, #brick66, #brick67, #brick68, #brick69, #brick70, #brick71, #brick79, #brick80, #brick81, #brick82, #brick83, #brick84 , #brick85, #brick86, #brick87, #brick88, #brick89, #brick90, #brick91, #brick92, #brick93, #brick94, #brick95, #brick96, #brick97, #brick98, #brick99, #brick100, # لبنة 101 {الأعلى: 466 بكسل؛}
#brick61، #brick62، #brick63، #brick64، #brick65، #brick66، #brick67، #brick68، #brick69، #brick70 {top:414px;}
#brick79، #brick80، #brick81، #brick82، #brick83، #brick84، #brick85، #brick86، #brick87، #brick88، #brick89، #brick90، #brick91 {top:154px;}
#brick92، #brick93، #brick94، #brick95، #brick96، #brick97، #brick98، #brick99، #brick100، #brick101 {top:466px;}
#brick61, #brick79, #brick92 { /* نصف لبنة */
اليسار: 30 بكسل؛
العرض: 22 بكسل؛
}
#brick62، #brick80، #brick93 {يسار: 60px؛}
#brick63، #brick81، #brick94 {يسار:120px؛}
#brick64، #brick82، #brick95 {يسار: 180px؛}
#brick65, #brick96 { /* نصف لبنة */
اليسار: 240 بكسل؛
العرض: 22 بكسل؛
}
# لبنة 83 {يسار: 240 بكسل؛}
# لبنة 84 {يسار: 300 بكسل؛}
# لبنة 85 {يسار: 360 بكسل؛}
# لبنة 86 {يسار: 420 بكسل؛}
# لبنة 87 {يسار: 480 بكسل؛}
#brick66, #brick97 { /* نصف لبنة */
اليسار: 510 بكسل؛
العرض: 22 بكسل؛
}
#brick67، #brick88، #brick98 {يسار: 540px؛}
#brick68، #brick89، #brick99 {يسار:600px؛}
#brick69، #brick90، #brick100 {يسار:660px؛}
#brick70, #brick91, #brick101 { /* نصف لبنة */
اليسار: 720 بكسل؛
العرض: 22 بكسل؛
}
#brick71، #brick72، #brick73، #brick74، #brick75، #brick76، #brick77، #brick78 {top:440px;}
# لبنة 71 {يسار: 30 بكسل؛}
# لبنة 72 {يسار: 90 بكسل؛}
# لبنة 73 {يسار: 150 بكسل؛}
# لبنة 74 {يسار: 210 بكسل؛}
# لبنة 75 {يسار: 510 بكسل؛}
# لبنة 76 {يسار: 570 بكسل؛}
# لبنة 77 {يسار: 630 بكسل؛}
# لبنة 78 {يسار: 690 بكسل؛}
/* الطوب الطويل الداكن + المداخن */
#brick5، #brick14، #brick17، #brick40، #brick43، #chbrick1، #chbrick2، #chbrick3، #chbrick4، #chbrick5، #chbrick6، #chbrick7، #chbrick8 {
الحدود العلوية: 4 بكسل صلب #d00؛
الحدود اليسرى:4px الصلبة #c00؛
الحد السفلي: 4 بكسل صلب #900؛
الحدود اليمنى: 4 بكسل صلب #a00؛
لون الخلفية:#b00;
مؤشر z:2؛
}
#chbrick1، #chbrick2، #chbrick4 {يسار: 179px؛}
#chbrick5، #chbrick6، #chbrick7، #chbrick8 {يسار: 539px؛}
#chbrick3 {يسار:209px;}
#chbrick7 {يسار:569px;}
#chbrick1، #chbrick5 {الأعلى:8px؛}
#chbrick2، #chbrick3، #chbrick6، #chbrick7 {
أعلى: 34 بكسل؛
العرض: 22 بكسل؛
}
#chbrick4، #chbrick8 {top:60px؛}
/* أجزاء النافذة */
#جزء1L، #جزء2L، #جزء3L، #جزء1R، #جزء2R، #جزء3R {
الحشو: 10 بكسل؛
الحدود العلوية: 4 بكسل صلب # a98؛
الحدود اليسرى: 10px الصلبة #cba؛
الحد السفلي:3px صلب #f3e3d3;
الحدود اليمنى: 10px Solid #e9d8c7;
لون الخلفية:#666;
مؤشر z:3؛
}
* html #pane1L، * html #pane1R {
العرض: 108 بكسل؛
ثidth:68px;
الارتفاع: 29 بكسل؛
هوالوزن:18px;
}
#جزء1L {
أعلى: 238 بكسل؛
اليسار: 96 بكسل؛
العرض: 68 بكسل؛
الارتفاع: 18 بكسل؛
الحدود العلوية: 9px صلب #a98؛
}
* html #pane2L، * html #pane2R {
العرض: 53 بكسل؛
عرض:19px;
الارتفاع: 66 بكسل؛
هوالوزن:36px;
}
#جزء2L {
أعلى: 291 بكسل؛
اليسار: 96 بكسل؛
العرض: 19 بكسل؛
الارتفاع: 36 بكسل؛
الحدود اليمنى:4px Solid #e9d8c7;
الحد السفلي:6px صلب #f3e3d3;
}
* html #pane3L، * html #pane3R {
العرض: 52 بكسل؛
عرض:18px;
الارتفاع: 66 بكسل؛
هوالوزن:36px;
}
#جزء3L {
أعلى: 291 بكسل؛
اليسار: 152 بكسل؛
العرض: 18 بكسل؛
الارتفاع: 36 بكسل؛
الحدود اليسرى:4px الصلبة #cba؛
الحد السفلي:6px صلب #f3e3d3;
}
#جزء1R {
أعلى: 238 بكسل؛
اليسار: 576 بكسل؛
العرض: 68 بكسل؛
الارتفاع: 18 بكسل؛
الحدود العلوية: 9px صلب #a98؛
}
#جزء2R {
أعلى: 291 بكسل؛
اليسار: 576 بكسل؛
العرض: 19 بكسل؛
الارتفاع: 36 بكسل؛
الحدود اليمنى:4px Solid #e9d8c7;
الحد السفلي:6px صلب #f3e3d3;
}
#جزء3R {
أعلى: 291 بكسل؛
اليسار: 632 بكسل؛
العرض: 18 بكسل؛
الارتفاع: 36 بكسل؛
الحدود اليسرى:4px الصلبة #cba؛
الحد السفلي:6px صلب #f3e3d3;
}
#نافذةL، #نافذةR {
أعلى: 232 بكسل؛
العرض: 120 بكسل؛
الارتفاع: 130 بكسل؛
الحدود: لا شيء؛
لون الخلفية:#fed;
مؤشر z:2؛
}
#windowR {يسار: 90px؛}
#windowL {يسار: 570 بكسل؛}
* أتش تي أم أل ص. الباب {
العرض: 142 بكسل؛
العرض:102 بكسل;
الارتفاع: 222 بكسل؛
الطول: 187 بكسل;
}
ص.الباب {
العرض: 102 بكسل؛
الارتفاع: 187 بكسل؛
الهامش:0;
الحشو: 10 بكسل؛
الحدود العلوية: 9px صلب #800؛
الحدود اليمنى: 10 بكسل صلب #b00؛
الحد السفلي: 6 بكسل صلب #ccc؛
الحد الأيسر: 10 بكسل صلب #b00؛
لون الخلفية:#fed;
مؤشر z:2؛
}
* أتش تي أم أل #الداخلية {
العرض: 182 بكسل؛
العرض:142 بكسل;
الارتفاع: 250 بكسل؛
الطول:222 بكسل;
}
#داخلي {
الموقف:نسبي؛
العرض: 142 بكسل؛
الارتفاع: 222 بكسل؛
الحشو: 0 0 10 بكسل 0؛
الحدود العلوية: 10 بكسل صلب #900؛
الحدود اليسرى: 20 بكسل صلب #c00؛
الحد السفلي: 8px صلب #ccc؛
الحدود اليمنى: 20 بكسل صلب #c00؛
لون الخلفية:#888;
}
* أتش تي أم أل #الخارجي {
العرض: 240 بكسل؛
ثالعرض:182 بكسل؛
الارتفاع: 286 بكسل؛
الطول: 250 بكسل؛
}
#الخارجي {
أعلى: 206 بكسل؛
اليسار: 270 بكسل؛
العرض: 182 بكسل؛
الارتفاع: 250 بكسل؛
الحشو: 0 0 12 بكسل 0؛
الحدود العلوية: 10 بكسل صلب #900؛
الحدود اليسرى: 29 بكسل صلب #d00؛
الحد السفلي: 14px صلب #ccc؛
الحدود اليمنى: 29 بكسل صلب #d00؛
لون الخلفية:#888;
}
* html #doorpane1، * html #doorpane2، * html #doorpane3، * html #doorpane4 {
العرض: 39 بكسل؛
ثidth:31px;
الارتفاع: 68 بكسل؛
هوالوزن:60px;
}
#doorpane1، #doorpane2، #doorpane3، #doorpane4 {
العرض: 31 بكسل؛
الارتفاع: 60 بكسل؛
الحدود العلوية: 4 بكسل صلب # a98؛
الحدود اليسرى:4px الصلبة #cba؛
الحد السفلي:4px صلب #f3e3d3;
الحدود اليمنى:4px Solid #e9d8c7;
لون الخلفية:#fed;
مؤشر z:3؛
}
#باب1 {
أعلى: 250 بكسل؛
اليسار: 344 بكسل؛
}
#باب2 {
أعلى: 250 بكسل؛
اليسار: 397 بكسل؛
}
#باب3 {
أعلى: 359 بكسل؛
اليسار: 344 بكسل؛
}
#باب4 {
أعلى: 359 بكسل؛
اليسار: 397 بكسل؛
}
* أتش تي أم أل # مقبض {
العرض: 23 بكسل؛
ثالعرض:15px;
الارتفاع: 10 بكسل؛
هوالوزن:2px;
}
#مقبض {
حجم الخط: 1 بكسل؛ /* --- يمنع div من أن يكون لا */
ارتفاع الخط: 1 بكسل؛ /* -/ ارتفاع أصغر من 16 بكسل في IE6 */
أعلى: 331 بكسل؛
اليسار: 416 بكسل؛
العرض: 15 بكسل؛
الارتفاع: 2 بكسل؛
الحدود الأعلى: 4px الصلبة #fda؛
الحدود اليسرى: 4 بكسل الصلبة # ec9؛
الحد السفلي: 4 بكسل صلب #b96؛
الحدود اليمنى: 4px الصلبة #ca7؛
لون الخلفية:#db8;
مؤشر z:3؛
}
* أتش تي أم أل #handlebase {
العرض: 10 بكسل؛
ثidth:2px;
الارتفاع: 23 بكسل؛
هوالوزن:15px;
}
#قاعدة المقبض {
حجم الخط: 1 بكسل؛ /* --- يمنع div من أن يكون لا */
ارتفاع الخط: 1 بكسل؛ /* -/ ارتفاع أصغر من 16 بكسل في IE6 */
أعلى: 327 بكسل؛
اليسار: 433 بكسل؛
العرض: 2 بكسل؛
الارتفاع: 15 بكسل؛
الحدود الأعلى: 4px الصلبة #fda؛
الحدود اليسرى: 4 بكسل الصلبة # ec9؛
الحد السفلي: 4 بكسل صلب #b96؛
الحدود اليمنى: 4px الصلبة #ca7؛
لون الخلفية:#666;
مؤشر z:2؛
}
* أتش تي أم أل #مربع النص {
العرض: 720 بكسل؛
العرض:680 بكسل;
}
#مربع نص {
أعلى: 492 بكسل؛
اليسار: 30 بكسل؛
العرض: 680 بكسل؛
الحشو: 20 بكسل؛
الارتفاع: تلقائي؛
محاذاة النص:مركز؛
الحدود: لا شيء؛
لون الخلفية:#eee;
}
</نمط>
</الرأس>
<الجسم>
<div معرف = "سقف"></div>
<div id="roof2"></div>
<div id="chbrick1"></div>
<div id="chbrick2"></div>
<div id="chbrick3"></div>
<div id="chbrick4"></div>
<div id="chbrick5"></div>
<div id="chbrick6"></div>
<div id="chbrick7"></div>
<div id="chbrick8"></div>
<div id="brick1"></div>
<div id="brick2"></div>
<div id="brick3"></div>
<div id="brick4"></div>
<div id="brick5"></div>
<div id="brick9"></div>
<div id="brick10"></div>
<div id="brick11"></div>
<div id="brick12"></div>
<div id="brick13"></div>
<div id="brick14"></div>
<div id="brick15"></div>
<div id="brick16"></div>
<div id="brick17"></div>
<div id="brick18"></div>
<div id="brick19"></div>
<div id="brick20"></div>
<div id="brick21"></div>
<div id="brick22"></div>
<div id="brick23"></div>
<div id="brick24"></div>
<div id="brick25"></div>
<div id="brick26"></div>
<div id="brick27"></div>
<div id="brick28"></div>
<div id="brick29"></div>
<div id="brick30"></div>
<div id="brick31"></div>
<div id="brick32"></div>
<div id="brick33"></div>
<div id="brick34"></div>
<div id="brick35"></div>
<div id="brick36"></div>
<div id="brick37"></div>
<div id="brick38"></div>
<div id="brick39"></div>
<div id="brick40"></div>
<div id="brick41"></div>
<div id="brick42"></div>
<div id="brick43"></div>
<div id="brick44"></div>
<div id="brick45"></div>
<div id="brick46"></div>
<div id="brick47"></div>
<div id="brick48"></div>
<div id="brick49"></div>
<div id="brick50"></div>
<div id="brick51"></div>
<div id="brick52"></div>
<div id="brick53"></div>
<div id="brick54"></div>
<div id="brick55"></div>
<div id="brick56"></div>
<div id="brick57"></div>
<div id="brick58"></div>
<div id="brick59"></div>
<div id="brick60"></div>
<div id="brick61"></div>
<div id="brick62"></div>
<div id="brick63"></div>
<div id="brick64"></div>
<div id="brick65"></div>
<div id="brick66"></div>
<div id="brick67"></div>
<div id="brick68"></div>
<div id="brick69"></div>
<div id="brick70"></div>
<div id="brick71"></div>
<div id="brick72"></div>
<div id="brick73"></div>
<div id="brick74"></div>
<div id="brick75"></div>
<div id="brick76"></div>
<div id="brick77"></div>
<div id="brick78"></div>
<div id="brick79"></div>
<div id="brick80"></div>
<div id="brick81"></div>
<div id="brick82"></div>
<div id="brick83"></div>
<div id="brick84"></div>
<div id="brick85"></div>
<div id="brick86"></div>
<div id="brick87"></div>
<div id="brick88"></div>
<div id="brick89"></div>
<div id="brick90"></div>
<div id="brick91"></div>
<div id="brick92"></div>
<div id="brick93"></div>
<div id="brick94"></div>
<div id="brick95"></div>
<div id="brick96"></div>
<div id="brick97"></div>
<div id="brick98"></div>
<div id="brick99"></div>
<div id="brick100"></div>
<div id="brick101"></div>
<div معرف = "الخارجي">
<div معرف = "داخلي">
<p class="door">&nbsp;</p>
</div>
</div>
<div id="doorpane1"></div>
<div id="doorpane2"></div>
<div id="doorpane3"></div>
<div id="doorpane4"></div>
<div id="handle"></div>
<div id="handlebase"></div>
<div id="windowL"></div>
<div id="pane1L"></div>
<div id="pane2L"></div>
<div id="pane3L"></div>
<div id="windowR"></div>
<div id="pane1R"></div>
<div id="pane2R"></div>
<div id="pane3R"></div>
<div id="textbox"><b>CSS House</b> بواسطة <a href=" http://www.designdetector.com">كريس هيستر</a> &middot; راجع <a href=" http://www.designdetector.com/demos/css-house-2.html">CSS House 2</a>
<br />
<br />تم البناء في 16 أكتوبر 2003 &middot; آخر تحديث في 16 مارس 2006 &middot; <a href=" http://www.designdetector.com/archives/03/10/3DBorderDemo2.php#comments">التعليقات</a > | <a href=" http://www.designdetector.com/tips/3DBorderDemo2-trackbacks.html">التتبعات</a > | <a href=" http://www.designdetector.com/archives/03/10/3DBorderDemo2.php">حول</a></div >
</الجسم>
</html>
مقالات ذات صلة