خرجت صورة الشخصية عن اطار

ضع لنا هنا كود css
الذي قمتي باضافته

digimon frontier كتب:

الكود:

<div class="postprofile-block">[size=14][/size]
                    <div class="username-block">[size=14][/size]
                      <span class="name">[size=14][/size]
                        <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>[size=14][/size]
                        <strong>{postrow.displayed.POSTER_NAME}</strong>[size=14][/size]
                      </span>[size=14][/size]
                    </div>[size=14][/size]
                    [size=14][/size]
                    <div class="userinfo-block">[size=14][/size]
                      <span class="postdetails poster-profile">[size=14][/size]
                        {postrow.displayed.POSTER_RANK}<br />[size=14][/size]
                        {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />[size=14][/size]
                        <!-- BEGIN profile_field -->[size=14][/size]
                        <div class="profile_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>[size=14][/size]
                        <!-- END profile_field -->[size=14][/size]
                        {postrow.displayed.POSTER_RPG}[size=14][/size]
                      </span><br />[size=14][/size]
                      <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />[size=14][/size]
                    </div>[size=14][/size]
                    [size=14][/size]
                  </div>

الكود:

[size=14][/size]
.postprofile-block {[size=14][/size]
    border: 1px dotted #03A9F4;[size=14][/size]
    border-bottom: 3px solid  #03A9F4;[size=14][/size]
    border-radius: 25px;[size=14][/size]
    border-top: 3px solid  #03A9F4;[size=14][/size]
    font-family: Tahoma ,sans-serif;[size=14][/size]
    padding: 10px;[size=14][/size]
    width: 180px;[size=14][/size]
}[size=14][/size]
.profile_field {[size=14][/size]
    border: 1px dashed #03A9F4;[size=14][/size]
    margin-bottom: 5px;[size=14][/size]
    padding: 5px;[size=14][/size]
    border-width: 1px 3px;[size=14][/size]
    border-right-style: solid;[size=14][/size]
    border-left-style: solid;[size=14][/size]
    border-radius: 5px;[size=14][/size]
}[size=14][/size]
.postdetails.poster-profile a img {[size=14][/size]
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.52);[size=14][/size]
}

هذا كود اخذته من هذا 

تم الحذف

في البداية عزيزتي، رجاءاً عدم وضع الروابط الخارجيه لان ذلك ممنوع هنا
فإذا طلب منك ذلك أحد المساعدين بالإمكان إرساله إلي الخاص

وبالنسبة للمشكل، فالأكواد التي وضعتيها عزيزتي به العديد من الرموز الخطأ لتكبير الخط وما إلي ذلك، فتفضلي الاكواد سليمه :

الكود:


<div class="postprofile-block">
                    <div class="username-block">
                      <span class="name">
                        <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                        <strong>{postrow.displayed.POSTER_NAME}</strong>
                      </span>
                    </div>
                    
                    <div class="userinfo-block">
                      <span class="postdetails poster-profile">
                        {postrow.displayed.POSTER_RANK}<br />
                        {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                        <!-- BEGIN profile_field -->
                        <div class="profile_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                      </span><br />
                      <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                    </div>
                    
                  </div>

كان ذلك فيما يخص جزء التومبلايت، أما فيما يخص ورقه الـCSS فتفضلي :

الكود:


.postprofile-block {
    border: 1px dotted #03A9F4;
    border-bottom: 3px solid  #03A9F4;
    border-radius: 25px;
    border-top: 3px solid  #03A9F4;
    font-family: Tahoma ,sans-serif;
    padding: 10px;
    width: 180px;
}
.profile_field {
    border: 1px dashed #03A9F4;
    margin-bottom: 5px;
    padding: 5px;
    border-width: 1px 3px;
    border-right-style: solid;
    border-left-style: solid;
    border-radius: 5px;
}
.postdetails.poster-profile a img {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.52);
}

وبإمكانك تكبير حجم ذلك الإطار، ليصبح مناسب لحجم الصور الشخصية التي تضعيها، من خلال التعديل علي الآتي :

الكود:

   width: 180px;


قومي بالتعديل علي القيمه السابقه، وسيتم تغيير حجم الإطار، وستجدي ذلك السطر في الكود الخاص بورقه الـCSS وليس التومبلايت عزيزتي

وهل يمكن ان اقوم بتوسيط لاصورة الشخصية لان صايرة على جهة يمين

اريد ان يكون هذا مرتب  https://c.top4top.net/p_572u2p1x1.png

واريد حذف كلمة ادمين من بياناتي الشخصية https://c.top4top.net/p_5722swmc1.png

digimon frontier كتب:وهل يمكن ان اقوم بتوسيط لاصورة الشخصية لان صايرة على جهة يمين

اريد ان يكون هذا مرتب  https://c.top4top.net/p_572u2p1x1.png

واريد حذف كلمة ادمين من بياناتي الشخصية https://c.top4top.net/p_5722swmc1.png

عزيزتي الصوره تظهر بالمنتصف حينما قمت بالمعاينة
ومن فضلك بخصوص حذف كلمه Admin فمن فضلك في موضوع منفصل وستم إجابتك

اوك اغلاق موضوع وشكرا