مشاركة حلول: التدرب على نموذج الصندوق

nabilateuse · 9 يونيو 2019، 10:32م

Alhakem · 9 يونيو 2019، 11:02م

رائع نبيلة ماشاء الله عليك تقدمك رهيب

nabilateuse · 10 يونيو 2019، 10:25ص

لحد الان لا يمكنني الكتابة في الخانة المخصصة لكتابة الاكواد في المشاركة
اريد ان اجرب ذلك .

nabilateuse · 10 يونيو 2019، 12:59م

اواجه مشكلة في بيئة العمل لا تفتح معي ؟

Alhakem · 10 يونيو 2019، 3:52م

نعتذر على حصول هذه المشكلة، هل تجاوزتيها؟

nabilateuse · 10 يونيو 2019، 3:52م

نعم شكرا لك

mosaab.laboune · 11 يونيو 2019، 9:39م

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
        <style>
            body {
                background-color: #CCC;
            }
            p {
                background-color: #0f0;
                color: #000;
                width: 400px;
                font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                font-size: 25px;
                text-align: center;
                line-height: 35px;
                font-weight: bold;
                text-transform: lowercase;
                margin: 50px auto; 
                padding: 10px 0px 10px 10px;
                border-left: 15px solid #000;
                box-sizing: border-box;
                box-shadow: 0px 0px 40px 8px #000;
            }
            div p {
                background-color:  #00f;
                color: #fff;
                width: 400px;
                font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                font-size: 25px;
                text-align: center;
                line-height: 35px;
                font-weight: bold;
                text-transform: lowercase;
                text-decoration: underline;
                margin: 50px auto; 
                padding: 10px 0px 10px 10px;
                border-left: 15px solid #fff;
                box-sizing: border-box;
                box-shadow: 0px 0px 40px 8px #fff;
            }
        </style>
    </head>
    <body>
        
        <p>
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunshine
        </p>
        
        <div>
            <p>
                If you work just for money, you'll never make it, 
                but if you love what you're doing success will be yours
            </p>
        </div>

    </body>
</html>

Alhakem · 11 يونيو 2019، 10:30م

تنسيقات جريئة ومختلفة

رائع ي مصعب

mosaab.laboune · 11 يونيو 2019، 10:32م

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

Alhakem · 11 يونيو 2019، 10:37م

عفواً

لا مشكلة بإمكانك إتباع ما يناسبك ولكني أنصحك التطبيق اولاً بأول حتى لا تنتقل للتالي إلا وأنت مستعد

mosaab.laboune · 11 يونيو 2019، 11:19م

صحيح أستاذ @Alhakem

mgandali · 15 يونيو 2019، 10:17ص

<!DOCTYPE html>
<html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        body{
            background-color: #080808;
            box-sizing: border-box;
           }
        p{
            width: 400px;
            background-color:  #FDFBFB;
            font-family: 'Lobster', cursive;
            font-size: 17px;
            text-transform: capitalize;
            text-align: right;
            font-weight: bold;
            line-height: 2.0em;
            letter-spacing: 2px;
            border-left: 10px solid  #FF5733;
            margin: 20px auto 20px auto
        }
        div p{
            text-decoration: underline double #0E5F59;
            border-left: 10px solid  #0FCEC2;
            

        }
    </style>
    <body>
        
        <p>
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunsahine
        </p>
        
        <div> <p>
            If you work just for money, you'll never make it, 
            but if you love what you're doing success will be yours
        </p>
        </div>
        
    </body>
</html>
```````

Alhakem · 15 يونيو 2019، 11:33ص

مية مية مازن

nabilateuse · 15 يونيو 2019، 5:49م

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
        <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
    </head>
    <style>
        body{
            background-color: #354047; 
            
        }
        p{
            width: 400px;
            background-color: white;
            color: black;
            font-family: 'Indie Flower', cursive;
            font-size: 20px;
            padding: 20px;
            border-left: 10px solid red;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
            line-height:30px;
        }
            div p{
                  background-color:pink;
                  text-decoration: underline blue;
                  border-left: 10px solid #00CED1;
                 
        }

           
    </style>
    <body>
        
        <p>
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunsahine
        </p>
        <div>
        <p>
            If you work just for money, you'll never make it, 
            but if you love what you're doing success will be yours
        </p>
        </div>
        
    </body>
</html>

nabilateuse · 15 يونيو 2019، 6:03م

عندما اضفت المعرف لم يتغير لون الخلفية الى الزهري
لماذا؟

L.Da · 15 يونيو 2019، 6:11م

خطا مطبعي فقط إستبدلي packground ب background

nabilateuse · 15 يونيو 2019، 6:25م

هههههه شكرا لم انتبه

Ebtesam · 17 يونيو 2019، 9:03م

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
        <link href="https://fonts.googleapis.com/css?family=Courgette&display=swap" rel="stylesheet">
    </head>
    <style>
        body{
            background-color: #0ef9ff;
        }
      p{
          background-color:#c7f673;
          color: #000000;
          width: 500px;
          font-size: 30px;
          font-weight: bold;
          font-family: 'Courgette', cursive; 
          padding: 10px;
          border-left: 10px solid green;
          margin: 20px;   
          box-sizing: border-box;
            } 
      div p{
          background-color: #B41FD1;
          color: #ffffff;
          border-left: 10px solid yellow;

              } 

      }
    </style>
    <body>
        
        <p>
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunsahine
        </p>
        
       <div> 
           <p>
            If you work just for money, you'll never make it, 
            but if you love what you're doing success will be yours
          </p>
       </div>
    </body>
</html>

Alhakem · 17 يونيو 2019، 9:58م

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

Alhakem · 17 يونيو 2019، 9:59م

كذلك نفس الشيء ي نبيلة عمل رائع وبطريقة محترفة