منتدى أسامة المبدع

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك شكرا

ادارة المنتدي أسامة المبدع

منتدى أسامة المبدع

أكبر منتدى عربى شامل ومتنوع متخصص فى تطوير المنتديات والمواقع بتوفير خدماتنا فى مجال التصميم وأكواد وإستايلات وتقنيات وأرشفة وأشهار ودعم فنى من أجل الخدمة أعلى وأرقى
 
الرئيسيةبحـثالتسجيلدخول

شاطر | 
 

 تومبلايت قالب البيانات الشخصية بشكل جديد ومميز . قالب البيانات الشخصية مرتب وانيق

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أسامة المبدع
صاحب♥♫ الموقع
صاحب♥♫ الموقع
avatar

جنسيتك جنسيتك : ذكر
عدد المواضيع عدد المواضيع : 590
متى سجلت متى سجلت : 25/03/2015
الأوسمة


مُساهمةموضوع: تومبلايت قالب البيانات الشخصية بشكل جديد ومميز . قالب البيانات الشخصية مرتب وانيق   السبت يونيو 25, 2016 2:02 pm

السلام عليكم ورحمة الله وبركاته 

اليوم نضع لكم من جديد النسخة التانية من البيانات الشخصية الاخترافية V2.0 المستوحاة من افكار متميزة لاعضائنا الغاليين 

ونعرضها لكم اليوم من جديد 

- صورة المعاينة :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ندكر الجميع أن أعمالنا محفوظة وغير قابلة لتعديل او السرقة او نقل دون إدن نهائيا 
كما أنه بامكننا تغيير لون البيانات الشخصية بما يناسبك منتداك لتركبه عبر وضع طلبك للتعديل

- طريقة التركيب 

لوحة الادارة » مظهر المنتدي » التومبلايتات و القوالب » إدار عامة » نختار هذا القالب viewtopic_body
» ونضغط على تعديل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نبحث عن الكود التالي في القالب

الكود:
<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><br />


            <span class="postdetails poster-profile">


            {postrow.displayed.POSTER_RANK}<br />


            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />


            <!-- BEGIN profile_field -->


            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}


            <!-- END profile_field -->


            {postrow.displayed.POSTER_RPG}


        </span><br />
نقوم بحدفه ونستبدله بالكود التالي

الكود:
<div class="codebablil">


<div class="Triangyasso"></div>


                  <div id="postmenu_4750">


<div class="postbit-mini-box" align="center">


<span class="name" align="center"><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><br />


</div>


<div class="postbit-mini-box" align="center">


{postrow.displayed.POSTER_RANK}<br />


                {postrow.displayed.RANK_IMAGE}


</div>


<div class="postbit-mini-boxavatar" align="center">


<div class="smallfont">


{postrow.displayed.POSTER_AVATAR}<br /><br />


</div>


<div class="smallfont"> </div>


</div>


<div class="smallfont">


<table width="190" cellspacing="1" cellpadding="1" border="0">


<tbody>


<tr>


<td valign="top">


<div class="postmenu">


  <!-- BEGIN profile_field -->


<div class="postbit-box">


<span class="fa fa-graduation-cap" style="color:#fff; width: 25px; margin-left:5px; text-align: left; margin-top:-5px; margin-right:-5px; padding: 5px; background-color: #FB5353; font-size: 15px;"> </span>


{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}





</div>


  <!-- END profile_field -->


</div>


</td>


</tr>


</tbody>


</table>


</div>


<div>


<br>


<span id="repdisplay_475_1"></span>


<div style="margin-top:5px"> </div>


</div>


<div style="float: left;margin-bottom: 10px;">


<div class="UserOffline">


                        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}


<span></span>


</div>





</div>


</div>


</div><br />

ثم نذهب الي
لوحة الادارة » مظهر المنتدي » الوان » ورقة تصميم css
وقم باضافة الكود التالي :

الكود:
.Triangyasso {
  border-bottom-color: hsla(0, 0%, 0%, 0);

    border-bottom-style: solid;


    border-bottom-width: 9px;


    border-left-color: hsla(0, 0%, 0%, 0);


    border-left-style: solid;


    border-left-width: 0;


    border-right-color: hsl(0, 100%, 89%);


    border-right-style: solid;


    border-right-width: 10px;


    border-top-color: hsla(0, 0%, 0%, 0);


    border-top-style: solid;


    border-top-width: 9px;


    float: left;


    height: 0;


    margin-left: -10px;


    margin-top: 30px;


    width: 0;


}


