Reset Css styel 2014 تحميل

يعتبر ملف Reset-css  من الملفات التي يجب على كل عاشق لتكويد المواقع تحميله لما له من فائده في تسريع من محوا كل المسافات ويلغي الخصائص الافتراضيه لأوسام HTML   ولهذا يعتبر هذا الملف من الملفات الهامه التي يجب تنزيلها وربطها بصفحات HYML .

حمل  الملف من هنا

بعد تحميل الملف فك الضغط عيله ونسخه الى مجلد css ومن ثم اربط الملف قبل ملف الاستايل حقك . اجعل هذا الملف اول ملف من ربط ملفات Css لكي يعمل .

في الاخير أي سؤال انا تحت الخدمه . تكرما لا أمرا مشاركه اعجاب لصفحتنا أشتراك على قناتنا على اليوتيوب.

الدال على الخير كفاعله.

   

Unknown

7:42 ص

اقرأ المزيد

الدرس الأول - تكويد مواقع الويب الجزء الثاني

في هذا الدرس لا زال بدائي ويعطي اساسيات التصميم من تعليقات والتعامل مع برنامج الدريم ويفر وكمان التخطيط لبناء الموقع، لكي تفهم تصميم المواقع يلزمك هذه الاساسيات بكل تفاصيلها .

ولكي تشاهد الفيديوا اما من هنا او بالدخول الى قناتي على اليوتيوب ومشاهده جميع الفيدوهات السابقه والمتخصصه في هذه الدوره البسيطه .

الى هنا انتهينا من الدرس الاول ... وسوف نعمل على تنزيل الدروس ان شاء الله في القريب العاجل .

دعواتكم لوالدي ولي ولجميع المسلمين بظهر الغيب فأن الدعاء لأخوك المسلم مقبول والله  أعلى وأعلم.

الدال على الخير كاعله

Unknown

4:38 ص

اقرأ المزيد

الدرس الأول - تكويد مواقع الويب الجزء الأول

شباب اولا العفو منكم على عدم التمكن من تسجيل الشرح بالصوت  حقي لاني سجلت الدروس في ساعه متأخره من الليل وقد الناس نوم . ثانيا انا لسه مبتدأ في عمليه التسجيل الصوتي بس اوعدكم ان شاء الله ان تكون هناك دروس حسب الطلب وان ابذل قصاري جهدي في سبيل تقديم نسخ متكامله في تصميم المواقع.

ثانيا هذا هو الدرس الاول في تكويد المواقع  شاهدوا الفيديوا وأرائكم تهمنا وأي استفسار او سؤال اكتبه تحت الفيديوا او هنا في المدونه وسوف اتمكن ان شاء من الاجابه حال فراغي .

وفي الاخير ...دعواتكم لنا بالتوفيق والسداد..... ولا تنسوا المشاركه والانضمام الى صفحتنا والاشتراك على قناتي ..
                                                          

   الدال على الخير كفاعله

Unknown

4:28 ص

اقرأ المزيد

تغيير حجم فيديو اليوتيوب على مدونه بلوجر 2014

اغلب المدونيين يبحثوا عن حل لمشكله حجم الفيديوهات المضافه الى مدونتهم من اليوتيوب او اي موقع اخر والحل بسيط جداً وهو ما عليك الا الدخول الى المشاركه التي فيها مقطع الفيديوا وتضغط على تحرير المشاركه ومن ثم تذهب الى تبويب HTML الموجود بجانب تبويب  تأليف وتبحث عن كود الفيديوا .

 الان اضغط (  Ctrl+F ) وابحث عن عرض وطول الفيديو :

ابحث اولآ عن العرض : 320 (  ستجدها مرتين  )

ثم ابحث عن  الطول : 266 (  ستجدها مرتين  )

=

الان استبدلهم جميعهم كالتالي :

استبدل الـ( 320 ) الى ( 620 )

استبدل الـ( 266 ) الى ( 340 )

وتحديث المشاركه وسوف تلاحظ النتيجه تسر الناظر .

الدال على الخير كفاعله 

Unknown

12:01 ص

اقرأ المزيد

مقدمه عامه على تكويد المواقع فيديو 2014

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

اتمنى في الاول ان تكونوا قد نصبتوا البرامج الموجوده في المدونه الى الان وهي اهم البرامج التي سوف نستخدمها في مسيرتنا هذه القصيره والتي ستتبعها مسيرات اكثر تقدما ان شاء الله .

البرامج المطلوبه تنزيلها هي:

1. برنامج التحميل دون لوود مانجر 
2. برنامج التحميل التور نت
3. برنامج الفوتوشب
4. برنامج الادوبي دريم ويفر او النوت باد بلس بلس او اي محرر نصوص يعجبكم (كثير من محررات النصوص موجوده على النت)
5. برنامج السرفر المحلي وهذا حسب نوع النظام الموجود عندكم.
6. وأخيرا برنامج الفايل زيلا برنامج رفع الملفات من جهازك الى سرفرك على النت .

سوف لن اطيل عليكم في الموضوع . سوف اشرح في الفيديو الموجود في الاسفل طريقه تنصيب برنامج الادوبي وكل نسخ الادوبي نفس الشي . والتفعيل عن طريق تبديل ملف amtlib.dll الموجود في مجلد الكراك ونسخه الى مكان تنصيبك للبرنامج وبالتحديد الى هذا المسار
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6

وتعلم على استبدال ... حسب نوع النظام لديك 32بت او 64بت.

وبعد هذا كله     نقول الف الف الف مبروك عليك البرنامج

*****ملاحظه ... يفضل فصل النت من الجهاز وقت التنصيب ...وكمان تشغيل البرنامج بعد التنصيب وقبل التفعيل ....***

والان الى مشاهده الفيديو....

في الاخير لا تنسى ان تشاركنا رأيك تكرما لا أمرا. وكذالك مشاركه وعمل اعجاب للقناه وللصفحه .!!!! 

الدل على الخير كفاعله 

Unknown

8:55 م

اقرأ المزيد

أضافه زر الصعود الى اعلى في مدونه بلوجر 2014

من الرائع ان تسهل على متصفحين مدونتك من خلال الاضافات الجميله لمدونه بلوجر وكسب رضاهم وابقائهم فيها لوقت اطول للمطالعه فيها وايصال الرساله الذي حملنا بتبليغها وهي رساله ايصال العلم لغيرنا . انا لا احب ان اطيل عليكم في المقدمات ولكن درسنا اليوم هو اضافه جميله جدا لكل عشاق المدونات . انها اضافه ضر الصعود الى الى في حاله ان مدونتك فيها نشر في الصفحه الواحده كثير من المقالات .

 

هذه الاضافه الجميله والسهل في التحميل ووالاضافه ، للإضافه ماعليك الا الذهاب الى لوحه التحكم في بلوجر ثم الى التخطيط  ثم اضافه اداه وأختيار  HTML/JavaScript .

ومن هنا انسخ الكود الموجود في الصندوق تحت والصق الكود في الفراغ الثاني من الصفحه HTML/JavaScript .

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" > /*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Modified by www.m5tar.blogspot.com * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/ var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="رابط الصورة" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'إصعد إلى الأعلى !'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script>

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

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

http://www.4shared.com/download/ZlCsTsSPce/Arrow_up_blue.png
 http://www.4shared.com/download/1ZHghujace/Arrow_up_green.png
http://www.4shared.com/download/-vQFqMFIce/Arrow_up_red.png
http://www.4shared.com/download/vyi7XDMAba/Arrowaporange.png

وبالطبع فاللون الأصلي هو البرتقالي لكن الألوان الاخرى ما هي الا تعديل على الايقونه الاصليه ، الان ما عليك الا اختيار اللون الذي يناسبك او صمم لنفسك شكل اخر يعجبه وحطه . كما يمكنك تغيير النص إصعد الى الأعلى الموجود في الكود الى اي نص اخر تريده !
أما 100 فهي تشير الى عدد الاسطر التي تظهر بعدها الأضافه عند التصفح الى اسفل.

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

الدال على الخير كفاعله

Unknown

1:00 م

اقرأ المزيد

ترقيم صفحات مدونه بلوجر أحترافيه 2014

كثير من المدونين الذين يستخدمون بلوجر كمنصة تدوين يبحثون ويريدون تلك اﻹضافة الهامة جدا. إضافة ترقيم الصفحات هي عبارة عن شريط أرقام يساعد ويسهل عملية تصفح المدونة الخاصة بك كما يظهر في الصورة باﻷسفل.

بحثت عن تلك اﻹضافة طويلا وجربت أكواد كثيرة ، ولم أجد أفضل من هذا الكود الخفيف والرائع الذي أحببت أن أشارككم به.

 

قبل اضافه الكود عليك بالذهاب الى لوحه التحكم ومن ثم التخطيط قسم رسائل المدونه الالكتورنيه  وتضغط على تحرير وتكتب عدد الرسائل على الصفحة الرئيسية مطابق لعدد  pageCount

لتركيب الكود قم بإتباع الخطوات التالية :

 لوحة التحكم اختر تصميم ثم اختر تحرير html  قبل هذه العمليه يفضل أخذ نسخه احتياطيه للقالب اذا حدث اي خطأ يمكن استعاده القالب لمعرفه اخذ نسخه احتياطيه  واستعادتها إضغط هنا 

ابحث عن الكود ]]></b:skin> ، قم بإضافة الكود التالي قبله :

.showpageArea {font-family:verdana; color: #000; font-size:11px; margin:10px;} .showpageArea a {color: #000; text-shadow:0 1px 2px #fff; font-weight: 700;} .showpageNum a {padding: 3px 8px; margin:0 4px; text-decoration: none;} .showpageNum a:hover {border:1px solid #888; } .showpageOf{margin:0 8px 0 0;} .showpagePoint {color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; text-decoration: none; }


ثم ابحث عن كود </body> وقم بإضافة الكود التالي قبله :
 

<!--Page Navigation Starts--><b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=7; var displayPageNum=3; var upPageWord =' السابق ' ; var downPageWord =' التالي ' ; var allpages =' الصفحات ' ; </script> <script src='http://aymangaber.webs.com/HTML/blogger-page-nav.js' type='text/javascript'/> </b:if></b:if><!--Page Navigation Ends -->

- لاحظ ضع قيمة pageCount بعدد التدوينات التي تظهر في الصفحة الواحدة.
  منقول من مدونه خالد

تكرما لا أمرا شاركنا رأيك وعمل مشاركه .

Unknown

1:33 ص

اقرأ المزيد