ads all USs din

US AF AL AS AD AO AI AQ AG AR AM AW AU AZ BS BD BB BE BZ BJ BM BT BO BQ BA BW BV BR IO BN BG BF https://US https://US BI CV KH CM CA KY CF TD CL CX CC CO KM CD CG CK CR HR CU CW CY CZ CI DK DM DO EC SV GQ ER EE SZ https://US https://US ET FK FO FJ FI GA GM GE GH GI GR GL GD GP GU GT GG GN GW GY HT HM VA HN HU IS IR IE IM IL JM JE https://US https://US KZ KE KI KP KR KG LA LV LS LR LI LT LU MO MG MW MY MV ML MT MH MQ MU YT MX FM MD MC MN ME MS MZ https://US https://US MM NA NR NP NC NZ NI NE NG NU NF MP NO PK PW PA PG PY PE PH PN PL PT PR MK RO RW RE BL SH KN LC https://US https://US MF PM VC WS SM ST SN RS SC SL SG SX SK SI SB SO ZA GS SS LK SR SJ SE CH TJ TZ TL TG TK TO TT TM https://US https://US TC TV UG UA GB UM UY UZ VU VE VN VG VI WF EH ZM ZW AX https://US https://US

mylead-06-2024- AliExpress - Smartlink

AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AU, AT, BS, BH, BD, BB, BE, BZ, BJ, BM, BT, BO, BQ, BA, BW, BV, BR, IO, BN, BG, BF, BI, KH, CM, CA, CV, KY, CF, TD, CL, CN, CX, CC, CO, KM, CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR, GF, PF, TF, GA, GM, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HM, VA, HN, HK, HU, IS, IN, ID, IR, IQ, IE, IM, IL, IT, JM, JP, JE, JO, KE, KI, KP, KR, KW, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG, MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI, NE, NG, NU, NF, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, BL, SH, KN, LC, MF, PM, VC, WS, SM, ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, SS, ES, LK, SD, SR, SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TN, TR, TC, TV, UG, UA, AE, GB, US, UM, UY, UZ, VU, VE, VN, VG, VI, WF, EH, YE, ZM, ZW pc https://re-direct3.eu/p/a0Yl/QmfL/NW5g https://blogger.googleusercontent.com/img/a/AVvXsEhf2bASI2VR9i_WCpKVFjVFe7t5ipVyqYseZAZBoULFsCqW2_dUjQlwTqWDfuFEGAsHb4iu1oPd88MBkfAZYWCso7el0_magJOAw95-Ll0DpyRo9ykizIlPEs3FnMk3iVIxGjrMI5joUmJLtx7nLU26aRRnAdkupQB_aqqE6tEZyeAGKPN4FyKFxcKwZbwG AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AU, AT, BS, BH, BD, BB, BE, BZ, BJ, BM, BT, BO, BQ, BA, BW, BV, BR, IO, BN, BG, BF, BI, KH, CM, CA, CV, KY, CF, TD, CL, CN, CX, CC, CO, KM, CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR, GF, PF, TF, GA, GM, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HM, VA, HN, HK, HU, IS, IN, ID, IR, IQ, IE, IM, IL, IT, JM, JP, JE, JO, KE, KI, KP, KR, KW, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG, MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI, NE, NG, NU, NF, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, BL, SH, KN, LC, MF, PM, VC, WS, SM, ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, SS, ES, LK, SD, SR, SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TN, TR, TC, TV, UG, UA, AE, GB, US, UM, UY, UZ, VU, VE, VN, VG, VI, WF, EH, YE, ZM, ZW pc https://re-direct3.eu/p/a0Yl/QmfL/NW5g https://blogger.googleusercontent.com/img/a/AVvXsEhBc_73O0X5gnum4PoaG_642Hc2A7_jlnDNqty1NhzDwv2OJ2an00FQRxVwKyCnWvRjp5I060J72ScH3NWB1Ek5w_Wd7XsCAQoNbitmo9aT_JSfJ0LvnuhAu290MwRnBMO3Tv6BjK1f3oLIe91qnEFoxOzcnOllPh4iN0rJu4bdy2x05_InIux1M2vG-Kjo AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AU, AT, BS, BH, BD, BB, BE, BZ, BJ, BM, BT, BO, BQ, BA, BW, BV, BR, IO, BN, BG, BF, BI, KH, CM, CA, CV, KY, CF, TD, CL, CN, CX, CC, CO, KM, CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR, GF, PF, TF, GA, GM, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HM, VA, HN, HK, HU, IS, IN, ID, IR, IQ, IE, IM, IL, IT, JM, JP, JE, JO, KE, KI, KP, KR, KW, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG, MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI, NE, NG, NU, NF, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, BL, SH, KN, LC, MF, PM, VC, WS, SM, ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, SS, ES, LK, SD, SR, SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TN, TR, TC, TV, UG, UA, AE, GB, US, UM, UY, UZ, VU, VE, VN, VG, VI, WF, EH, YE, ZM, ZW pc https://re-direct3.eu/p/a0Yl/QmfL/NW5g https://blogger.googleusercontent.com/img/a/AVvXsEiEVSei1zH3IH9j2EcPH9a4poBv2NFFz722YUnFEZPjRsELq1fClTr5e6wvcpER6QHfCfMdxoQTqqmGRX1dA_UwUQonZtR4cvPRmsOwVskO_QHQbfCkpUuD5hWIoIJ6wIXlnnxkQvYCqwofFmGzpyx5jzGDxL22q2TPZSC-9IfLAj5bRCtzb0qAM5wB0PUQ

