منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف JAR7 في 15/04/16, 08:31 pm

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

@Yassine Bablil كتب:السلام عليكم ورحمة الله وبركاته 

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

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

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

https://i84.servimg.com/u/f84/18/04/55/46/1111010.png

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

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

لوحة الادارة » مظهر المنتدي » التومبلايتات و القوالب » إدار عامة » نختار هذا القالب 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;


}

الى هنا نختم موضوعنا ونهنئ اعضائنا الغاليين على النجاح الدي يحققه مساعدون الويب كبداية له

ونحن هنا فقط لخدمتكم ومساعدتكنم لا غير

مساعدون الويب



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2197
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

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

مُساهمة من طرف عضوة مبدعة في 24/04/16, 12:53 am

موضوع رائع
يسلمو جرح مبدعه

عضوة مبدعة
عضو نشيط


الجنس : انثى
عدد المساهمات : 82
التقييم : 3
تاريخ التسجيل : 27/02/2016

معاينة صفحة البيانات الشخصي للعضو

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

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

مُساهمة من طرف Mr.Yakoub في 30/04/16, 11:43 am

كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ
..

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

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

مُساهمة من طرف k<k في 01/05/16, 02:27 am

شكرا لك على التومبيلات اكثر من رائعة
يسلموو

k<k

الجنس : انثى
عدد المساهمات : 13
التقييم : 12
تاريخ التسجيل : 09/04/2016
الموقع : http://majkoanime.allgoo.net/

معاينة صفحة البيانات الشخصي للعضو

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

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

مُساهمة من طرف المصمم الليلي في 22/05/16, 02:12 am

شششكرآ على الكود #بلآك
  

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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