التصنيف: دعم عام
التصنيف: دعم عام
  • كيفية انشاء قالب ابن child theme
  • طريقة عمل نافذة منبثقة عند الضغط على كلمة
  • إضافة رابط لجميع صور المقالات أوتوماتيكيا

كيفية انشاء قالب ابن child theme

السلام عليكم ورحمة الله لدي قالب من قوالب الووردبريس الافتراضية وأريد أن أعدل ع...
محمد رضا |15 مارس 2019 |6

طريقة عمل نافذة منبثقة عند الضغط على كلمة

السلام عليكمهناك خاصية في موقعكم لما اضغط على كلمة "عن الموقع" تفتح لي نافذة...
قرين |21 جـانفي 2019 |6

إضافة رابط لجميع صور المقالات أوتوماتيكيا

السلام عليكم أحتاج من فضلكم لكود php او java لجعل جميع الصور داخل المواضيع لها...
رشيد |15 جـانفي 2019 |2

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

2017/04/06

السلام عليكم

 

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

 

كما في الصورة

 


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

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

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

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



  1. Avatar
  2. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  3. yalla24 من elikhbarianews ← علّقَ : 57 تعليقا
    عضو

    واو

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

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

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

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



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

    قبل كل شئ قم بحفظ نسخة من ملف 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; }

    انتهى



  7. Avatar
  8. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  9. yalla24 من elikhbarianews ← علّقَ : 57 تعليقا
    عضو

    اخي انا وضعت ولاكن ليس كما طلبت انا اريد الخلفية ان تتلاصق مع الصورة
    مثل هاذا الموقع http://www.darbahora.com/



  10. Avatar
  11. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  12. الطاهر ← علّقَ : 96 تعليقا
    مشرف

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