التصنيف: دعم عام
التصنيف: دعم عام
  • مكون إضافي يقوم تلقائيًا بوضع النص من ltr إلى rtl
  • إضافة schema سكيما للصورة البارزة itemprop
  • الالوان في ستايل اضافة News-Ticker-Benaceur لا تعمل

مكون إضافي يقوم تلقائيًا بوضع النص من ltr إلى rtl

هل هناك مكون إضافي يقوم تلقائيًا بوضع النص من ltr إلى rtl مثل نص twitter !؟؟
ps84uuug9m |29 نوفمبر 2024 |1

إضافة schema سكيما للصورة البارزة itemprop

مرحبا أخي ، لقد قمت بتثبيت كود ولاكن أواجه مشكلةإنه يعمل بشكل جيد هنا[ر...
mansor2020 |24 ديسمبر 2020 |5

الالوان في ستايل اضافة News-Ticker-Benaceur لا تعمل

مرحبا الالوان في ستايل اضافة News-Ticker-Benaceur لا تعمل و شريط الاخبار معدل ع...
soufien |4 ديسمبر 2020 |3

  • طلب ان تكون الصورة دائرية مع لون العنوان | مجاب

2017/04/06

السلام عليكم

 

اريد جعل الصورة دائرية مع وضع لون لعنوان الموضوع

 

كما في الصورة

 


شارك هذا الموضوع على:

رابط الموضوع للنسخ

أضف تعليقك | سجّل دخولك

تعليقاتك في هذا الموضوع تحتاج إلى المراجعة قبل النشر



  1. سيرة الذاتية
    ---------------------------
    لا توجد
  2. الطاهر ← علّقَ : 96 تعليقا
    عضو

    لقد عاينت موقعك وأرى أنك قد قمت بالتعديلات اللازمة؟
    بما أنك تدير موقعا يجب أن تكون لديك بعض المعلومات خاصة عن css و قليل من php
    فمثلا في طلبك هذا لتعديل زوايا الصورة أو أي عنصر نستعمل border-radius: 5px; هكذا مثلا.
    بالتوفيق أخي.



  3. سيرة الذاتية
    ---------------------------
    أقوم بتطوير الووردبريس وكل ما يتعلق به كالإضافات حيث ساهمت بثلاث إضافات من تطويري, ولذلك فموقعي هذا جعلته يهتم بالدرجة الأولى بتطوير ودعم الووردبريس, ثم الأنترنت والمواقع الإلكترونية بصفة عامة ...
  4. BENACEUR ← علّقَ : 281 تعليقا
    إدارة الموقع

    قبل كل شئ قم بحفظ نسخة من ملف style.css
    الآن حرر ملف الستايل style.css وغيّر التالي:

    .posts .post {
        background: #f3f3f3;
        border-radius: 7px;
        padding: 5px;
    }

    إلى:

    .posts .post {
        background: #414549;
       border-top-right-radius:7px;
     border-top-left-radius:7px;
     border-bottom-right-radius:7px;
     border-bottom-left-radius:7px;
        padding: 0px;
    }

    ثم غير:

    .posts .post + .post {
        padding-top: 40px;
        border-top: 2px solid #eee;
        margin-top: 40px;
    }

    إلى:

    .posts .post + .post {
        padding-top: 0px;
        border-top: 0px solid #eee;
        margin-top: 40px;
    }

    ثم:

    .posts .post-image img {
        border-radius: 7px;
    }

    إلى:

    .posts .post-image img {
       border-top-right-radius:7px;
     border-top-left-radius:7px;
     border-bottom-right-radius:0px;
     border-bottom-left-radius:0px;
    }

    ثم استبدل هذا:

    .post-title a {
    	display: block;
    	color: #111;
    }
    .post-title a:hover {
    	color: #111;
    	text-decoration: underline;
    }

    بهذا:

    .single-post .post-title a {
    	color: #111;
    }
    .single-post .post-title a:hover {
    	color: #111;
    }
    .post-title a {
    	display: block;
    	color: #ededed;
    	font-weight: normal;
    	-moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .post-title a:hover {
    	color: #887F70;
    	-moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    وأخيرا أضف بعد هذا السطر مباشرة:

    /* Post Header ----------------------------------------- */

    التالي:

    div.post-header { padding: 0 10px 10px; }

    انتهى



  5. واو

    ماشاء الله بارك الله فيكم

    مبدع مبدع اخي حقا انت رائع والله كيف اشكرك تستاهل كل خير يااخي

    جزاك الله كل خير على هذا العمل الرائع وعلى حل المشكلة نهائياا

    ربي يزيدك دائما في تقدم