منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود الرسايل

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

كود الرسايل

مُساهمة من طرف امير صغير في الجمعة 29 أبريل 2016 - 21:06

لعهبل 
اريد كود اجعل  فيه  قوائم الرسايل مثل الجيميل
avatar
امير صغير
 
 

ذكر
عدد المساهمات : 682
معدل النشاط : 2208
السُمعة : 11

http://www.mystaranime.com/

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

رد: كود الرسايل

مُساهمة من طرف YasirAyad في الجمعة 29 أبريل 2016 - 22:28

مرحباً بك عزيزي
طلبك غير واضح يرجى وضع صورة كمثال لما تريده وأضافه تفاصيل أكثر ؟


يمنع طلب الدعم على الرسائل الخاصة !
avatar
YasirAyad
احلى اشراف عام
احلى اشراف عام

ذكر
عدد المساهمات : 10923
معدل النشاط : 12499
السُمعة : 280

http://yasirayad.com/

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

رد: كود الرسايل

مُساهمة من طرف JoryAbdallah في الجمعة 29 أبريل 2016 - 22:38

صورة للقالب
http://i27.servimg.com/u/f27/15/47/60/51/hpz10.png
@love2011 كتب:السلام عليكم ورحمة الله وبركاته 

كما نعد اعضائنا الكرام في مركز تقنيات الدائم 

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

لوحة الادارة » مظهر المنتدي » التومبلايتات و القوالب » بيانات الشخصية » نختار هذا القالب profile_add_body
ونضغط على تعديل


نحدف كل القالب ونستبدله بالقالب التالي : 



الكود:
<div class="bablil" align="center">
<h1>
<span style="color: #5f5f5f">البيانات</span>
الشخصية
</h1>
<h2>مع نظام ادارة البيانات الجديد يسهل عليكم تعديل و تسجيل بياناتكم الشخصية</h2>
<p>
يتيح لكم نظام ادارة البيانات الشخصية من تعديل او تسجيل وحفظ بياناتكم في اي لحظة بسهولة التامة كما انه نتيح لك عدة روابط تهمك على المنتدى
</p>
<a class="yassine" href="profile?mode=editprofile">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/128.png" alt="">
</div>
<span>معاينة البيانات الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=avatars">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/224.png" alt="">
</div>
<span>تغيير الصورة الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=preferences">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/320.png" alt="">
</div>
<span>تعديل التفضيلات الخاصة</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=friendsfoes">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/416.png" alt="">
</div>
<span>خيارات الأصدقاء و المنبوذين</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=attachments">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/516.png" alt="">
</div>
<span>المرفقات الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=notifications">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/615.png" alt="">
</div>
<span>معاينة الإشعارات الخاصة</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=signature">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/712.png" alt="">
</div>
<span>إدارة التوقيع الشخصي</span>
</a>
  <a class="yassine" href="/contact">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/812.png" alt="">
</div>
<span>اتصال بإدارة المنتدى</span>
</a>
</div>
  <br>



تم نتوجه الى 
لوحة الادارة » مظهر المنتدي » الوان » ورقة تصميم css
ونضيف الكود التالي 



الكود:
.bablil {
    float: center;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 30px;
    width: 100%;
}
.bablil h1 {
    color: hsl(337, 100%, 57%);
    font-family: GESSTwoMed;
    font-size: 21px;
    font-weight: normal;
    text-align: center;
}
.bablil h2 {
    color: hsl(0, 0%, 61%);
    font-family: GESSTwoMed;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
}
.bablil p {
    color: hsl(0, 0%, 38%);
    font-family: GESSTwoMed;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.yassine {
    -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%, 85%);
    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%, 85%);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: hsl(0, 0%, 85%);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: hsl(0, 0%, 85%);
    border-top-style: solid;
    border-top-width: 1px;
    cursor: pointer;
    float: right;
    height: 170px;
    margin-left: 6px;
    margin-top: 20px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 228px;
}
.yassine:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: hsl(338, 100%, 86%);
    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(338, 100%, 86%);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: hsl(338, 100%, 86%);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: hsl(338, 100%, 86%);
    border-top-style: solid;
    border-top-width: 1px;
}
.yassine:hover > .icon {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/127.png");
    transform: rotate(360deg);
}
.yassine:hover > span {
    color: hsl(337, 100%, 57%);
    margin-top: -10px;
}
.yassine .icon {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/223.png");
    float: center;
    height: 86px;
    margin-bottom: 18px;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 27px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 86px;
}
.yassine span {
    color: hsl(0, 0%, 28%);
    float: center;
    font-family: GESSTwoMed;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 100%;
}


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
احلى مساعد
احلى مساعد

انثى
عدد المساهمات : 3106
معدل النشاط : 4652
السُمعة : 215

http://taqnyiat.ahlamontada.com/

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

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


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