23‏/06‏/2009

طريقة ارفاق كود HTML أو Javascript في المواضيع، بطريقتين.

Share

بسم الله الرحمــن الرحــيم.

السلام عليكم ورحمة الله تعالى وبركاته
.

مرحبا بكم في موضوع جديد في مدونتي المتواضعة
babai.
مدونة الحلم
أرجو التفاعل من حضراتكم
doa على سبيل التشجيع و الدفع نحو الأمام.tumbuk



اليوم مع درس طريقة ارفاق كود HTML أو Javascript nerd في المواضيع داخل المدونة طبعا .

وسيتم ذلك عبر خطوات بسيطة بإذن الله ، وبطريقتين إثنتينrindu سهلة وأسهل بكثير .

كما جرت العادة callme --(كتبت موضوعين صارت عادة gelakguling)-- سنعطي مثال عن النتيجة، وهاهو ذا :

http://img197.imageshack.us/img197/1859/htmlcode.jpg



أكمل القراءة.

>> تنبيه << خذ نسخة للقالب لا قدر الله >> !!!

أولا : الطريقة الأولى

في هذه الطريقة يظهر الكود داخل إطار مثل الصورة

سجل الدخول ثم توجه إلى التخطيط - - > تحرير HTML.

ثم عبر Ctrl+f إبحث عن هذا الكود :





]]></b:skin>





ثم ضع فوقه مباشرة الكود التالي :



.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ffffff url(http://lh4.ggpht.com/_fQliT1HyqQc/SjpU2_JWuhI/AAAAAAAAAJg/9MsWYAcq7y4/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}



ثم قم بالحفظ . . . . ومبروك menari

لكن مهلاً - - - hah

يجب عليك استخدام الكود التالي، عندما تريد إدراج كود للمواضيع

ما تكتبه مكان الكتابة الحمراء سيظهر داخل الاطار الأبيض
:


<div class="codeview">
ضع هنا كود HTML أو Javascript
</div>


ثانيا : الطريقة الثانية

في هذه الطرية لا يظهر الكود داخل إطار أو أي شيء آخر، مثاله في هذا الموضوع

والتي استعملتها في هذا الموضوع

يكفي أن تتوجه نحو هذا الرابط --هنا--

ضع الكود المراد إرفاقه في الموضوع في الخانة اليسرى ثم إضغط convert

وألصق الكود الناتج بطريقة عادية في الموضوع في المكان المراد .

http://img197.imageshack.us/img197/2064/77533231.jpg
أسهل ما يكون.

لكن سيظهر الكود فقط، jelir و بدون اطار.

أرجو أن تتركو تعليقا تقديرا للمجهود المبذول، سواء شكر أو نصيحة أو إستفسار أو مجرد رأي .

6 تعليقات:

danger-boy on 23 يونيو 2009 9:55 م يقول...

السلام عليكم

الطريقة الثانية أسهل بكثير ولا تحتاج أدنى مجهود .

أشرحها المرة القادمة بإذن الله .

متهورهً بلطفً on 25 يونيو 2009 1:09 م يقول...

شرح طيب سلمت يدآك ^^

danger-boy on 25 يونيو 2009 3:00 م يقول...

شكرا على الإهتمام والرد الحلو . . .

أرجو أن تشرفينا و تزورينا مرة أخرى.

الياس on 29 يوليو 2009 3:59 م يقول...

مشكووور اخي على الطريقتين لكن راح اجرب الاولى لانه متميزة
و لكن قالبك غير معرب و لهذا حاول تعريبه

danger-boy on 29 يوليو 2009 7:16 م يقول...

شكرا اخي الياس على الرد

وبخصوص القالب :: هذا ما قدرت عليه ::

شكرا مرة ثانية

en-Mohamed morsy on 6 يناير 2011 12:58 م يقول...

السلام عليكم ورحمة الله وبركاته ممكن طلب
ياريت تشرحلي كيف عملت الشيط المتحرك الي فوق
وكذلك خط السمر الخاص بالصفحات شكرا

إرسال تعليق

السلام عليكم ورحمة الله

شكرا أخي/أختي على الاهتمام

شرف لي أن تحتوي مدونتي على ردك

.
يرجى الانتظار ...
.
 

ضع ايميلك واحصل على جديدنا فيه :

من أنا

صورتي
بسم الله الرحمــن الرحيم السلام عليكم ورحمة الله تعالى وبركاته أما بعد : لقد بدأت هذه المدونة -على أمل أن تصل لمستوى جيد - ورغم أني لا أعرف ماذا أضع فيها أو كيف أبدأها، لكن يقال ''رحلة الـ 1000 ميل تبدأ بخطوة'' وهذا ما سأفعله -بإذن الله- حيث أدعو الله أن يوفقنا في أعمالنا . . . والله ولي التوفيق . اللهم أنصر اخواننا في غزة - وأهِن أعداءك أعداء الدين -يا رب العالمين-.
مدونة الحلم Copyright © 2009 Blogger Template Designed by Bie Blogger Template
أعلى الصفحة