الطائر الحر كتب:

وعليكم السلام

تفضل

الكود:

div .user, .user-ident, .user-basic-info{
      text-align: center;

}

الجزء الاخر تم ازاحة بس الاسم زي ماهو    على اليمين

ودى اكواد ال CSS اللى بالمنتدى لو تحب تطلع عليها ممكن يكون فيها مشكلة ولا حاجة   

وشكرا ليك جدا       

AmEr DeSiGN كتب:
بس ياريت تعطيني رابط منتداك حتى اعدل لك على كود الطائر الحر ,

عبدالسلام 13 كتب:

اهلا بكى ,
تفضلى كود يجعل البيانات الشخصية فى المنتصف #

السلام عليكم

اقدم لكم اليوم كود CSS البيانات الشخصية مثل الابداع العربي


معاينة لكود



http://i.imm.io/Bk5v.png

الكود

الكود:




/*-----M I D O-----*/
        .poster-profile{
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background-image:url(http://topcorp.net/ibda3araby/empty.gif);
    border:1px dotted #000000;
    border-bottom:medium solid #297ca2;
    border-top:medium solid #297ca2;
    display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
.postdetails.poster-profile a img {
    background-image: url("http://topcorp.net/ibda3araby/profil.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    padding: 20px;
    width: 150px;
}
.postdetails.poster-profile a img:hover {
    -moz-transform: scale(1.2);
    box-shadow: 0 0 0 gray;
}




تحياتى لكى   

لم يعمل نسخة منتداي PunBB     

عبدالسلام 13 كتب:

اهلا اختى ,
اولا لتوشيط البيانات الشخصيةة فى المواضيع
فضعى هذا الكود فى ورقة css باولها

الكود:

.panel {
text-align: center;
}

تحياتى لكى

عبدالسلام 13 كتب:

تفضلى هذا الكود الرائع للنسخةة ال3 بطريقة احترافيةة ويوضع فى css
تفضلى الكود :-

الكود:

 .postprofile {background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');background-repeat: repeat-x;background-position: bottom;background-color: #FAFAFA;padding-top: 20px;padding-bottom: 20px;border: 1px solid #dddddd;text-align:center;text-weight: bold;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}.postprofile dt img {border-radius: 5px 5px 5px 5px;}.postprofile dd  {background-color:transparent; border-bottom: 2px dotted #CCCCCC;border-radius: 5px 5px 5px 5px;border-right: 3px solid #0099FF;border-width: 0 3px 2px 0;font-family: "tahoma";font-size: 11px;letter-spacing: 0;margin: 1px 1px 3px;padding: 2px;vertical-align: middle;}.postprofile hr{background: none repeat scroll 0 0 transparent;border-bottom: 1px dashed #DDDDDD;color: #4D5153;margin-top: 2px;padding: 3px 3px 3px 10px;text-align: center;}.postprofile dd a img {opacity: 0.7;}.postprofile dd a:hover img {opacity: 1;}

تحياتى لكى   

عبدالسلام 13 كتب:

اهلا بكى ,
الكود شغال تمام فى متصفح فايرفوكس ^^
صورة


http://im64.gulfup.com/507rY3.png
+
اتمنى تكبرى عرض المنتدى
لوحةة الإدارةة - ادارةة عامة - منتدى - تشكيل - عرض المنتدى !
تحياتى لكى ^^

عبدالسلام 13 كتب:

اهلا اختى الفاضلةة ,
ليس لدى متصفح جوجل كروم هههه اعتذر منكى
----
لقد وجدت لكى كود احخترافى وهو شغال 100 % وانا مرجبه اكثر من 20 مرة
وهذه صورة له

طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الوان ==> ورقة ال CSS

---

الكود:

 .postprofile {
    background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #dddddd;
    text-align:center;
    text-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}.postprofile dt img {
  border-radius: 5px 5px 5px 5px;

}
.postprofile dd   {
    background-color:transparent; 
    border-bottom: 2px dotted #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #0099FF;
    border-width: 0 3px 2px 0;
    font-family: "tahoma";
    font-size: 11px;
    letter-spacing: 0;
    margin: 1px 1px 3px;
    padding: 2px;
    vertical-align: middle;
}.postprofile hr{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed #DDDDDD;
    color: #4D5153;
    margin-top: 2px;
    padding: 3px 3px 3px 10px;
    text-align: center;
}.postprofile dd a img {
    opacity: 0.7;
}
.postprofile dd a:hover img {
    opacity: 1;
}

اى مشاكل بهذا الكود ؛ سأجل بمنتداكى واحلها لكى #

تحياتى لكى !  

عبدالسلام 13 كتب:

اهلا بكى ,
سأسجل بمنتداكى الان #

عبدالسلام 13 كتب:

تم التسجيل ؛ يرجى التفعيل #

عبدالسلام 13 كتب:

اهلا بكى ,
لم تقومى بالتفعيل حتى الان #