توظيف - إصلاح مشاكل المظهر وتعديل الصفحة الرئيسية

السوق
1

ماذا تريد أن يتم؟
إصلاح بعض أخطاء CSS بسيطة في سمة Discourse (Daemonite Material Theme - #41 by angus)، انظر أدناه.

بعض التعديلات على التضمينات (تويتر، إنستغرام وفيسبوك).

أيضًا تعديل على الصفحة الرئيسية تمامًا مثل هذا المنتدى: https://community.shine.fr

ملخص

|690x157

أثناء التمرير:

|690x222

|690x440

محرر الجوال معطّل:

|328x500

متى تحتاج إلى إنجازه؟
نوفمبر

ما هو الميزانية، بالدولار الأمريكي، التي يمكنك تقديمها لهذه المهمة؟
لا أعرف كم يكلف، وإذا كانت مهمة صعبة… أنا منفتح لمناقشة قيمة مناسبة.

إعجابَين (2)
2

I did some of the work earlier. And I thought it might come in handy if I put it here.

body {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.navigation-categories {
    

.categories-and-latest div.column.categories {
    min-width: 300px;
}
.categories-and-latest div.column:not(.categories) {
    flex: 4;
    min-width: 320px;
}

.category-description, .category-list tr .topics {
    display: none;
}
.category-list tr {
    border: none !important;
    margin: 6px;
    border-radius: 8px;
}
.category-text-title .category-name {
    margin-left: 0;
    font-size: 1.15rem;
    color: #333;
}
.category-text-title {
    margin-left: 12px;
}
.category-list tr .category {
    display: flex;
    text-align: left;
    align-items: center;
}
.category-list .category-logo {
    width: 44px;
    height: 44px;
    float: none;
    margin: 0;
}
.category-list tbody .category h3 {
    font-size: 1.3195em;
    line-height: 1.2;
}
.category-list tbody .category-title-link {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.category-list td {
    padding: 12px 0 0;
        padding-left: 0px;
}
.category {
    border: none !important;
}

}


.category-heading {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.category-heading p {
    font-size: 1em;
    margin: 0;
    max-width: 36em;
}
.category-heading img {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    margin-right: 1.1rem;
}

1
11174×664 43.6 KB

It is clear that the above code needs some work, as I did not check his work now, when so much time has passed.

8 إعجابات
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.