الدرس الثالث من دوره تصميم الاستايل بتقنيه (css)

قناص جوبا · 07-28-2010

ده طبيعى
جربه على المساحه اللى هتجرب عليها الشغل وقولى

face-to-face · 07-29-2010

انا مش عارف اركبه يا ابو حميد ؟!!

لأن كود الهيدر والفوتر علي بعضه ،، وكمان انا مش عارف هل بيكون استبدال فقط ولا في اي تعديل ؟

يا يت تقولي الطريقة عشان اركب الهيدر + الفوتر + الايطار في المساحة المجانية ،،

ومشكور ،

قناص جوبا · 07-29-2010

تابع باقى الدروس اولا يا غالى

روح · 10-11-2010

ماظهر لي الاطاار من الجوانب والامتداد من اسفل

وين الغلط؟؟

.f_g_1{background-color:#ccc
height:100%;
}
.f_g_2{background:url(file:///c|/appserv/www/vb/asod/images/images/as_05.gif);
repeat-y:left;
height:100%;
}
.f_g_3{background:url(file:///c|/appserv/www/vb/asod/images/images/as_10.gif);
repeat-y:right;
height:100%;
padding-left:
}
</style>
</head>

<body>
<div class="f_h1">
<div class="f_h2"></div>
<div class="f_h3"></div>
</div>
<div class="f_g_1">
<div class="f_g_2">
<div class="f_g_3">
</div>
</div>
</div>
<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div>
</div>
</body>

قناص جوبا · 10-12-2010

جربى الان

كود PHP:


			
<style type="text/css">
.f_g_1{
    background-color:#ccc;
    height:100%;
}
.f_g_2{
    background:url(file:///c|/appserv/www/vb/asod/images/images/as_05.gif) repeat-y left center;
    height:100%;
}
.f_g_3{
    background:url(file:///c|/appserv/www/vb/asod/images/images/as_10.gif) repeat-y right center;
    height:100%;
    padding-left:20px;
    padding-right:20px;
}
</style>

روح · 10-12-2010

جربت الاكواد ماظبط.

رفعت صورة من الملفات المرفقة

قناص جوبا · 10-13-2010

طيب ممكن صوره للاكواد + ارفقاق الاكواد

روح · 10-14-2010

تفـــضــــل

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.f_h1{background-image:url(../../../AppServ/www/vb/asod/images/images/as_03.gif);
height:60px;
background-repeat:repeat-x
}
.f_h2{background-image:url(../../../AppServ/www/vb/asod/images/images/as_02.gif);
background-repeat:no-repeat;
height:60px;
width:300px;
float:left;
}
.f_h3{background-image:url(../../../AppServ/www/vb/asod/images/images/as_04.gif);
background-repeat:no-repeat;
height:60px;
width:301px;
float:right;
}
.f_f1{background-image:url(../../../AppServ/www/vb/asod/images/images/as_09.gif);
background-repeat:repeat-x;
height38

x;
}
.f_f2{background-image:url(../../../AppServ/www/vb/asod/images/images/as_08.gif);
background-repeat:no-repeat;
height:38px;
width:300px;
float:left;
}
.f_f3{background-image:url(../../../AppServ/www/vb/asod/images/images/as_10.gif);
background-repeat:no-repeat;
height:39px;
width:301px;
float:right;
}
.f_g_1{
background-color:#ccc;
height:100%;
}
.f_g_2{
background:url(file:///c|/appserv/www/vb/asod/images/images/as_05.gif) repeat-y left center;
height:100%;
}
.f_g_3{
background:url(file:///c|/appserv/www/vb/asod/images/images/as_10.gif) repeat-y right center;
height:100%;
padding-left:20px;
padding-right:20px;
}
</style>
</head>

<body>
<div class="f_h1">
<div class="f_h2"></div>
<div class="f_h3"></div>
</div>
<div class="f_g_1">
<div class="f_g_2">
<div class="f_g_3">
</div>
</div>
</div>
<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div>
</div>
</body>
</html>

مع العلم لمن احط <p>sampl11111111111</p> مابين الكلاسات شوف كيف المسافة مابين الاطار الصورة بالمرفق

قناص جوبا · 10-15-2010

كود PHP:


			
<!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">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled Document</title>
<style type="text/css">
.f_h1 {
    background-image: url(../../../AppServ/www/vb/asod/images/images/as_03.gif);
    height: 60px;
    background-repeat: repeat-x;
}
.f_h2 {
    background-image: url(../../../AppServ/www/vb/asod/images/images/as_02.gif);
    background-repeat: no-repeat;
    height: 60px;
    width: 300px;
    float: left;
}
.f_h3 {
    background-image: url(../../../AppServ/www/vb/asod/images/images/as_04.gif);
    background-repeat: no-repeat;
    height: 60px;
    width: 301px;
    float: right;
}
.f_f1 {
    background-image: url(../../../AppServ/www/vb/asod/images/images/as_09.gif);
    background-repeat: repeat-x;
    height:38px;
}
.f_f2 {
    background-image: url(../../../AppServ/www/vb/asod/images/images/as_08.gif);
    background-repeat: no-repeat;
    height: 38px;
    width: 300px;
    float: left;
}
.f_f3 {
    background-image: url(../../../AppServ/www/vb/asod/images/images/as_10.gif);
    background-repeat: no-repeat;
    height: 39px;
    width: 301px;
    float: right;
}
.f_g_1 {
    background-color: #ccc;
    height: 100%;
}
.f_g_2 {
    background: url(file:///c|/appserv/www/vb/asod/images/images/as_05.gif) repeat-y left center;
    height: 100%;
}
.f_g_3 {
    background: url(file:///c|/appserv/www/vb/asod/images/images/as_10.gif) repeat-y right center;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
</style>
</head>

<body>

<div class="f_h1">
<div class="f_h2"></div>
<div class="f_h3"></div></div>
    
<div class="f_g_1">
<div class="f_g_2">
<div class="f_g_3">



</div>
</div>
</div>

<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div></div>

</body>

</html>

شوفى الكود ده دلوقتى

روح · 10-15-2010

لازالت موجودة.اجرب اركبة على المنتدى ممكن تختفي المشكلة ؟ هل ممكن الاشكال من نفس البرنامج لانه البرنامج بورتابل!

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

LinkBacks (?) LinkBack to this Thread: http://vbegy.info/vb/t721.html
أرسلت بواسطة	For	Type	التاريخ
[مشكلة] مشكلة فى توزيع وتركيب استايل	This thread	Pingback	07-11-2011 11:27 PM
[شرح] مشكلة في التأطير بcss (النافبار)	This thread	Pingback	07-09-2011 02:30 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - منتدى بيتو هوست	This thread	Refback	11-30-2010 09:18 AM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - مرسى الفي بي	This thread	Refback	06-13-2010 10:01 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - Traweq : : Css :: Web3 ::	This thread	Refback	12-01-2009 03:59 PM

فى بى ايجى التطويرية
موقع تكويد	مركز رفع صور وملفات	مدونه فى بى ايجى	منتدى المشاكل	منتدى مجانى
معرض استايلات	دليل مواقع \| اضف موقعك	استضافه مجانيه	اعمال فى بى ايجى	دوره اداره الموقع
دوره تصميم الاستايلات	منتديات القمة إنفو	تبادل اعلانى	تبادل اعلانى	تبادل اعلانى

رسالة مدير الموقع

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