admitad-2024-06-20 IT-train

IT https://ujhjj.com/g/i4rqsay0mk2185de8413ef1cea9751/?i=4 https://ad.admitad.com/b/i4rqsay0mk2185de8413ef1cea9751/

cpalead-2024-6 $500 Gas Card

US https://www.directcpi.com/view.php?id=5536650&pub=2878302 https://cdndn.s3.us-west-1.amazonaws.com/images/Cc9aSKazXr_1717668995.webp

TR cpalead TikTak

TR and https://www.lnkmeup.com/view.php?id=5537114&pub=2878302 https://play-lh.googleusercontent.com/HbE6a18mm_GoItb6PUaNzx7M9f91eCI01a0M8glLETuIc5I3Tpjg7xrk9rg3DGqGrDQ=w2560-h1440-rw

QA cpalead FruitFlicker

QA and https://www.mobtrk.link/view.php?id=5535357&pub=2878302 https://play-lh.googleusercontent.com/nQ2N51VIBECJ5pjfTZ1KMA2z72Dd9qXXUMsDkYVduAsy2RNY6F7tEfrpTXi98-cXPw-m=w2560-h1440-rw

FR AT DE cpalead Sonic Sensor

FR AT, BE, BG, CY, CZ, DE, DK, EE, ES, FI and https://www.lnksforyou.com/view.php?id=5536785&pub=2878302 https://play-lh.googleusercontent.com/kmfb8yGFvYpWwIp8O5E8liAgr4Vr_1xWRyXJaxuc62xt8alw5FrsDIAw9tJcxNOi50Q=w2560-h1440-rw

DE cpalead Super Car Escape

DE and https://www.mobtrk.link/view.php?id=5536554&pub=2878302 https://play-lh.googleusercontent.com/5Mu2C7PIszZgE4qMsyEZIjYJxn46biFPazkWxjmpA51h6T8UYuCbP4FDXGP3Ks9X3bg=w2560-h1440-rw

US cpalead Xs and Os

US and https://www.directcpi.com/view.php?id=5537110&pub=2878302 https://play-lh.googleusercontent.com/_T5THf04Zo-B-s-5OkzRndkl1i6LUGonIR7xS9i8prdT9dDnuMI9J09wyZKlsXoewAI=w2560-h1440-rw

DZ ALL CNTRY cpalead Online IQ Test

AD, AE, AG, AI, AL, AM, AN, AO, AP, AR, AS, AT, AU, AW, AX, AZ, BA, BB, BE, BF, BG, BH, BI, BJ, BL, BM, BN, BO, BQ, BR, BS, BT, BW, BY, BZ, CA, CD, CG, CH, CK, CL, CN, CO, CR, CU, CV, CW, CY, CZ, DE, DJ, DK, DM, DO, DZ, EC, EE, EG, EH, ER, ES, ET, FI, FJ, FK, FM, FO, FR, GB, GD, GE, GF, GG, GI, GL, GM, GN, GP, GR, GT, GU, GW, GY, HK, HN, HR, HU, ID, IE, IL, IM, IN, IS, IT, JE, JM, JO, JP, KE, KG, KH, KI, KM, KN, KR, KW, KY, KZ, LA, LI, LK, LS, LT, LU, LV, MA, MF, MG, MH, MK, ML, MN, MO, MP, MQ, MR, MS, MT, MU, MV, MW, MX, MY, MZ, NA, NC, NE, NF, NG, NI, NL, NO, NP, NR, NU, NZ, OM, PA, PE, PF, PG, PH, PL, PM, PN, PR, PT, PW, QA, RE, RO, RS, RU, RW, SA, SB, SC, SE, SG, SH, SI, SJ, SK, SL, SM, SN, SO, SR, ST, SV, SX, SZ, TC, TD, TG, TH, TJ, TK, TM, TN, TO, TR, TT, TV, TW, TZ, UA, UG, US, UY, VA, VC, VE, VG, VI, VN, VU, WF, WS, XK, YE, ZA, ZM. https://www.mobtrk.link/view.php?id=5537423&pub=2878302 https://play-lh.googleusercontent.com/mCH58_JS18q_KDGApMuY6cCllciZ6paNX9m6NS8QzbRGeuf8tqzPgfpnkZwz-040wg=w240-h480-rw

mylead-06-2024 Space Racing - MOBILIS - DZ

DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://i.pinimg.com/736x/df/38/7b/df387be29a218205fa3d68f54fc7bfae.jpg DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEi7hfpNhZV8KMoQymB6KL-ZCvue-p21D7NRVQi_2_mErWsWyKFyXKBpv6P6tpjPRpwqQcG4wUwdGO8wa6spZ503m5s4WUvskk-k-b5zYtkp1vkGjS0rw6r1lq1TdTVtkczEhEydUoBHq0UO48EmL6YzDy7c3IE41LXc1sqzrhAUbV3Lrt9mG1lGMF8wZ_KI DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEiRyjMsuPACaOyQRkbapRujgTS0p-SQX_yMMVtU44YQ757hJxSE4qP0_KvxzxlqRGLIgVqU9vZacQ6wnsbvuj8IuLY2bB1PJIbR-o4TX6AI-b09gASPBbL0OWU-l7fW79Fn1C9oDU0txEbuR1BGTBtVQH6nuQzcs2MLdvPOheX-ctsUrbY4AxAH7wEnpBNg DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEjWYpzwQIi5gyFVJ3uA-w02Cbv1zJ5JgZyEHZiuy0Fcsig1BmSPqBzyf8PrhKkU8AmDB7RgoHULBxyBYbZkx2lYVBGtnBlvRFnFBSF9E4AU5i7i8rtK6e-nWZSGY80yondY5yBN5whL32KrFKU5uZDFDmuX8UPYAfwJ-eUL1cCWCYVhlWXUoob49064m1qg DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEhjIac4098dDAgKX2rXXHHBfPceDmUfUKtPvl2xflkUO7kKjowjruXj4nK0x142x7oXarqvqX4Bnfo23TCBUWZ33bDoBNHsM9sE9BTcXUyStvcCboDDepl3geDF9CG3zbZaEXrviLYD5iKpa9K4I-4yp1nel1iD7nR8b_nOdEc2qFCeRqke7d2VtME616GM
╳
╳
📁 آخر الأخبار

طريقة إظافة خاصية التلميح على الأيقونات لبلوجر / إظافات بلوجر

Dili yacin Dili yacin
مرحبا بكم أصدقائي الكرام في موضوع جديد من دورة بلوجر لكيفية  انشاء مدونة عربية احترافية من الصفر.. 

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

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


طريقة إظافة خاصية التلميح على الأيقونات لبلوجر / إظافات بلوجر


وتتميز هاته الاضافة بخاصيات:before وafter ويمكنك تعديلها افقيا، عموديا، يمينا، يسارا حسب التغييرات التي قد تجريها أنت على كود الccs الذي سأقدمه لكم.

نبقى مع طريقة التركيب

طريقة إظافة خاصية التلميح على الأيقونات / إظافات بلوجر


طريقة تركيب الإضافة

1-  في  لوحة التحكم بلوجر.

2- نذهب  للقالب.

3- ثم  تحرير HTML .

4- و نبحث عن الكود:  ]]></b:skin>

5- ثم نجد الكود التالي بعده
<style type='text/css'>

5- ثم نضع الكود التالي بعد الكود السابق الذي وجدناه مباشر:




/* tooltip------------------------------------- */
[data-tooltip]:before {
    position: absolute;
    top: 145%;
    left: 125%;
    margin-bottom: 5px;
    margin-left: -90px;
    padding: 5px 0px 5px 0px;
    width: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: #b44;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  top: 126%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid #b44;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: &quot; &quot;;
  font-size: 0;
  line-height: 0;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* tooltip------------------------------------- */





ثم
إضافة وسم data-tooltip في اي رابط او صورة او زر أو عنوان أو  أي شيء نريد إظافة شرح له.

كمثال:

الكود السابق كان:

<li><a  href='https://soft224.blogspot.com/' rel='dofollow' target='_blank'></a> </li>

الآن نضيف له خاصية التلميح  فيصبح:

<li><a data-tooltip='الرئيسية' href='https://soft224.blogspot.com/' rel='dofollow' target='_blank'></a> </li>


Dili yacin
Dili yacin
مواضيع ذات صلة قد تهمك: