طلب كود css
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
طلب كود css
أريد كود css للبيانات الشخصية يشبه هذا http://4.1m.yt/1C5GfE1.png الخاص بمنتدى الدعم، هذا الكود كان معي ولكن فقدته فأريده ... مع تغيير اللون الأزرق إلى هذا اللون 3d6599
رد: طلب كود css
السلام عليكم ورحمة الله وبركاته , ينقل الى القسم المناسب
قم بوضع هذه الاكواد في ورقة التصميم CSS الخاصة بك (فقط لمنتديات النسخة الثالثة):
واخبرنا بالنتيجة
قم بوضع هذه الاكواد في ورقة التصميم 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;
}
/* نهاية البيانات الشخصية */
واخبرنا بالنتيجة
رد: طلب كود css
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;
}
/* نهاية البيانات الشخصية */
واخبرنا بالنتيجة
شكراً لك حبيبي ولكن انا اريد الكود كامل...يعني مثلاص صورة العضو تكون دائرية وأيضا الخط الفاصل نسخة المنتدى..عدد المساهمات إلخ.. ...ويكون باللون الذي وضعته في الموضوع أعلاه وليس أزرق
نسخة المنتدى :
عدد المساهمات :11039
معدل النشاط :13396
رد: طلب كود css
اضف هذه الاكواد ايضا في ورقة التصميم 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;
}
/* نهاية أكواد الصورة الدائرية */
وبخصوص الخط الفاصل فقم بالذهاب الى لوحة الإدارة > الأعضاء & المجموعات > البيانات الشخصية > قم بالتعديل على جميع الحقول واجعل اختيار الفارق الى: عارضة افقية كما في الصورة التالية:
وبخصوص اللون فتم وضعه في الأكواد فلا تقلق.
اخبرني بالنتيجة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى