-

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

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

تم النشر بقلم :Yassine Bablil:29/10/15, 12:42 pm - -

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

من جديد نعود كما وعدناكم باحضار الجديد الدائم على منتدانا ليالي مصرية

كود مميز يعطي جمالية لعرض اعلانات على الرئيسية

وهده صور للكود


https://i21.servimg.com/u/f21/18/04/55/46/sans_t12.png


وعند وضع الماوس على اعلانات تظهر على الشكل التالي


https://i21.servimg.com/u/f21/18/04/55/46/129.png


https://i21.servimg.com/u/f21/18/04/55/46/225.png


نأتي الآن لطريقة تركيب الكود

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

الكود :

      

الرمز:
    <div class="linksCon" align="center">
              
        <div class="Links">
               <img src="http://i21.servimg.com/u/f21/18/04/55/46/link110.jpg" alt="" />   
            <div class="Txt">
                      
                <h1>
                       كود الإعلانات على ليالي مصرية   
                </h1>
                      
                <p>
كود جديد يتيح طريقة عرض اعلانات على المنتدى بشكل جميل وبتقنيات خارقة يلفت انتباه الاعضاء و الزوار
                </p>
                      
            </div>
                  
        </div>
              
        <div class="Links">
               <img src="http://i21.servimg.com/u/f21/18/04/55/46/link210.jpg" alt="" />   
            <div class="Txt">
                      
                <h1>
                        احـدث التقنيات   
                </h1>
                      
                <p>
كود تم برمجته من قبل ليالي المصرية من قبل Yassine Bablil
                </p>
                      
            </div>
                  
        </div>
              
        <div class="Links">
               <img src="http://i21.servimg.com/u/f21/18/04/55/46/link310.jpg" alt="" />   
            <div class="Txt">
                      
                <h1>
للمزيد من الأكواد
                </h1>
                      
                <p>
لمزيد من الاكواد الخارقة زورو موقعنا : http://www.layalyeg.com/
                                
                </p>
                      
            </div>
                  
        </div>
          
    </div><br class="spacer" />


تم نتوجه الى
لوحة الادارة » مظهر المنتدي » الوان » ورقة تصميم css
ونضيف الكود التالي
الرمز:
.linksCon {
    float: right;
    margin-bottom: 30px;
    width: 100%;
}
.Links {
    cursor: pointer;
    float: right;
    height: 307px;
    margin-left: 7px;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 308px;
}
.Links:hover > .Txt {
    bottom: 0;
}
.Links img {
    float: right;
    height: 307px;
    width: 308px;
}
.Links .Txt {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/linkpt10.png");
    bottom: -120px;
    height: 130px;
    padding-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 100%;
}
.Links .Txt h1 {
    color: hsl(0, 0%, 100%);
    font-family: GESSTwoMed;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 10;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
}
.Links .Txt p {
    color: hsl(0, 0%, 100%);
    font-family: GESSTwoMed;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
}


الكود حصؤري ولاول مرة يعرض على ليالي مصرية يرجى حفظ حقوقنا عند النقل

وبارك الله فيكم


تم النشر بقلم :Yassine Bablil29/10/15, 12:42 pm    

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



توقيع : Yassine Bablil





تم النشر بقلم :محمـود:29/10/15, 05:19 pm - -

 المشاركة رقم: #2
الاداره
تواصل معى
معاينة صفحة البيانات الشخصي للعضو http://www.layalyeg.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 8014
 العمر : 39
 نقاط : 528082
 تاريخ التسجيل : 21/03/2008
 رأيك في العضو/هـ : 15
لوني المفضل : Tomato
رد: جديد وحصري اعلانات بطريقة مميزة على الرئيسية وراائعة اكتشفو دالك
كود اكثر من رائع صديقي ياسين يستحق التركيب
دام عطاؤك


تم النشر بقلم :محمـود29/10/15, 05:19 pm    

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



توقيع : محمـود






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



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

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



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



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

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