-

جديد اليوم على ليالي مصرية

الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول


تم النشر بقلم :Yassine Bablil:26/10/15, 10:30 pm - -

 المشاركة رقم: #1
مصراوي مفيش منه
تواصل معى
معاينة صفحة البيانات الشخصي للعضو
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 107
 نقاط : 3265
 تاريخ التسجيل : 26/10/2015
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
حصريا على ليالي مصرية بيانات شخصية بشكل جديد هدية لكل أعضائنا
 السلام عليكم ورحمة الله وبركاته  

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

 ونبرهكم بالعمل المميز لعرضه لكم هنا عبر صورة توضيحية توضح للبرمجة الجديدة للبيانات الشخصية حصريا لدينا
 
 http://i21.servimg.com/u/f21/18/04/55/46/11110.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;
}



 والى هنا نختم موضوعنا مع احلى اعضاء ليالي مصرية 
 ومبروك لاحبائنا اعضائنا و زوارنا الكود جديد الدي نعرضه لهم مجانا 
 وادكر بمنع النقل مجددا دون دكر المصدر 
 وترقبونا بالمزيد من اكتشافات و التقنيات و الاكواد المتميزة  

 اخوكم Yassine Bablil 


تم النشر بقلم :Yassine Bablil26/10/15, 10:30 pm    

تعليقات القراء



توقيع : Yassine Bablil






الإشارات المرجعية



الــرد الســـريـع

رفع الصور رفع فيديو أغانى فوتوشوب ترجمة رموز الكتابة ردود جاهزة صندوق متطور



مواضيع ذات صلة



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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة