خلال شهر واحد أنا على بعد خطوة من 1000 عضو لكني أفتقد شيئًا واحدًا!

[MCATAKCIN]

قبل شهرين كنت أستخدم Xenforo وقلت كفى.

أحدث Discourse حماسًا كبيرًا بالنسبة لي. لا أستطيع أن أقول بما فيه الكفاية عن مدى حبي للمظهر الشبيه بـ Reddit. اعتقدت أنني وجدت الحب الذي كنت أبحث عنه.

لكنني لست محترفًا جدًا ولم أتمكن من إجراء التغيير الذي أردته لمدة شهر.

أريد أن أجعل هذا المظهر المكون من 3 أعمدة يبدو مثل تويتر (لأنني أكسب أعضائي من تويتر). لذلك يجب أن تكون الأعمدة الثلاثة المركزية متساوية المسافة. أنا أتحدث في الواقع عن تصميم ضيق.

مجتمعي هنا https://hayp.net/ وكيف يمكنني جعل الأعمدة الثلاثة المركزية متجاوبة؟ أقبلكم جميعًا لنصائحكم. شكرا!

[denvergeeks]

حسب ما أراه في موقعك الآن، الأعمدة الثلاثة متجاوبة.

ولكن إذا كنت تريد للأعمدة الثلاثة أن تتقلص في مكانها أثناء تضييق النافذة (باستثناء شاشات الجوال بالطبع)، يمكنك تجربة هذا:

/* حاوية للأعمدة الثلاثة */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* ضبط المسافة بين الأعمدة إذا لزم الأمر */
}

/* كل عمود */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* خلفية فاتحة للوضوح */
  border: 1px solid #ddd; /* حدود اختيارية */
  box-sizing: border-box; /* التأكد من تضمين الحشو في العرض */
}

@media (max-width: 768px) {
  /* تكديس الأعمدة على الشاشات الصغيرة */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}

[MCATAKCIN]

أعتقد أن هذا حدث! لكن التصميم داخل الموضوع كان مثيرًا للاهتمام بعض الشيء. قد يكون هذا بسبب وجود عمودين هناك. شكرًا جزيلاً على مساعدتك

[ludwikc (Ludwik C. Siadlak)]

رائع، يبدو مذهلاً يا @MCATAKCIN!

هل فكرت في تقديمه إلى معرض السمات؟

[MCATAKCIN]

أواصل تخصيصه.

هذا ما تبدو عليه الصفحة الرئيسية الآن:

هذا ما تبدو عليه صفحة الموضوع:

لم أتمكن من جعل صفحة الموضوع بالضبط كما أردت. في سمة شبيهة بريديت، لا يظهر الشريط الجانبي المخصص في الموضوع. كيف يمكنني عرضه مثل تويتر؟ @awesomerobot

على الرغم من أن هذه السمة مصنوعة لريديت، إلا أنه من السهل جدًا تخصيصها لتويتر!