تطبيقات المشتركين في الدوره - الصفحة 7 - أنوثه ديزاين

عُضويتيّ : 2 · منذ /19-7-2013, 10:09 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة hadeel

شرحك يهبل الله يحفظك وربي يسلم هالايادي
جدا واضح ومفهوم ومممتع

شوفي تطبيقي

http://im34.gulfup.com/ddniz.png

وهنا شوفي صورة الهيدر مره تضايقت لما شفت التمدد صاير بهالشكل مادري ليش ؟

http://im34.gulfup.com/7ebfm.png

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

،’
اللهــمـ زدني بك غنىً عن .. [ العالميــن ] .!

youtube | facebook |Twitter| Behance

عُضويتيّ : 2 · منذ /19-7-2013, 10:14 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة des ebtehal

آلدرس جميييييل ..؛

وهذآ تطبيقي للدرس الثالث ...

كود 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>ebtehal-des</title>
<style type="text/css">
.hedar-tmdd {
 background-image:url('images/hedar-tmdd.gif');
 background-repeat:repeat-x;
 height:297px;
}
.hedar-1 {
 background-image:url('images/hedar-1.gif');
 background-repeat:no-repeat;
 height:297px;
 width:508px;
 float:right
}
.hedar-2 {
 background-image:url('images/hedar-2.gif');
 background-repeat:no-repeat;
 height:297px;
 width:230px;
 float:left;
}

</style>
</head>
<body>
<div class="hedar-tmdd">
<div class="hedar-1"></div>
<div class="hedar-2"></div>
</div>
<div class="backg">
<div class="p-1"></div>
<div class="p-2"></div>
</div>
<div class="fotar-tmdd">
<div class="fotar-1"></div>
<div class="fotar-2"></div>
</div>
 

</body>
</html>

جميل جدا ماشاءالله ومرتب
كويس

،’
اللهــمـ زدني بك غنىً عن .. [ العالميــن ] .!

youtube | facebook |Twitter| Behance

عُضويتيّ : 2 · منذ /19-7-2013, 10:15 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة ! GenEraL !

كود PHP:


			
<style type="text/css">
</style>

مهو موجود ف اللي حطيت تو ؟

كود PHP:


			
<div id="heder_tmdd">

بدال id ماحط class ؟

كنت تنتبه بدل id لازم class عشان عملك يطلع صح
وان كمان ماانتبهت اعذرني
ي الله العتب على النظر

،’
اللهــمـ زدني بك غنىً عن .. [ العالميــن ] .!

youtube | facebook |Twitter| Behance

عُضويتيّ : 2 · منذ /19-7-2013, 10:17 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة خجل

تطببيييقي (

)
ربي يسعدك ياقلبي ماتوقعت اعرف للاكوااد
وانا اطبق الدرس هذي
رجعت عدت الدرس الاول بدون مااطالع بالشررح
والحمدلله كل شي تمااااام
مبسوطه حييل حيل ربي يسعدك مثل مااسعدتينا
ويحقق لك كل مااتتمنييين
لك

ان شاءالله راح تعرفي اكثرواكثر
ويسسعدك ربي مشكوره ي الغلا
يكفيني دعواتك الحلوووه

،’
اللهــمـ زدني بك غنىً عن .. [ العالميــن ] .!

youtube | facebook |Twitter| Behance

عُضويتيّ : 373 · منذ /19-7-2013, 10:39 PM

الله يحرم هالايدين من الناار ،

استمتعت وانا اطبق ، شرح واضح وسهل جداا ،
تطبيقي :240:

كود 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>استايل دورة انوثه</title>
<style type="text/css">


.Heder_tmdd {
background-image:url('images/T-H-1.gif');
background-repeat:repeat-x;
height:264px;
 
} 
.hedr-1 {
    background-image:url('images/H-1.gif');
    background-repeat:no-repeat;
    height:264px;
    width:518px;
    float:right;
    
}

.hedr-2 {
    background-image:url('images/H-2.gif');
    background-repeat:no-repeat;
    height:264px;
    width:394px;
    float:left;
}


</style>
</head>

<body>

<div class="Heder_tmdd"> 
<div class="hedr-1"></div>
<div class="hedr-2"></div>
</div> 

<div class="backg">
<div class="P-1"></div>
<div class="P-2"></div>
</div>

<div class="Foter_tmdd">
<div class="Foter-1"></div>
<div class="Foter-2"></div>
</div> 

</body>

</html>

الله يوفقك ، ويسهل آمورككك ،

عُضويتيّ : 2 · منذ /20-7-2013, 12:20 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة ! General !

الله يحرم هالايدين من الناار ،

استمتعت وانا اطبق ، شرح واضح وسهل جداا ،
تطبيقي :240:

كود 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>استايل دورة انوثه</title>
<style type="text/css">


.heder_tmdd {
background-image:url('images/t-h-1.gif');
background-repeat:repeat-x;
height:264px;
 
} 
.hedr-1 {
    background-image:url('images/h-1.gif');
    background-repeat:no-repeat;
    height:264px;
    width:518px;
    float:right;
    
}

.hedr-2 {
    background-image:url('images/h-2.gif');
    background-repeat:no-repeat;
    height:264px;
    width:394px;
    float:left;
}


</style>
</head>

<body>

<div class="heder_tmdd"> 
<div class="hedr-1"></div>
<div class="hedr-2"></div>
</div> 

<div class="backg">
<div class="p-1"></div>
<div class="p-2"></div>
</div>

<div class="foter_tmdd">
<div class="foter-1"></div>
<div class="foter-2"></div>
</div> 

</body>

</html>