المغلق توولتيب بدون جافا
ط ط في هذا البرنامج التعليمي سوف تظهر لك كيفية إنشاء توولتيب المغلق دون استخدام جافا سكريبت هذا بسيطة جدا وفعالة تقنية. أرجو أن يتمتع هذا المنصب.
هنا هو لقطة
الخطوة : 1 الأساسي المغلق مدونة
; padding : 0 ; } * (هامش : 0 ؛ الحشو : 0 ؛) % normal Arial, Helvetica, sans-serif ; } الهيئة (الخط : 100 ٪ ارييل العادي ، هلفتيكا ، بلا - الرقيق ؛) : # 666 ; font-size : 12px ; line-height : 150 %; margin : 0 0 10px 0 ; } ع (اللون : # 666 ؛ حجم الخط : 12px ؛ خط الطول : 150 ٪ ؛ الهامش : 0 0 10px 0 ؛) margin : 0 auto ; width : 550px ; } # الصفحة (هامش : 0 السيارات ؛ العرض : 550px ؛)
هنا هو رمز السحر
: #F00 ; font-size : 12px ; } a :hover { background : #fff ; /*background color for IE*/ text-decoration :none ; } a .tooltip span { display :none ; padding : 5px 5px ; margin-left : 3px ; margin-top : 10px ; width : 170px ; font-size : 12px ; line-height : 150 %; } a .tooltip :hover span { display :inline ; position :absolute ; background : #F20F27 ; border : 1px solid #C30018 ; color : #fff ; } أ (اللون : # F00 ؛ حجم الخط : 12px ؛) : تحوم (خلفية : # الاتحاد الفرنسي ؛ / * لون الخلفية لشركة آي إي * / النص الديكور : لا شيء ؛) أ. توولتيب تمتد (العرض : لا شيء ؛ الحشو : 5px 5px ؛ هامش اليسار : 3px ؛ هامش قمة : 10px ؛ العرض : 170px ؛ حجم الخط : 12px ؛ خط الطول : 150 ٪ ؛) أ. توولتيب : تمتد تحوم (العرض : المحول ؛ الموقف : المطلق ؛ الخلفية : # F20F27 ؛ الحدود : 1px الصلبة # C30018 ؛ اللون : # الاتحاد الفرنسي ؛)
الخطوة : 2 أتش تي أم أل الهيكل الأساسي
> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <divهوية = "page"> <p>أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. حزب التحرير viverra وثيقة الهوية الوحيدة risus اللجنة الوطنية للانتخابات. neque في الاتحاد الأوروبي rhoncus لاسينيا tortor. في interdum أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. حزب التحرير viverra وثيقة الهوية الوحيدة risus اللجنة الوطنية للانتخابات. </ سبان> </ أ> أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. Suspendisse potenti.Lorem هوز دولور الجلوس امات ، </ ع> <p>أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. حزب التحرير viverra وثيقة الهوية الوحيدة risus اللجنة الوطنية للانتخابات. neque في الاتحاد الأوروبي rhoncus لاسينيا tortor. class = "tooltip" > placerat <SPAN> Lorem ipsum dolor sit amet, consectetur adipiscing elit. في <ainterdum href = = "#"الطبقة"tooltip"> placerat <SPAN>أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. حزب التحرير viverra وثيقة الهوية الوحيدة risus اللجنة الوطنية للانتخابات. </ سبان> </ أ> أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. Suspendisse potenti.Lorem هوز دولور الجلوس امات ، </ ع> <p>أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. حزب التحرير viverra وثيقة الهوية الوحيدة risus اللجنة الوطنية للانتخابات. neque في الاتحاد الأوروبي rhoncus لاسينيا tortor. في interdum أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. حزب التحرير viverra وثيقة الهوية الوحيدة risus اللجنة الوطنية للانتخابات. </ سبان> </ أ> أبجد هوز دولور الجلوس امات ، consectetur إيليت إيليت. Suspendisse potenti.Lorem هوز دولور الجلوس امات ، </ ع> </ div>
أخيرا قمنا بإنشاء ثلاثة العمود المغلق تخطيط.
تنزيل | عرض تجريبي
يرجى حصة تعليقاتكم معنا ، وكنا نحب أن نسمع منك...
تعزيز بنا
مواد متصلة :
إذا كنت تتمتع قراءة هذه المادة ، يرجى مراجعة المواد الأخرى ذات الصلة أدناه :
يقدم التعليق