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

عُضويتيّ : 735 · منذ /19-7-2013, 02:41 PM

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

شوفي تطبيقي

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

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

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

الموضوع الأصلي: || الكاتب: hadeel || المصدر: anota-des © أنوثه لخدمات التصميم

www.anota-des.com

كلمات البحث

إستايلات ، ديزاينات ، دورات ، تعليمات ، طلبات ، تصاميم ، دعم فني ،استفسارات،رسيرفرات ،هاكات،

عُضويتيّ : 420 · منذ /19-7-2013, 03:45 PM

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

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

كود 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>

عُضويتيّ : 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:09 PM

اقتباس:

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

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

شوفي تطبيقي

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

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

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

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

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

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>