اخبار اسلاميات الصحة التعليم الرباضة الاسرة والمجتمع الترفيه تطوير المنتديات اكواد html اكواد css تقنيات متقدمة لاصحاب المواقع.
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  قالوا عناقالوا عنا  التسجيلالتسجيل  
أحرص على أن تكون مواضيعك من أجل الفائده أيا كانت ولا تكون من أجل زيادة عدد المشاركات فليس المهم أن تشارك بألف موضوع,,!! بل الأهم أن تكتب موضوع يستفيد منه ألف عضو,, اجعل من أخطاء مشاركات اليوم !! بنك الفائدة لمشاركاتك غداً وإجعل حكمتك الكلمة الطيبة ..صدقة
اللهم صلى على سيدنا محمد صلى الله عليه وسلم اللهم تمم علينا العيد بسعادة وفرحة وبهجة اللهم امين
أحرص على اختيار أفضل التعابير وأحسن الألفاظ وأثمن الجمل

شاطر | 
 

 كود روعة نافذة دخول مع ازرار "مواضيعى+افضل الاعضاء+مواضيع لم يرد عليها ....والكثير"

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


الجنس : ذكر
عدد المساهمات : 1779

بطاقة الشخصية
اخر المواضيع:

اخر المواضيع لشمس المستقبل

↑ Grab this Headline Animator


مُساهمةموضوع: كود روعة نافذة دخول مع ازرار "مواضيعى+افضل الاعضاء+مواضيع لم يرد عليها ....والكثير"   الثلاثاء سبتمبر 27, 2011 4:50 pm

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

النافذة مكونة من كودين كود css وكود html
الكود الاول
يوضع فى اعلى التشكيلات العامة

او في المكان الذي ترغب في ظهور الكود فيه
الكود الاول "html"

reply

الرمز:
<p align="center"><table class="21598" border="0" cellpadding="0" cellspacing="0" width="960px">
<tbody>
<tr></tr>
<tr>
<td class="login" align="center"><div class="wilcom_user">
<span class="gensmall">
<img src="http://i46.servimg.com/u/f46/16/46/08/41/97201011.gif"> متصل باسم
<img src="http://i46.servimg.com/u/f46/16/46/08/41/undo10.gif"><strong>{USERNAME}</strong><img src="http://i46.servimg.com/u/f46/16/46/08/41/redo10.gif">
!
اهلاً وسهلاً بك<br>
<span style="color: blue;">
</span><img src="http://i46.servimg.com/u/f46/16/46/08/41/gid3an10.gif"> آخر زيارة لك<span style="color: red;"> <span style="color: sienna;">كانت في</span>
الأربعاء 21 سبتمبر 2011</span></span></div><div <br="">


</div><div class="link_userr">
<a href="/search.forum?search_id=unanswered" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">
مواضيع لم
<span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>
</a>
<a href="/gallery/index.htm" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">
مكتبة الصور
<span style="font-size: 10px; color: rgb(255, 0, 0);">جديد</span>
</a>
</div><div class="link_userr">
<a href="/memberlist?mode=overall_posters" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">
أفضل 20عضو
</a>
<a href="/memberlist?mode=today_posters">
<img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">
أفضل اعضاء اليوم
</a>
</div><div class="link_userr">
<a href="/search.forum?search_id=newposts" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">
جديد المواضيع
</a>
<a href="/search.forum?search_id=egosearch" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">
مشـــــاركاتي
</a>
</div>
</td>
</tr>
</tbody>
</table></p>


الكود الثانى
يوضع فى وقة تصميم css

الرمز:

.login {
    background: url("http://i43.servimg.com/u/f43/16/43/22/50/social10.png") no-repeat scroll center top transparent;
    height: 113px;
    width: 960px;
background-position:center;
  padding: 8px 0 0 0;
    float:center;
}

.gensmall {
    font-size: 11px;
}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;
}

.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;
}
.link_userr a {
    display: block;
    float: right;
    font: 11px tahoma;
    padding: 2px 0;
}

.wilcom_user {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll right 5px transparent;
    float: right;
    font: 11px/17px tahoma;
    padding: 2px 15px 0 0;
}
.wilcom_user span img {
    border: 0 none;
}
.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;
}
.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;
}
.link_userr a {
    display: block;
    float: right;
    font: 11px tahoma;
    padding: 2px 0;
}
.altnew {
    background-color: #FFDFDF;
    border: 1px solid #FF8F8F;
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

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


الجنس : ذكر
عدد المساهمات : 183

مُساهمةموضوع: رد: كود روعة نافذة دخول مع ازرار "مواضيعى+افضل الاعضاء+مواضيع لم يرد عليها ....والكثير"   الأربعاء سبتمبر 28, 2011 7:40 pm

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شمس المستقبل :: تطوير المنتديات :: اكواد HTML-
انتقل الى:  
ThE Footer