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

استعراض النهائي

هذا هو ما نقوم به اليوم ذهبت. تحميل الملف (12.1 كيلو بايت)

أتش تي أم أل هيكل

ونحن هنا الكود. انها قائمة بسيطة غير مرقمة :

 > <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > Main Lavel </a> </li> <li> <a href = "#" > Sub Lavel </a> </li> <li> <a href = "#" > Sub sub Lavel </a> </li> <li> Your Current page </li> </ul> <ulهوية = "breadcrumbs"> <li><ahref ="#"> الصفحة الرئيسية </ أ> </ لى> <li><ahref = "#"> الرئيسية Lavel </ أ> </ لى> < لى> <ahref = "#"> الفرعية Lavel </ أ> </ لى> <li><ahref ="#"> الفرعية الفرعية Lavel </ أ> </ لى> <li>صفحتك الحالية </ لى> </ ماي> 

التصميم المغلق

هنا بسيطة التصميم المغلق

  الهيئة ( 
  / 1 .13em "verdana" , arial, tahoma, sans-serif ; الخط : 0.69 م / 1.13 م "verdana" ، ارييل ، tahoma ، بلا - الرقيق ؛  
  ; خلفية : # الاتحاد الفرنسي ؛ 
  ) 

  ماي ، وقال لي ( 
  قائمة على النمط من نوع : لا شيء ؛ 
  حشوة : 0 ؛ 
  هامش : 0 ؛ 
  ) 

  # البريدكرومبس ( 
  ; الطول : 2.7 م ؛ 
  #c9c9c9 ; الحدود : 1px الصلبة # C9C9C9 ؛ 
  ) 

  # البريدكرومبس لى ( 
  تعويم : غادر ؛ 
  ; خط الطول : 2.7 م ؛ 
  ; اللون : # 777 ؛ 
  ; حشوة اليسار :.85 م ؛ 
  ) 

  # البريدكرومبس لى أ ( 
  ( breadcrums .jpg ) no-repeat right center ; خلفية : عنوان (breadcrums (jpg.) عدم تكرار يمين الوسط ؛ 
  يعرض : الكتلة ؛ 
  0 0 ; الحشو : 0 15px 0 0 ؛ 
  ) 

هذا هو فقط بسيط الزاوية اليمنى صورة السهم ، الذي هو أنا أستخدم في هذا البرنامج التعليمي.

 , #breadcrumbs li a :visited { color : # 777 ;         text-decoration :none ; } # البريدكرومبس لى أ : الارتباط ، # البريدكرومبس لى أ : زار (اللون : # 777 ؛ النص الديكور : لا شيء ؛) 

  , أ : الارتباط ، وهي : زار ،  
  , # البريدكرومبس لى : تحوم ، 
  { # البريدكرومبس لى : التركيز ( 
  اللون : # 222 
  ) 

النتيجة النهائية

هنا هي النتيجة النهائية

استنتاج

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

تنزيل ملف المصدر

إذا كنت ترغب في التحقق من عملك ، يمكنك تحميل الملف رر لهذا البرنامج التعليمي.

cssbreadcrumbs.rar (12.1 كيلو بايت)

إذا كنت تعتقد أن البرنامج التعليمي يمكن أن يكون أكثر أفضل ، يرجى حصة معنا. تعليق لنا

إذا كنت ترغب في الحصول على أكثر من مصدر إلهام لنا ، يرجى النظر المؤيدة لدينا تغذية عن طريق آر إس إس أو عن طريق البريد الإلكتروني.

يودع تحت : المغلق ، برامج تعليمية من قبل المشرف