.codebablil {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-color: hsl(0, 100%, 92%);


    border-bottom-color: hsl(0, 100%, 89%);


    border-bottom-left-radius: 5px;


    border-bottom-right-radius: 5px;


    border-bottom-style: solid;


    border-bottom-width: 1px;


    border-image-outset: 0 0 0 0;


    border-image-repeat: stretch stretch;


    border-image-slice: 100% 100% 100% 100%;


    border-image-source: none;


    border-image-width: 1 1 1 1;


    border-left-color: hsl(0, 100%, 89%);


    border-left-style: solid;


    border-left-width: 1px;


    border-right-color: hsl(0, 100%, 89%);


    border-right-style: solid;


    border-right-width: 1px;


    border-top-color: hsl(0, 100%, 89%);


    border-top-left-radius: 5px;


    border-top-right-radius: 5px;


    border-top-style: solid;


    border-top-width: 1px;


    float: right;


    width: 195px;


}





.postbit-mini-boxavatar {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-attachment: scroll;


    background-clip: border-box;


    background-color: hsl(0, 100%, 98%);


    background-image: none;


    background-origin: padding-box;


    background-position: 0 0;


    background-repeat: repeat;


    background-size: auto auto;


    border-bottom-color: hsl(0, 100%, 89%);


    border-bottom-left-radius: 4px;


    border-bottom-right-radius: 4px;


    border-bottom-style: solid;


    border-bottom-width: 1px;


    border-image-outset: 0 0 0 0;


    border-image-repeat: stretch stretch;


    border-image-slice: 100% 100% 100% 100%;


    border-image-source: none;


    border-image-width: 1 1 1 1;


    border-left-color: hsl(0, 100%, 89%);


    border-left-style: solid;


    border-left-width: 1px;


    border-right-color: hsl(0, 100%, 89%);


    border-right-style: solid;


    border-right-width: 1px;


    border-top-color: hsl(0, 100%, 89%);


    border-top-left-radius: 4px;


    border-top-right-radius: 4px;


    border-top-style: solid;


    border-top-width: 1px;


    color: hsl(0, 0%, 26%);


    font-family: "Droid Arabic Kufi";


    font-size: 11px;


    margin-top: 5px;


    padding-bottom: 5px;


    padding-left: 5px;


    padding-right: 5px;


    padding-top: 5px;


    width: 172px;


}


.postbit-mini-boxRE {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-attachment: scroll;


    background-clip: border-box;


    background-color: hsl(0, 0%, 100%);


    background-image: none;


    background-origin: padding-box;


    background-position: 0 0;


    background-repeat: repeat;


    background-size: auto auto;


    border-bottom-color: hsl(0, 0%, 81%);


    border-bottom-left-radius: 4px;


    border-bottom-right-radius: 4px;


    border-bottom-style: solid;


    border-bottom-width: 1px;


    border-image-outset: 0 0 0 0;


    border-image-repeat: stretch stretch;


    border-image-slice: 100% 100% 100% 100%;


    border-image-source: none;


    border-image-width: 1 1 1 1;


    border-left-color: hsl(0, 0%, 81%);


    border-left-style: solid;


    border-left-width: 1px;


    border-right-color: hsl(0, 0%, 81%);


    border-right-style: solid;


    border-right-width: 1px;


    border-top-color: hsl(0, 0%, 81%);


    border-top-left-radius: 4px;


    border-top-right-radius: 4px;


    border-top-style: solid;


    border-top-width: 1px;


    color: hsl(0, 0%, 26%);


    font-family: "Droid Arabic Kufi";


    font-size: 10px;


    margin-top: 2px;


    padding-bottom: 5px;


    padding-left: 5px;


    padding-right: 5px;


    padding-top: 5px;


    width: 172px;


}


.postbit-box {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-color: hsl(0, 0%, 100%);


    border-bottom-color: hsl(0, 100%, 89%);


    border-bottom-left-radius: 4px;


    border-bottom-right-radius: 4px;


    border-bottom-style: solid;


    border-bottom-width: 1px;


    border-image-outset: 0 0 0 0;


    border-image-repeat: stretch stretch;


    border-image-slice: 100% 100% 100% 100%;


    border-image-source: none;


    border-image-width: 1 1 1 1;


    border-left-color: hsl(0, 100%, 89%);


    border-left-style: solid;


    border-left-width: 1px;


    border-right-color: hsl(0, 100%, 89%);


    border-right-style: solid;


    border-right-width: 1px;


    border-top-color: hsl(0, 100%, 89%);


    border-top-left-radius: 4px;


    border-top-right-radius: 4px;


    border-top-style: solid;


    border-top-width: 1px;


    color: hsl(236, 30%, 36%);


    font-family: "Droid Arabic Kufi";


    font-size: 11px;


    height: 18px;


    margin-top: 3px;


    padding-bottom: 5px;


    padding-left: 5px;


    padding-right: 5px;


    padding-top: 5px;


}





