جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
omarpop23
 
JoryAbdallah
 
khairanynabil
 
medoman2020
 
نورالدين خلف
 
BAZOKA Libya
 
game4rest
 

المتواجدون الآن ؟
ككل هناك 33 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 32 زائر :: 2 عناكب الفهرسة في محركات البحث

medoman2020

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 486 عُضو.
آخر عُضو مُسجل هو khairanynabil فمرحباً به.

أعضاؤنا قدموا 9724 مساهمة في هذا المنتدى في 1841 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

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

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

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

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

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

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

https://i.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;


}

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

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

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


m13
موضوع رائع
يسلمو جرح مبدعه
avatar
كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ
..
avatar
شكرا لك على التومبيلات اكثر من رائعة
يسلموو
avatar
شششكرآ على الكود #بلآك
  

سجل دخولك أو انشئ حساب لترك رد

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

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


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

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول