1. المٌقدمة الأولي :دورة إختبار ثغرات حقن قواعد البيانات SQLI الإحترافية لعام 2017 عام 2018
    تٌعد ثغرات حقن قواعد البينات الثغرة رقم واحد فى العالم والمصنفة تحت بند الإخطر
    والفريق التابع له بإختراق أكبر المواقع الصهيونية قرائة الموضوع
  2. المٌقدمة الثانية : دورة إختبار ثغرات حقن قواعد البيانات SQLI الإحترافية لعام 2017 عام 2018
    في هذه المٌثقدمة الثانية والأخيرة سوف نتعرف على قواعد علم حقن قواعد البيانات
    حتى يتثنى لنا علم يٌساعدنا على القيام بعمليات الحقن بالطرق الصحيحه قرائة الموضوع
  3. دورة كشف دمج والتلغيم حصريا على أرض عراق تيم(2017)
    بعد ماقمت بعمل دورة الكشف دمج والتلغيم وستكملت الدوره وتحتوي على 12 درس
    كانت دروس حصريا على عراق تيم وشرح واضح جدا ومفهوم الى المبتدأ والى المبدع قرائة الموضوع

[ شرح ] : عمل زر مع رقم فوقه مثل الفيس بوك

الموضوع في 'لغة الأنماط القياسية css' بواسطة :: dev-vb ::, بتاريخ ‏7 مارس 2012.

كاتب الموضوع : :: dev-vb :: المشاهدات : 1,603 الردود : 2 ‏7 مارس 2012
حالة الموضوع:
مغلق
  1. غير متصل

    :: dev-vb ::
    rank
    Developer

    عضو منذ:
    ‏7 مارس 2012
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:

    السلام عليكم ورحمة الله و بركاته

    اتمنى ان الكل يكون بخير و

    مشروعي اليوم هو شرح عمل زر مع رقم يكون فوقه مثل تنبيهات الفيس بوك


    ♥ أترككم أولا مع المثال المصور

    [​IMG]

    ♥ شرح التركيب

    نأتي لخيارات الــ CSS :

    كود PHP:
    body {background:#444444;text-align:center;margin-top:150px;} 
    .btn 
        
    position:relative
        
    display:inline-block;     
        
    text-decorationnone
        
    color:white
        
    padding6px 12px 8px 12px
        
    background#3B3B3B; 
        
    font-familyTahomasans-serif
        
    font-size:11px
        
    margin-right15px
        -
    moz-border-radius3px
        -
    webkit-border-radius3px;     
        
    border-radius3px
        
    border:1px solid #282828; 
        
    -moz-box-shadowinset 0 0 1px rgba(255,255,255,0.1) , inset 0 1px 0  rgba(255,255,255,0.08) , 0 1px 0 rgba(255,255,255,0.05) , inset 0 8px  20px rgba(255,255,255,0.06); 
        -
    webkit-box-shadowinset 0 0 1px rgba(255,255,255,0.1) , inset 0  1px 0 rgba(255,255,255,0.08) , 0 1px 0 rgba(255,255,255,0.05) , inset 0  8px 20px rgba(255,255,255,0.06);     
        
    box-shadowinset 0 0 1px rgba(255,255,255,0.1) , inset 0 1px 0  rgba(255,255,255,0.08) , 0 1px 0 rgba(255,255,255,0.05) , inset 0 8px  20px rgba(255,255,255,0.06); 

    .
    btn:hover
    .
    btn:focus 
        
    background:#373737; 

    .
    btn span
        
    positionabsolute
        
    top: -10px
        
    right:-8px
        
    font-size9px
        
    padding:3px 5px
        
    background:#F03D25; 
        
    -moz-border-radius8px
        -
    webkit-border-radius8px;     
        
    border-radius8px;     
        -
    webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); 
        -
    moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
        
    box-shadow:0 0 10px rgba(0,0,0,0.4); 
    ♥ كود لــ HTML نضيفه في المكان الذي نريد وضع الزر فيه :

    كود PHP:
    <a href="#" class="btn">:: dev-vb ::<span>2</span></a
    <
    a href="#" class="btn">:: traidnt ::<span>4</span></</a>

    أتمنى أني وفقت في الشرح | اذا أعجبك موضوعي لا تنسى تقييمي

     


    جاري تحميل الصفحة...
  2. غير متصل

    Fox
    rankrank
    Developer

    عضو منذ:
    ‏27 ديسمبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    الإقامة:

    رد: [ شرح ] : عمل زر مع رقم فوقه مثل الفيس بوك

    بارك االه فيك يالغالي

    تسلم أيدك
     


  3. غير متصل

    Wo0oLf
    DeveloPer Plus

    عضو منذ:
    ‏22 مارس 2012
    عدد المشاركات:
    الإعجابات المتلقاة:
    7
    نقاط الجائزة:
    الوظيفة:
    طالب جامعي Computer science
    الإقامة:

    رد: [ شرح ] : عمل زر مع رقم فوقه مثل الفيس بوك

    وعليكم السلآم ورحمة الله وبركآته ،،
    يعطيك ألف ع ـآفية ،
     


حالة الموضوع:
مغلق

مشاركة هذه الصفحة

جاري تحميل الصفحة...