اذهب إلى المحتوى

Rehab Essam

الأعضاء
  • المساهمات

    113
  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    3

أجوبة بواسطة Rehab Essam

  1. بتاريخ 13 دقائق مضت قال بلال زيادة:

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

    
    <h1 id="h1"><span class="text">Text</span></h1>
    
    
    h1 .text{
    	display: none;
    }
    
    h1:after{
    	content: "My New Text";
    }

    لاحظي في خاصية content قمنا بإضافة النص 

    
    content: "My New Text";

     

    <div style="
      background-color: red;
      color: white;
      padding: 20px;
      border: 1px solid blue;
      font-size: 80px;">
      Hello Div
    </div>

    وهذا تعديلي

    div {
      font-family: "Droid Arabic Kufi", sans-serif;
      background-color: #eee !important;
      color: #040100 !important;
      border: none !important ;
      font-size: 20px !important;
      font-weight: bold;
      width: 400px;
      margin: 20px auto;
      text-align: center;
      display: none;
    }
    
    div::after {
      content: "rehab";
      
    }

    ولاكنه اختفى تماما
     

    • أعجبني 1
  2. بتاريخ On 5/23/2021 at 11:17 قال محمد أبو عواد:

    هناك عدة طرق لاخفاء النص أو العنصر, سوف أقوم بشرح بعضها
    بداية لدينا عنصر p في كود html

    
    <p>نص مخفي</p>

    الطريقة الاولى لاخفائه كالتالي

    
    p{
    	visibility:hidden
    }

    قمنا بإعطاء العنصر خاصية visibility ومعناها باللغة العربية "الظهور" وقمنا باسناد القيمة hidden والتي معناها بالعربية اخفاء
    الطريقة الثانية كالآتي

    
    p{
    	display: none;
    }

    قمنا بإعطاء العنصر خاصية display وأسندنا القيمة none لها أي لن يظهر العنصر
    الطريقة الثالثة من الممكن أن نقوم باعطاء العنصر صنف فليكن اسم الصنف hiddentext فيكون الكود كالتالي

    
    <p class="hiddentext">نص مخفي</p>

    ونقوم باعطاء الصنف بعض التنسيقات التي تجعله لا يظهر مثل أن نقوم بتغير مكان العنصر ,كالتالي

    
    .hiddentext
    {
    	position: absolute
    	top: 0px;
    	left: -5000px;
    }

    قمنا بتغيير موضع العنصر وحددنا مكانه بالنسبة للشاشة من اتجاه الشمال ومن اتجاه الأعلى, سوف يتغير موضع العنصر وسوف يصبح غير ظاهر

    نعم سيصبح النص غير ظاهر ولاكن سيختفي معه ال bakeground -color and the , padding, color 

    انا اريد ان يختفي الtext  ولاكن التنسيقات التي وضعتها له لاتختفي واريد استبدل الtext  بعباره اخرى

    فكرتي هنا اني لايمكنني تعديل التنسيقات الموجوده على صفحه html والتي وضعت فيها التنسيقات 

    لايمككنني ذلك الى عن طريقه صفحه الcss 

    • أعجبني 1
×
×
  • أضف...