8 يونيو 2016

اضافة رمضانية احترافية من تطوير محترفي الحاسوب مجانا لكم + تاتيرات

بحلول رمضان فالعديد من المدونون يبحثون على اضافات رمضان ولكن للاسف الاضافات الموجودة لحد الان كلها قديمة او غير انيقة...
اليوم و حصريا اتيت لكم باضافة رائعة لمدونات بلوجر و هي عبارة عن رسالة يمكنك تغييرها كما تشاء يعني رسالة شخصية... المميز في الاضافة هي بعض التئتيرات تلاتية الابعاد التي سيستمتع الزائع عند معاينتها.
بالمناسبة, فانا ايضا استعمل الاضافة ^_^*

↓ شرح طريقة التركيب
  1. داخل القالب تحرير html 
  2. فوق هذا الوسم  <b:skin/> نضع الكود التالي:

    /*====== OuaMessage - by ha1pc.blogspot.com ====== */ .ha1pc_layout{text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.49);z-index:99999;display:none} .ha1pc_message{width:50%;background:#fff;font-size:16px;border-radius:5px;padding:20px;border:1px solid transparent;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-25%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .profile-ha1pc,.profile-ha1pc2{padding:4px} .ha1pc_message:before{content:"";height:0;width:0;position:absolute;bottom:-40px;left:20px;border:20px solid transparent;border-color:#fff transparent transparent} .profile-ha1pc { background: #2195D3; border: 1px solid transparent; border-radius: 100%; position: fixed; bottom: 10px; left: 10px; cursor: pointer; width: 50px; height: 50px; z-index: 9999; } .profile-ha1pc2 { background: #FFF; border: 5px solid transparent; border-radius: 100%; position: absolute; bottom: -240px; left: -123px; width: 199px; height: 199px; } .close_ha1pc { font-size: 40px; color: rgba(36, 202, 26, 0.91); position: absolute; top: -30px; right: -30px; cursor: pointer; } @media (max-width:800px){.ha1pc_message{width:90%!important;margin-left:-45%!important;} .profile-ha1pc2{left:50%;margin-left:-105px;} .ha1pc_message:before{left:50%;margin-left:-20px;} .close_ha1pc{color:#555;top:-16px;right:0;} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .tada{-webkit-animation:tada 1s linear 1s infinite normal;animation:tada 1s linear 1s infinite normal} @-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} } /* end Oua-Message*/
    1. بعد دلك اضف الكود التالي فوق هدا الوسم  <body/>  
    <img alt='' class='profile-ha1pctada' height='50' onclick='openha1pcfitri()' src='https://goo.gl/cOr2jh' title='أنقر فوقي لأقول لك شيئا' width='50'/> <div class='ha1pc_layout animated flip' id='id_fitri'> <div class='ha1pc_message'> <h2>&quot;رمضان مبارك لكل العرب&quot;</h2> <p>بصفتي <br/> مؤسس مدونة <b>محترفي الحاسوب</b> أهنئكم واقول لكم <br/> <b>الله يتقبل صيامكم وقيامكم ومبارك عليكم الشهر </b>.</p> <img alt='' class='profile-ha1pc2' height='200' src='https://goo.gl/cOr2jh' width='200'/> <div class='close_ha1pc' onclick='closeha1pcfitri()'>X</div> </div> </div> <script> //<![CDATA[ function openha1pcfitri(){var e=document.getElementById("id_fitri");"block"!==e.style.display?e.style.display="block":e.style.display="none"}; function closeha1pcfitri(){var e=document.getElementById("id_fitri");"none"!==e.style.display?e.style.display="none":e.style.display="block"}; //]]> </script>

    11 التعليقات

    تم تجديد التدوينة وحل المشكل صديقي ;)

    انها لاتعمل عندما اضغط عليه لاتفتح

    ممكن تبعتلى الاضافه بس تكون شغاله احيات النبى على حسابى
    ده
    [email protected]

    اخي الاضافة شغالة 100% ويمكنك معاينتها فنحن نستعملها في الوقت الراهن ;) (y)

    بس انا اول ماحطيتها اجى ادوس عليها مش راضيا تفتح

    بعينها والله العزيم بضيفا صح وكل ماجى ادوس عليه مش بتفتح

    بعينها والله العزيم بضيفا صح وكل ماجى ادوس عليه مش بتفتح

    ارسلي قالب مدونتك عبر صفحة اتصل بي ساركبها لك (y)

    الحمد لله ان الإضافة ليس الحقيقية وإنما مسروقة من موقعي مثل اول مرة لما حكمتك سرقت كود meta ووصف مدونتي

    اخي هذا الشخص الذي يسمي Moussa terkhachea
    الذي يقول انك تسرق انت لاتسرق شي ابدا
    انا احترمك اخي حميد
    ولكن هذا الشخص الذي يلقي التهم علي الاشخاص مثلك هذا شخص كذاب
    وشكرا لك اخي حميد

    اوك يامستر عامر خالد ماعلين تستطيعان هزمي هنا بحجج اني شخص سيئ