أسعد الله أوقاتكم بكل خير ومحبة
اهلا ومرحبا بكم في مدونة الخبراء للبرامج في إضافة جميلة وفريدة من نوعها
كود رائع للكتابة بالريشة يظهر وكأنك تكتب بشكل رائع. يعمل مع جافا سكربت وcss
يمكن إضافتها داخل مواضيع بلوجر ويمكن إستخدامه في الموضوع مثل كأنك تكتب أي مقال على مدونتك
ألم تلاحظ كيف كتبت هذا الموضوع؟ حاول إعادة تحميل الصفحة وسوف ترى بالفعل أن هذا الكود سحري
يمكن أن يعمل أيضاً في أي موقع أو صفحة تدعم جافا سكربت وcss
لقد أعجبني كثيراً فأحببت أن أشاركه معكم أكتب الأن مقال على مدونتك بإستخدام هذا الكود
الكود :
<script type="text/javascript">
//<![CDATA[
window.onload = function(){
var vLetter = document.getElementById('escritura');
var iSpeedInk = 5;
var sText = document.getElementById('escritura_src').innerHTML;
var iCurChar = 0;
var sChars = '<span>';
var iCurInk = 0;
var sCurCaret = '';
var sCaret = " <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3JalEzgZLiRaHApiSMENFQ-zRpRnJ_H4C-RVFTzTBaXd0-lfr6PaxX4avLrEdYmXl0VxzcnkNfaWB-VLY0FFv9ZXZ5RH_GSxbq8qycHgSfNoiogEMKQflQrZ6mpsuQn7Pn15zxB_ihrs/w116-h143-no/pluma.gif' style='position:absolute' />";
var doStep = function () {
var sChar = sText.charAt(iCurChar);
var iDelay = 32;
if (sChar == '') {
sCurCaret = '';
} else if (sChar == '|') {
sChars = sChars.substring(0, sChars.length-1);
iDelay = 64;
} else if (sChar == '<') {
var iPos = sText.indexOf('>', iCurChar);
sChar = sText.substring(iCurChar, iPos + 1);
iCurChar = iPos;
} else if (sChar == '&') {
var iPos = sText.indexOf(';', iCurChar);
sChar = sText.substring(iCurChar, iPos + 1);
iCurChar = iPos;
} else if (sChar == '.') {
iDelay = 300;
} else if (sChar == ',') {
iDelay = 100;
} else if (sChar == ' ') {
iDelay = 32;
} else if (iCurChar > 5) {
sCurCaret = sCaret;
}
// expenditure of ink
if (sChar == ' ') {
iCurInk += iSpeedInk;
sChar = '</span><span style="color:RGB(' + (iCurInk) + ',' + (iCurInk) + ',' + (iCurInk) + ')">' + sChar;
}
if (document.getElementById('tintero').style.visibility == 'visible') {
sCurCaret = sCaret;
document.getElementById('tintero').style.visibility = 'hidden';
sChar = '</span><span style="color:RGB(0,0,0)">' + sChar;
}
if (iCurInk > 160) {
iCurInk = 0;
document.getElementById('tintero').style.visibility = 'visible';
iDelay = 1000;
sCurCaret = '';
}
sChars += sChar;
if (iCurChar == sText.length - 1)
sCurCaret = '';
vLetter.innerHTML = sChars + sCurCaret;
iCurChar++;
if (iCurChar < sText.length) {
setTimeout(doStep, 20 + iDelay);
}
}
doStep();
};
//]]>
</script>
<style>
#tintero {
bottom: 100px;
left: 140px;
position: relative;
visibility: hidden;
}
#escritura{
font-family: Comic Sans MS;
font-size: 18px;
font-weight: bold;
margin: 50px auto;
position: relative;
width: 75%;
}
#escritura_src {
display: none;
}
</style>
أضف النص في الكود التالي :
<div id="escritura_src">
ضع النص هنا
</div>
<div id="escritura"></div>
<img alt="tintero" id="tintero" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMTG5WCVZYWUPDRO6Rw8FcDnQMUz8TSLMu-mDwt03NbJJTYp0Y7l2hxMz44M-GJ4Yno348YUJIXqAFwiES9FTrBm9vPJEbT9JXPlEw7OHcYEGbLY1luk4jRnBZY_XvN0uYTj15llTkvc/s184/tintero2.gif" />
ما شاء الله تبارك الرحمن .. موقعكم عبارة عن مكتبة ضخمة من المواضيع الجميلة ..
ردحذفلي اكثر من ساعتين وانا اتنقل بين المواضيع .. بصراحة لم اشعر بالممل ولم انتبه للوقت ..
بل كنت انوي تحميل بعض الاضافات لكن الآن احترت اي اضافة سأحمل .. يصعب علي الاختيار بصراحة ..
كل تدوينة اجمل من الاخرى ..
أسأل الله لكم التوفيق في الدارين ..
الف مليووون شكرا لكم .. انتم الافضل على الاطلاق .