منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

طلب كود css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

طلب كود css

مُساهمة من طرف Mr. Ahmed في الخميس 22 سبتمبر 2016 - 3:41

أريد كود css للبيانات الشخصية يشبه هذا http://4.1m.yt/1C5GfE1.png الخاص بمنتدى الدعم، هذا الكود كان معي ولكن فقدته فأريده ... مع تغيير اللون الأزرق إلى هذا اللون 3d6599

Mr. Ahmed
 
 

ذكر
عدد المساهمات : 267
معدل النشاط : 723

http://toptimes.forum.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود css

مُساهمة من طرف DeLeTe في الخميس 22 سبتمبر 2016 - 8:37

السلام عليكم ورحمة الله وبركاته , ينقل الى القسم المناسب
قم بوضع هذه الاكواد في ورقة التصميم CSS الخاصة بك (فقط لمنتديات النسخة الثالثة):
الرمز:
/* البيانات الشخصية */
.postprofile {
    text-align: center;
    background: url(http://i97.servimg.com/u/f97/12/38/56/54/row1010.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 3px;
    padding-top: 60px;
    position: relative;
}

.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #555;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

div.post .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/offlin10.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 2;
}

div.post .postprofile:after {
    content: ".";
    font-size: 0;
    background: #2E3133;
    border-bottom: 4px solid #868686;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1;
}

div.post.online .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/online10.png);
}

div.post.online .postprofile:after {
    border-color: #84C754;
}
/* نهاية البيانات الشخصية */

واخبرنا بالنتيجة Cool

DeLeTe
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 3152
معدل النشاط : 6616

http://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود css

مُساهمة من طرف Mr. Ahmed في الخميس 22 سبتمبر 2016 - 9:42

@DeLeTe كتب:السلام عليكم ورحمة الله وبركاته , ينقل الى القسم المناسب
قم بوضع هذه الاكواد في ورقة التصميم CSS الخاصة بك (فقط لمنتديات النسخة الثالثة):
الرمز:
/* البيانات الشخصية */
.postprofile {
    text-align: center;
    background: url(http://i97.servimg.com/u/f97/12/38/56/54/row1010.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 3px;
    padding-top: 60px;
    position: relative;
}

.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #555;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

div.post .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/offlin10.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 2;
}

div.post .postprofile:after {
    content: ".";
    font-size: 0;
    background: #2E3133;
    border-bottom: 4px solid #868686;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1;
}

div.post.online .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/online10.png);
}

div.post.online .postprofile:after {
    border-color: #84C754;
}
/* نهاية البيانات الشخصية */

واخبرنا بالنتيجة Cool

شكراً لك حبيبي ولكن انا اريد الكود كامل...يعني مثلاص صورة العضو تكون دائرية وأيضا الخط الفاصل نسخة المنتدى..عدد المساهمات إلخ.. ...ويكون باللون الذي وضعته في الموضوع أعلاه وليس أزرق



نسخة المنتدى :


عدد المساهمات :11039


معدل النشاط :13396

Mr. Ahmed
 
 

ذكر
عدد المساهمات : 267
معدل النشاط : 723

http://toptimes.forum.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود css

مُساهمة من طرف DeLeTe في الخميس 22 سبتمبر 2016 - 12:12

اضف هذه الاكواد ايضا في ورقة التصميم css:
الرمز:
/* الصورة الشخصية الدائرية */
.mod-login-avatar dt, #main-content > div.post .postprofile dt > a, #fa_popup_content > div.post .postprofile dt > a, .postprofile dt > img, .lastpost-avatar, td.avatar-mini img, .avatar, #userAvatar {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 100px;
    width: 100px;
    padding: 3px;
    margin: 10px 0;
    overflow: hidden;
}

.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .lastpost-avatar img, td.avatar-mini img, .avatar img, #userAvatar img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}

.poster-profile.postdetails img {
border-radius: 55%;
 transition:all 0.3s ease;
}
.poster-profile.postdetails img:hover {
border-radius: 0%;
transition:all 0.3s ease;
}

.post .post_author div.author_avatar img {
border-radius: 55%;
 transition:all 0.3s ease;
}
.post .post_author div.author_avatar img:hover {
border-radius: 0%;
transition:all 0.3s ease;
}

hr {
  border-color: #3d6599;
}
/* نهاية أكواد الصورة الدائرية */

وبخصوص الخط الفاصل فقم بالذهاب الى لوحة الإدارة > الأعضاء & المجموعات > البيانات الشخصية > قم بالتعديل على جميع الحقول واجعل اختيار الفارق الى: عارضة افقية كما في الصورة التالية:

وبخصوص اللون فتم وضعه في الأكواد فلا تقلق.
اخبرني بالنتيجة Cool

DeLeTe
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 3152
معدل النشاط : 6616

http://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى