طلب كود css

2 مشترك

اذهب الى الأسفل

طلب كود css Empty طلب كود css

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

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

ذكر
عدد المساهمات : 273
معدل النشاط : 3695
السُمعة : 1

http://toptimes.forum.st

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

طلب كود css Empty رد: طلب كود 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
DeLeTe
 
 

ذكر
عدد المساهمات : 2752
معدل النشاط : 9577
السُمعة : 75

https://help.ahlamontada.com#

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

طلب كود css Empty رد: طلب كود 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

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



نسخة المنتدى :طلب كود css Phpbb210


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


معدل النشاط :13396
Mr. Ahmed
Mr. Ahmed
 
 

ذكر
عدد المساهمات : 273
معدل النشاط : 3695
السُمعة : 1

http://toptimes.forum.st

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

طلب كود css Empty رد: طلب كود 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;
}
/* نهاية أكواد الصورة الدائرية */

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

ذكر
عدد المساهمات : 2752
معدل النشاط : 9577
السُمعة : 75

https://help.ahlamontada.com#

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

الرجوع الى أعلى الصفحة


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