.UserOffline {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-color: hsl(6, 100%, 57%);


    border-bottom-color: hsl(5, 100%, 94%);


    border-bottom-left-radius: 3px;


    border-bottom-right-radius: 3px;


    border-bottom-style: solid;


    border-bottom-width: 1px;


    border-image-outset: 0 0 0 0;


    border-image-repeat: stretch stretch;


    border-image-slice: 100% 100% 100% 100%;


    border-image-source: none;


    border-image-width: 1 1 1 1;


    border-left-color: hsl(5, 100%, 94%);


    border-left-style: solid;


    border-left-width: 1px;


    border-right-color: hsl(5, 100%, 94%);


    border-right-style: solid;


    border-right-width: 1px;


    border-top-color: hsl(5, 100%, 94%);


    border-top-left-radius: 0;


    border-top-right-radius: 3px;


    border-top-style: solid;


    border-top-width: 1px;


    box-shadow: -1px 1px 3px hsla(0, 0%, 0%, 0.25);


    display: block;


    float: left;


    margin-bottom: 0;


    margin-left: -5px;


    margin-right: 0;


    margin-top: 5px;


    padding-bottom: 1px;


    padding-left: 5px;


    padding-right: 5px;


    padding-top: 1px;


    position: relative;


}


.UserOffline span {


    background-color: hsl(6, 100%, 57%);


    border-top-left-radius: 3px;


    height: 4px;


    left: -1px;


    position: absolute;


    top: -4px;


    width: 5px;


}


.UserOffline {


    -x-system-font: none;


    color: hsl(0, 0%, 100%);


    font-family: "Droid Arabic Kufi",Tahoma;


    font-feature-settings: normal;


    font-kerning: auto;


    font-language-override: normal;


    font-size: 10px;


    font-size-adjust: none;


    font-stretch: normal;


    font-style: normal;


    font-synthesis: weight style;


    font-variant-alternates: normal;


    font-variant-caps: normal;


    font-variant-east-asian: normal;


    font-variant-ligatures: normal;


    font-variant-numeric: normal;


    font-variant-position: normal;


    font-weight: lighter;


    line-height: normal;


    text-shadow: none;


}


.UserOnline {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-color: hsl(147, 77%, 32%);


    border-bottom-color: hsl(147, 100%, 86%);


    border-bottom-left-radius: 3px;


    border-bottom-right-radius: 3px;


    border-bottom-style: solid;


    border-bottom-width: 1px;


    border-image-outset: 0 0 0 0;


    border-image-repeat: stretch stretch;


    border-image-slice: 100% 100% 100% 100%;


    border-image-source: none;


    border-image-width: 1 1 1 1;


    border-left-color: hsl(147, 100%, 86%);


    border-left-style: solid;


    border-left-width: 1px;


    border-right-color: hsl(147, 100%, 86%);


    border-right-style: solid;


    border-right-width: 1px;


    border-top-color: hsl(147, 100%, 86%);


    border-top-left-radius: 0;


    border-top-right-radius: 3px;


    border-top-style: solid;


    border-top-width: 1px;


    box-shadow: -1px 1px 3px hsla(0, 0%, 0%, 0.25);


    display: block;


    float: left;


    margin-bottom: 0;


    margin-left: -5px;


    margin-right: 0;


    margin-top: 5px;


    padding-bottom: 1px;


    padding-left: 5px;


    padding-right: 5px;


    padding-top: 1px;


    position: relative;


}


.UserOnline span {


    background-color: hsl(147, 77%, 32%);


    border-top-left-radius: 3px;


    height: 4px;


    left: -1px;


    position: absolute;


    top: -4px;


    width: 5px;


}


.UserOnline {


    -x-system-font: none;


    color: hsl(0, 0%, 100%);


    font-family: "Droid Arabic Kufi",Tahoma;


    font-feature-settings: normal;


    font-kerning: auto;


    font-language-override: normal;


    font-size: 10px;


    font-size-adjust: none;


    font-stretch: normal;


    font-style: normal;


    font-synthesis: weight style;


    font-variant-alternates: normal;


    font-variant-caps: normal;


    font-variant-east-asian: normal;


    font-variant-ligatures: normal;


    font-variant-numeric: normal;


    font-variant-position: normal;


    font-weight: lighter;


    line-height: normal;


    text-shadow: none;


}

دمتم بخير
Smile

_________________
هذآ آلمنتدي منكم وإليكم..

كونك أحد أعضاء أو زوآر هذا المنتدي فأنت مؤتمن.. لك حقوق وعليك وآجبآت

!!..ليس العبرة بعدد المشآركآت..!! وإنمآ مآذآ كتبت ومآذآ قدمت لإخوانك الأعضاء والزوآر

كن مميز في أطروحاتك.. صآدقاً في معلومآتك.. محباً للخير

مرآقباً للمنتدي في غيآب آلمراقب.. مشرفاً للمنتدي في غيآب آلمشرف

آملين أن يتم المشاركة بينكمآ بكل حب وإحترام

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تومبلايت قالب البيانات الشخصية بشكل جديد ومميز . قالب البيانات الشخصية مرتب وانيق
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى أسامة المبدع :: لدعم اكواد احلى منتدى | osama-mobd3 :: أكواد التومبيلات Template-
انتقل الى: