إضافة خاصة بالكاتب + مواقع التواصل الإجتماعية + الحصول على رابط مختصر

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

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

لايك لصفحتنا من ↓هنا

‎موسى للمعلوميات -Th9moussa‎

الإنضمام للأعضاء من هن

لما نوصل 3000 معجب سننشر قوالب مجانا حتى القوالب المدفوعة ك قالب الوان وقالب مدونتي الحالي

شرح طريقة التركيب

1. من القالب أضف أداة ]]> وضع بها كود الإضافة

/*---------------BY MOUSSA TERKHACHE CSS ToolTip NEW----------------*/
.mohamed-tooltip {position:relative;display:inline-block;}
.mohamed-tooltip:before, .mohamed-tooltip:after {position:absolute;opacity:0;z-index:1000000;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;pointer-events:none;}
.mohamed-tooltip:hover:before, .mohamed-tooltip:hover:after {opacity:1;}
.mohamed-tooltip:before {content:'';position:absolute;background:transparent;border:6px solid transparent;position:absolute;}
.mohamed-tooltip:after {content:attr(data-mohamed-tooltip);background:rgba(0,0,0,0.7);background:hsla(0,0%,20%,0.9);color:#fff;padding:8px 10px;
font-size:12px;white-space:nowrap;border-radius:3px;-webkit-backface-visibility:hidden;}
.mohamed-tooltip-top:before {bottom:125%;left:10%;margin:0 0 -18px 0;border-top-color:rgba(0,0,0,0.7);border-top-color:hsla(0,0%,20%,0.9);}
.mohamed-tooltip-top:after {bottom:125%;left:10%;margin:0 0 -6px -10px;}
.mohamed-tooltip-top:hover:before {margin-bottom:-10px;}
.mohamed-tooltip-top:hover:after {margin-bottom:2px;}
.mohamed-tooltip-bottom:before {top:100%;left:50%;margin:-14px 0 0 0;border-bottom-color:rgba(0,0,0,0.7);border-bottom-color:hsla(0,0%,20%,0.9);}
.mohamed-tooltip-bottom:after {top:100%;left:50%;margin:-2px 0 0 -10px;}
.mohamed-tooltip-bottom:hover:before {margin-top:-6px;}
.mohamed-tooltip-bottom:hover:after {margin-top:6px;}
.mohamed-tooltip-right:before {left:100%;bottom:50%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,0.7);border-right-color:hsla(0,0%,20%,0.9);}
.mohamed-tooltip-right:after {left:100%;bottom:50%;margin:0 0 -13px 4px;}
.mohamed-tooltip-right:hover:before {margin:0 0 -4px -0;}
.mohamed-tooltip-right:hover:after {margin:0 0 -13px 12px;}
.mohamed-tooltip-left:before {right:100%;bottom:50%;margin:0 -8px -4px 0;border-left-color:rgba(0,0,0,0.7);border-left-color:hsla(0,0%,20%,0.9);}
.mohamed-tooltip-left:after {right:100%;bottom:50%;margin:0 4px -13px 0;}
.mohamed-tooltip-left:hover:before {margin:0 0 -4px 0;}
.mohamed-tooltip-left:hover:after {margin:0 12px -13px 0;}
h4.infoauthor,.inforelated {color: #0194FF;font-weight: 100;font-size: 20px;border-bottom: 2px solid #0094FF;margin: 0px 0 -2px 0;display: inline-block;z-index: 999;}
.post_author {overflow: hidden;padding: 15px;margin-top: 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;}
.author_avatar{float:right; margin:0 0 0 15px}
.author_wrapper{text-align:right}
.author_wrapper h4{  color: #0094FF;font-weight: 100;font:normal 18px 'JF Flat'; background:#EEE; margin:0 0 10px; padding:3px 12px; display:inline-block}
.author_wrapper h4 a{text-decoration:none; color:#0094FF}
.author_wrapper p {color: #7B7B7B;margin: 0;font-weight: 100;font-size: 14px;padding: 0;line-height: 1.8em;}
.author_avatar img {border-radius: 50px;background-size: cover;}
h4.infoauthor::before {content: "\f129";display: inline-block;font: normal normal normal 14px/1 FontAwesome , JF Flat;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0 0 0 5px;font-size: 14px;transform: translate(0, 0);}
h4.inforelated::before {content: "\f07c";display: inline-block;font: normal normal normal 14px/1 FontAwesome , JF Flat;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0 0 0 5px;font-size: 14px;transform: translate(0, 0);}
div#contact {float: left;}
#contact a {font-size: 17px;display: block;float: right;width: 33px;text-align: center;margin: 0 0 0 1px;transition:0.3s;}
.twitterpost { color: #03A9F4!important;border: 1px solid #03A9F4; }
.twitterpost:hover{ color: #fff!important; box-shadow: inset 0 27px 0 #03A9F4; }
.facepost {color:#3B5998!important;border:1px solid #3B5998;}
.gpost {color:#DD4B39!important;border:1px solid #DD4B39;}
.youpost {color:#E52D27!important;border:1px solid #E52D27;}
.facepost:hover {color: #fff!important;box-shadow: inset 0 27px 0 #3B5998;}
.gpost:hover {color: #fff!important;box-shadow: inset 0 27px 0 #DD4B39;}
.youpost:hover {color: #fff!important;box-shadow: inset 0 27px 0 #E52D27;}
.post-footer-line>* {margin-left: 0;}
.border-related {height: 2px;background: #eee;display: block;}

ثاني كود وهو الخاص بالإضافة الادات

. إبحث عن وقم بوضع الكود التالي فوقه

ملاحضة ستجد إثنان التاني هو المطلوب

عن الكاتب




  موسى ترخاش

مصمم جزائري الجنسية اهدف الى نشر آخر الدروس والملحقات المتنوعة لأفادة المصممين العرب والارتقاء بالعالم العربي والاسلامي بالاضافة الى نشر آخر المستجدات التقنية.


  ٌ

  
  



رابط مختصر للتدوينة:أحصل على الرابط