اضافات بلوجر
المزيد
اخر التدوينات
المزيد

9 يونيو 2018

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


بكل فخر واعتزاز أبارك باسمي تدشين الموقع الإلكتروني محترفي الحاسوب ليكون حلقة تواصل بين أعضاء والزوار والمهتمين بمتابعة أخبار الاعلام الالي وأعماله وأنشطته وفعاليته. ولقد حرصنا على إنشاء هذا الموقع وتفعيله لتحقيق رؤيتنا في التواصل المنشود والهادف مع جميع الفئات المجتمع، لتعميق أواصر التعاون والمشاركة الفعالة من خلال صفحات هذا الموقع.
كـمـا أهـنـئ نـفـسي والـجـمـيـع على إفـتــتـاح الـمـوقـع وأتـمـنـى أن يـنـال إعـجـاب الـجـميـع ويـحـوز رضــاهم. وأتـمـنـى أن تــتـسـع صـفـحـات مـوقعنا لإقــلامـكـم ومـا تـحـمـلـه مـن مـواضـيـع وآراء الـتـي سـنـشـاركـكـم الـطـرح والإبـداع فـيـهـا.
ويسعدنا  أن نتلقى أية مقترحات أو آراء أو ملاحظات بناءة وطموحة تزيد من فعالية الصفحات التي يضمها الموقع.
  • 3:03 م
  • اقرأ المزيد

    18 فبراير 2017

    تعليقات 0

    خط 'Neo sans arabic' المدفوع مجانا !


    السلام عليكم ....  , اقدم اليكم خط 'Neo sans arabic' المدفوع مجانا ! , خط 'Neo sans arabic' , هوه خط عربي رائع ومميز ⭐ , يبحث عنه اغلب المصممين ( سواء مصممي الجرافيك او مصممي الويب ) , الخط يتميز  بالاناق , يستعمل في اضافة لمسه من الابداع على تصاميم الويب او تصاميمك على الفوتوشوب , بالخصوص في قوالب الويب , زيادة على ذلك استعمال هذا الخط في تصميم الشعارات , لانه خط بسيط و راقي و خفيف .. 
    لن اطيل عليكم نترككم مع تحميل الخط :

  • 11:33 م
  • اقرأ المزيد

    8 ديسمبر 2016

    تعليقات 0

    خط دوشة العربي !!

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


    لتحميل الخط : اضغط هنا
  • 2:33 ص
  • اقرأ المزيد
    تعليقات 0

    الفرق بين برنامج الفوتوشوب وبرنامج الاليستريتور

    مقدمة

    تم إنشاء البرنامجين من قبل شركة ادوبي وهما من مجموعة  برامج الجرافيك كما نعلم 
    جميعاً ولكن هناك الفرق كبير بين الفوتوشوب والاليسترويتر.

    أولاً

    الفوتوشوب هو برامج لمعالجة الصور يعتمد علي البيكسل والبيكسل هو عبارة عن نقاط
    صغيرة صفوف  بالطول وصفوف بالعرض وهذة البيكسل المكونة  لاي صورة نراها
    وبعمل زوم أن او تكبير للصورة اكثر من مرة  تضح لنا هذة النقاط ويتسخدم  برنامج
    الفوتوشوب في التصميم المرئي الذي يعتمد علي النظام اللوني RGB وهو الذي يعرض
    علي شاشات الكومبيوتر ويستخدم أيضاً في التصميم لأغراض الطباعة الذي يعتمد علي
    نظام الألوان CMYK كما في الاوراق والكتب والمجالات إلى …… 


    ثانياً

    برنامج الاليستريتور يعتمد البرنامج علي الفيكتور وليس البيكسل والفيكتور هو الباص
    أو(النقطة) التي لها بداية ونهاية ويعتبر الاليسترويتر برنامج للرسم 
    وليس  ذكري كلمة رسم هنا اي انك لابد أن تكون  رساماً لكي تعمل علية 
    البرنامج بسيط وسهل  للغاية  لو قمنا مثلاً  برسم مربع
    أودائرة في برنامج الفوتوشوب سيكون المكون فيه مجموعة عدد من النقاط اما في 
    حالة رسم المربع أو الدائرة  علي برنامج 
    الاليستريتور سيكون كل المربع أو الدائرة  نقطة واحدة وفي حالة عمل زوم إن أو تكبير
    للمربع أو الدائرة علي برنامج الاليسترويتر لن تظهر البيكسل ونلاحظ ظهور 
    الحواف الخاصة بالمربع او الدائرة ناعمة وحادة مهما تم تكبيرها بعكس برنامج 
    الفوتوشوب .

    ويمكنك مشاهدة الفرق في الصورة التالية :-

    كما نلاحظ الدائرة اليمني  تم رسمها ببرنامج الاليستريتور  والدائرة اليسري تم رسمها 
    ببرنامج الفوتوشوب وبعد عمل زوم إن أو تكبير علي كل منهما كانت هذه النتيجة.



  • 2:05 ص
  • اقرأ المزيد

    7 ديسمبر 2016

    تعليقات 0

    تحميل " خط هلا " للعناوين !!


    خط هلا hala-font العربي يعتبر من الخطوط المميزة من الخطوط السميكة التي يمكن استخدامها في كتابة العناوين الخط من برمجة وتصميم غانم المطيري خط هلا خط مجاني ومصرح به للاستخدام والشخصي والتجاري.

    صورة توضيحية لكلمتين خط هلا مكتوبة بالخط

  • 11:19 م
  • اقرأ المزيد
    تعليق واحد

    تحميل " خط سطور"


    خط سطور

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

    صورة توضيحية لمحتوي نصي تم كتابتة بخط سطور





  • 10:35 م
  • اقرأ المزيد
    تعليقات 0

    خط حاكم بـ3 أوزان !!

    خط عربي جديد صمم بثلاثة أوزان مختلفة والخط مجاني للاستخدام الشخصي والتجاري خط حاكم من تصميم وبرمجة غانم المطيري الخط يدعم الكتابة باللغة الانجليزية .

    صورة توضيحية لــ “خط حاكم”




    تحميل الخط

  • 10:22 م
  • اقرأ المزيد

    27 نوفمبر 2016

    5 تعليقات

    انشر موضوع على مدونتنا مقابل 3 دولار لكل تدوينة

    مرحبا بكم اخوتي زوار ومتابعين مدونة محترفي الحاسوب . لعل الجميع لاحظ قلة المواضيع او التدوينات التي يتم نشرها على المدونة ، ذالك راجع لسبب انني اعمل على المدونة بمفردي . وللاسف في هذه الشهور انا منشغل بامور اخرى عل الانترنت وغير متفرغ للنشر على المدونة . لذالك فكرت في فتح عرض للمتابعين الاوفياء الذين يحبون التدوين ، لنشر مواضيعهم على المدونة مقابل 3 دولار لكل موضوع . وهذا العرض سوف يكون لفترة محدودة من كل شهر على حسب الميزانية الشهرية التي سوف يتم تخصيصها لهذا العرض ، لذالك وجب عليك الرجوع الى هذا الموضوع والتأكد من ان العرض لا زال ساريا ... ⏩


    اذا كان  العرض يناسبك اتمنى ان تقرأ التعليمات التالية قبل ارسال اي موضوع .
    شروط قبول التدوينات : 

    • ان لا تكون المواضيع منقولة بشكل حرفي من المدونات الاخرى . نرحب فقط بالمواضيع التي تم اعادة صياغتها بشكل احترافي .
    • قبل كتابة اي موضوع تأكد من انه لم يتم التطرق اليه في مدونة محترفي الحاسولب من قبل ، عبر استخدام محرك البحث الخاص بالمدونة الذي يظهر في الجانب الايمن
    • لا نقبل المواضيع الاخبارية 
    • لا نقبل المواضيع التي تتظمن برامج او العاب مهكرة 
    • قم بارفاق  صورة على الاقل مع كل موضوع 
    • قبل  ارسال اي موضوع قم بزيارة هذا الموضوع وتأكد من ان  العرض لا زال ساريا
    طريقة ارسال التدوينات :
    بعد كتابة  المواضيع والتأكد من انها متوافقه مع الشروط ، قم بارسالها لنا في ملف وورد على الاميل التالي : 

    طرق الدفع :
    حاليا يتم الدفع فقط على الباي بال ، قريبا سوف يتم الدفع بعملة البتكوين ايضا 

    ملاحظة مهمة :
    يحق لي رفض اي تدوينة اذا رأيتها غير مناسبة للنشر على المدونة . لذالك في حالة لم اقم بطلب منك معلوماتك على الباي بال فهذا يعني ان تدوينتك لم يتم قبولها ، ولن تراها منشوره على المدونة .
  • 12:43 ص
  • اقرأ المزيد

    26 نوفمبر 2016

    تعليق واحد

    تحميل و تفعيل برنامج Camtasia Studio 9





    كامتازيا - Camtasia Studio هو البرنامج الأول فى مجاله وعن تجربة شخصية ، متخصص في تصوير شاشة الحاسوب وعمل

    دروس و شروحات الفيديو الاحترافية بكل سهولة في آن واحد.
    يمنحك أدوات لتسجيل الشاشة بجودة عالية HD ومن ثم تحويل هذه التسجيلات إلى مقاطع فيديو احترافية بدقة عالية وبصيغ متعددة
    أبرزها صيغة MP4 - GIF - WMV
    كما يساعدك على استيراد الفيديو من كاميرا HD ومصادر اخرى
    وبمجرد تحرير اي فيديو خاص بك يمكنك مشاركته مباشرة على يوتيوب، جوجل درايف.... الخ.
    البرنامج فى إصدارة الاخير ( Camtasia Studio 9 )
    يأتي بالعديد من المميزات الجديدة و أيضا اختلاف كامل من حيث الوجهة, الان فل نبدء الشرح!

    مميزات برنامج كامتازيا ستوديو 9 :


    1. تصوير الشاشة مع وجود أدوات احترافية مبتكرة غير موجودة فى أى برنامج أخر منافس
    2. تحرير الفيديو والتعديلات الرائعة كأكبر برنامج لتحرير الفيديوهات
    3. التحويل بين امتدادات الفيديو المختلفة ودعم الفلاش والامتدادات عالية الجودة كـ HD .الامتدادات المضغوطة RM
    4. إمكانية تسجيل برنامج Power Point وتحويله إلى فيديو عالى الجودة
    5. إمكانية تسجيل الأصوات بنقاء وجودة عالية والتعديل عليه وإضافة المؤثرات وإزالة الضوضاء وماشابه
    6. إمكانية الرفع المباشر على عدد من المواقع كـ Youtube وغيرها ..


    معلومات عن البرنامج Camtasia Sudio 9 :


    الإصدار : Camtasia Studio 9
    الحجم : 271 MB
    الدعم والتوافق : كل اصدارات ويندوز بنواة bit64 فقط | لايعمل على ويندوز XP
    الترخيص : غير مجاني | ولكن تم توفر التفعيل
    الشركة : Techsmith

    تحميل برنامج Camtasia Studio 9 :


    1. للتحميل من موقع الشركة : Camtasia Studio 9
    2. أو تحميل البرنامج للويندوز برابط مباشر : Camtasia Studio 9 Windows
    3. تحميل البرنامج للماك برابط مباشر: Camtasia Studio 9 Mac

    تفعيل Camtasia Studio 9 :


    1- تفعيل كامتازيا 9 - الطريقة الاولى :


    اضغط هنا لتحميل برنامج التفعيل : Camtasia Studio 9 Activate
    طريقة التفعيل بهذة الطريقة
    قم بالدخول الى المسار التالي
    C:\ProgramData\TechSmith\Camtasia Studio 9
    قم بنقل ملف الذي قمت بتحميلة من الرابط السابق
    RegInfo.ini
    الى المسار السابق ووافق على الاستبدال

    2-  تفعيل كامتازيا 9 - الطريقة الاولى :


    اضغط هنا لتحميل برنامج التفعيل : Camtasia Studio 9 Keygen
    طريقة التفعيل عن طريق الكيجين
    قم بتشغيل الكيجين الذي قمت بتحميلة من الرابط السابق
    قم بتوليد أي سريال لتفعيل البرنامج
    قم بنسخ السريال الذي تم توليدة
    قم بلصق السريال فى البرنامج وقم بكتابة اى اسم تريد
  • 12:04 ص
  • اقرأ المزيد

    30 أكتوبر 2016

    تعليق واحد

    حصريا اضافة ازرار المعاينة والتحميل بشكل احترافي !!



    كيفية اضافة ازرار تحميل ومعاينة فى مدونة بلوجر بشكل احترافى تركيب ازرار المعاينة والتحميل بشكل احترافي فى بلوجر لمساعدة على اضافة ازرار جذابة فى المحتوي الخاص بك كيفية جعل زر Demo و تحميل واجهة مستوية فى درس اليوم سوف نتعلم تركيب ازرار المعاينة والتحميل وتركيب مع أضافة ايقونة الخط للجميع المدونين المهتمين بالبرامج والافلام وتصميم القوالب وعمل زر تحميل تجريبي وهكذا تابع معايا
    1. نتوجه الى القالب ونبحث عن الكود التالي ]]></b:skin>
    2. وبعدها اضف الكود التالي فوقه
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); .boxy { font-family: “Open Sans”; font-weight: 400; font-size: 1.5em; color: rgba(255, 255, 255, 0); display: inline-block; cursor: pointer; text-decoration: none; padding: 0.6em 1.6em; margin: 0.6em; border-style: solid; border-width: 1px; transition: all 0.2s ease; border-image: linear-gradient(155deg, #fb83fa 0%, #31bcb8 100%) 1 round; background: linear-gradient(155deg, #fb83fa 0%, #31bcb8 100%); background-clip: text; -webkit-background-clip: text; } .boxy:hover { box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(49, 188, 184, 0.4), -2px -2px 6px rgba(251, 131, 250, 0.4); } .boxy:hover { color: rgba(255, 255, 255, 0.1); text-shadow: 0 0 1px rgba(255, 255, 255, 0.4); } .boxy.red { border-image: linear-gradient(155deg, #fc5c3c 0%, #ffb638 100%) 1 round; background: linear-gradient(155deg, #fc5c3c 0%, #ffb638 100%); background-clip: text; -webkit-background-clip: text; } .boxy.red:hover { box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(255, 182, 56, 0.4), -2px -2px 6px rgba(252, 92, 60, 0.4); } .boxy.green { border-image: linear-gradient(155deg, #06e5de 0%, #AAFFA9 100%) 1 round; background: linear-gradient(155deg, #06e5de 0%, #AAFFA9 100%); background-clip: text; -webkit-background-clip: text; } .boxy.green:hover { box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(170, 255, 169, 0.4), -2px -2px 6px rgba(6, 229, 222, 0.4); } .boxy.la { text-transform: uppercase; font-weight: 300; letter-spacing: 0.05em; font-size: 3em; padding: 0.3em; border-width: 2px; display: block; width: 70%; margin: 0.6em auto; border-image: linear-gradient(155deg, #F0C27B 0%, #ad1ba3 100%) 1 round; background: linear-gradient(155deg, #F0C27B 0%, #ad1ba3 100%); background-clip: text; -webkit-background-clip: text; } .boxy.la:hover { box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(173, 27, 163, 0.4), -2px -2px 6px rgba(240, 194, 123, 0.4); } p { color: rgba(255, 255, 255, 0.7); margin: 30px; }
    1. قم بحفظ القالب وهذا هو كود html اضفه بداخل المشاركة في تبويب html
     <a class=”boxy” href=”#”> للتحميل </a> <a class=”boxy red” href=”#”> للمعاينة </a> <a class=”boxy green” href=”#”> للتحميل </a>
  • 2:38 ص
  • اقرأ المزيد
    تعليقات 0

    حصريا | اضافة وجوه تعبيرية لتقييم التدوينة في مدونات بلوجر

    حصريا | اضافة وجوه تعبيرية لتقييم التدوينة في مدونات بلوجر


    العديد من المدونين المحترفين والمبتدئين ترغب دائما اضافة العديد من الامور التي تكون لها جاذبية للزوار ، كما انها ترغب باضافتها دون ان تؤثر او تجعل المدونة تقيلة في التحميل ، ومن بين هذه الاضافات التي يتم اضافتها في المدونة خصوصا داخل المواضيع هي وجوه تعبيرية لتقييم المشاركة التي قمت بكتابتها ، وفي الحقيقة هذه الاضافة تبين لك تعابير الزوار حول الموضوع الذي قمت بنشره هل معجب به او فظيع بنسبه له .

    1. لا تنسى حفظ نسخة للقالب
    2. اول شيئ نقوم به وهو التوجه الى :
    3. لوحة التحكم >> قالب >> تحرير html
    4. قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F) 
    ]]></b:skin>
    1. واضف الكود التالي فوقه مباشرة
    /*============================*/ *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } .fb-cont { overflow: hidden; position: relative; margin: 100px auto; width: 800px; padding: 75px; padding-bottom: 140px; background: #fff; } .fb-cont__inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .fb-cont__inner:before { content: “”; position: absolute; left: 50%; top: 50%; width: 90%; height: 4px; margin-top: -2px; background: rgba(200, 206, 211, 0.5); border-radius: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .fb-cont__drag-cont { z-index: 2; position: absolute; left: 50%; top: 0; width: 574px; height: 100%; margin-left: -287px; pointer-events: none; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .fb-heading { margin: 0 auto 60px; font-size: 30px; text-align: center; color: #737b7b; } .fb-emote { z-index: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 76px; height: 76px; cursor: pointer; } .fb-emote svg { display: block; margin-bottom: 15px; width: 100%; height: 100%; background: #c8ced3; border-radius: 50%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .fb-emote.s–active svg { -webkit-transform: scale(0.7); transform: scale(0.7); } .fb-emote__caption { text-align: center; font-size: 26px; font-weight: 700; color: #c8ced3; -webkit-transition: all 0.5s; transition: all 0.5s; } .fb-emote.s–active .fb-emote__caption { color: #655e53; -webkit-transform: translateY(15px); transform: translateY(15px); } .fb-emote__eye { stroke: none; fill: #fff; } .fb-emote__smile { stroke: #fff; stroke-width: 10; stroke-linecap: round; fill: none; } .fb-active-emote { position: absolute; left: 0; top: 50%; width: 110px; height: 110px; margin-left: -55px; margin-top: -55px; background: #ffd68c; border-radius: 50%; } .fb-active-emote svg { width: 100%; height: 100%; } .fb-active-emote__eye { stroke: none; fill: #655e53; } .fb-active-emote__smile { stroke: #655e53; stroke-width: 10; stroke-linecap: round; fill: none; } .icon-link { position: absolute; left: 5px; bottom: 5px; width: 32px; } .icon-link img { width: 100%; vertical-align: top; } .icon-link–twitter { left: auto; right: 5px; }
    1.  الان نبحت عن الكود التالي <body/>  تم نضع فوقه الكود اسفله
    <script type=’text/javascript’> function $$(selector, context) { var context = context || document; var elements = context.querySelectorAll(selector); var nodesArr = [].slice.call(elements); return nodesArr.length === 1 ? nodesArr[0] : nodesArr; }; var $emotesArr = $$(‘.fb-emote’); var numOfEmotes = $emotesArr.length; var $dragCont = $$(‘.fb-cont__drag-cont’); var $activeEmote = $$(‘.fb-active-emote’); var $leftEye = $$(‘.fb-active-emote__eye–left’); var $rightEye = $$(‘.fb-active-emote__eye–right’); var $smile = $$(‘.fb-active-emote__smile’); var emoteColors = { terrible: ‘#f8b696’, bad: ‘#f9c686’, default: ‘#ffd68c’ } var animTime = 0.5; $emotesArr.forEach(function($emote, i) { var progressStep = i / (numOfEmotes – 1); $emote.dataset.progress = progressStep; $emote.addEventListener(‘click’, function() { var progressTo = +this.dataset.progress; var type = this.dataset.emote; var $target = document.querySelector(‘#fb-emote-‘ + type); var $lEye = $target.querySelector(‘.fb-emote__eye–left’); var $rEye = $target.querySelector(‘.fb-emote__eye–right’); var leftEyeTargetD = $lEye.getAttribute(‘d’); var rightEyeTargetD = $rEye.getAttribute(‘d’); var smileTargetD = $target.querySelector(‘.fb-emote__smile’).getAttribute(‘d’); var bgColor = emoteColors[type]; if (!bgColor) bgColor = emoteColors.default; $$(‘.fb-emote.s–active’).classList.remove(‘s–active’); this.classList.add(‘s–active’); TweenMax.to($activeEmote, animTime, {backgroundColor: bgColor}); TweenMax.to($dragCont, animTime, {x: progressTo * 100 + ‘%’}); TweenMax.to($leftEye, animTime, {morphSVG: $lEye}); TweenMax.to($rightEye, animTime, {morphSVG: $rEye}); TweenMax.to($smile, animTime, {attr: {d: smileTargetD}}); }); });</script>
    1. واخيرا ابحث عن هذا الكود <data:post.body/> ستجد اكثر من واحد الاخير هو المقصود الان اضف الكود التالي  :
    <svg class=”fb-emotes-svg” style=”display: none;”> <symbol id=”fb-emote-terrible” data-emote=”terrible” viewBox=”0 0 100 100″> <path class=”fb-emote__eye fb-emote__eye–left” d=”M32,25 l10,10 a10,10 0 0,1 -20,0 a10,10 0 0,1 10,-10″/> <path class=”fb-emote__eye fb-emote__eye–right” d=”M58,35 l10,-10 a10,10 0 0,1 0,20 a10,10 0 0,1 -10,-10″/> <path class=”fb-emote__smile” d=”M30,68 q20,-13 40,0 M30,68 q20,-13 40,0″/> </symbol> <symbol id=”fb-emote-bad” data-emote=”bad” viewBox=”0 0 100 100″> <path class=”fb-emote__eye fb-emote__eye–left” d=”M22,35 l10,-10 a10,10 0 0,1 0,20 a10,10 0 0,1 -10,-10″/> <path class=”fb-emote__eye fb-emote__eye–right” d=”M68,25 l10,10 a10,10 0 0,1 -20,0 a10,10 0 0,1 10,-10″/> <path class=”fb-emote__smile” d=”M30,68 q20,-10 40,0 M30,68 q20,-10 40,0″/> </symbol> <symbol id=”fb-emote-okay” viewBox=”0 0 100 100″> <path class=”fb-emote__eye fb-emote__eye–left” d=”M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-emote__eye fb-emote__eye–right” d=”M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-emote__smile” d=”M35,73 q20,-4 35,-8 M35,73 q20,-4 35,-8″/> </symbol> <symbol id=”fb-emote-good” viewBox=”0 0 100 100″> <path class=”fb-emote__eye fb-emote__eye–left” d=”M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-emote__eye fb-emote__eye–right” d=”M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-emote__smile” d=”M30,68 q20,10 40,0 M30,68 q20,10 40,0″/> </symbol> <symbol id=”fb-emote-great” viewBox=”0 0 100 100″> <path class=”fb-emote__eye fb-emote__eye–left” d=”M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-emote__eye fb-emote__eye–right” d=”M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-emote__smile” d=”M30,68 q20,15 40,0 M30,68 q20,0 40,0″/> </symbol> </svg> <div class=”fb-cont”> <div class=”fb-heading”>كيفية المساعدة التي حصلت عليها؟ </div> <div class=”fb-cont__inner”> <div class=”fb-emote” data-emote=”terrible”> <svg><use xlink:href=”#fb-emote-terrible”/></svg> <p class=”fb-emote__caption”>فظيع</p> </div> <div class=”fb-emote” data-emote=”bad”> <svg><use xlink:href=”#fb-emote-bad”/></svg> <p class=”fb-emote__caption”>سيئة</p> </div> <div class=”fb-emote s–active” data-emote=”okay”> <svg><use xlink:href=”#fb-emote-okay”/></svg> <p class=”fb-emote__caption”>حسنا</p> </div> <div class=”fb-emote” data-emote=”good”> <svg><use xlink:href=”#fb-emote-good”/></svg> <p class=”fb-emote__caption”>جيد</p> </div> <div class=”fb-emote” data-emote=”great”> <svg><use xlink:href=”#fb-emote-great”/></svg> <p class=”fb-emote__caption”>عظيم</p> </div> <div class=”fb-cont__drag-cont”> <div class=”fb-active-emote”> <svg viewBox=”0 0 100 100″> <path class=”fb-active-emote__eye fb-active-emote__eye–left” d=”M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-active-emote__eye fb-active-emote__eye–right” d=”M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20″/> <path class=”fb-active-emote__smile” d=”M35,73 q20,-4 35,-8 M35,73 q20,-4 35,-8″/> </svg> </div> </div> </div> </div>
  • 2:18 ص
  • اقرأ المزيد

    29 أكتوبر 2016

    6 تعليقات

    #عن_المدون | Hamid benaceur | (من يكون) | حميد بناصر | ؟

    #عن_المدون | Hamid benaceur | (من يكون) | حميد بناصر | ؟

    نبذه عن حميد :
     اسمي حميد من المملكة المغربية عمري 18 سنة ادرس في مدونة خصوصية للتكنولجيات العليا بمدينة اكادير ... مدون ومصمم مهووس بجديد التكنلوجيا والتصميم من اهتماماتي تطوير المواقع والعلاقات بين المدونين العرب تم انشاء محترفي الحاسوب لتلبية طلباتكم ومساعدتكم في المجال المعلوماتي وتقديم افضل ما لدينا لكم ... 

    ماهى اهم انجازاتك :
    ولله الحمد تابعت الكثير من الافكار التدوين و البرمجة وتعلمت الكثيرمن امور الحياه المبرمج و المدون..
    وتعمقت اكثر فى ميدان بلوجر..عرفت من أنا .. وآمنت بكثير من الأمور مع اخوان المدونين...

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

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

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

    الى هنا نصل الى نهاية التدوينة يمكنكم وضع اسئلتكم واي مدون تودون استضافته في فقرة #عن_المدون لا تنسوا مشاركاتنا بالتعليقات اسفله والسلام عليكم
  • 12:11 ص
  • اقرأ المزيد

    28 أكتوبر 2016

    149 تعليقات

    حصريا | تحميل قالب محترفي الحاسوب (ha1pc) النسخى السابعة v7 مجانا !!

    حصريا | تحميل قالب محترفي الحاسوب (ha1pc) النسخى السابعة v7 مجانا !!



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

    اهم المميزات بالقالب + معاينة القالب من هنا  :
    1. صندوق بحث مميز جدا يجلب النتائج اثناء الكتابة
    2. القالب محسن طبقاً لمعايير google فى التوافق مع محركات البحث - الارشفة
    3. أداه رائعة فى السيدبار تقوم بعرض موضوعات من الاقسام فقط بتحديد الاقسام التي تريد عرض الموضوعات منها ويتم عرضها فى عارض شرائح
    4. تعليقات بلوجر بميزة حصريه وهى امكانية الرد على تعليقات اكثر من مره 
    5. تعليقات فيسبوك متجاوبة وبميزة ينفرد بها اوصال وهى عدم تحميل الصندوق الا اذا ضغط الزائر على زر التعليق عبر فيسبوك والميزة هده مهمه لانها لا تثقل كاهل المدونة
    شرح الحصول على القالب  
    1. يجب عليك الانضمام الى اعضاء المدونة  من هنا
    2. يجب عليك الاشتراك في اليوتوب من هنا
    3. أترك تعليق على الموضوع وقم بوضع به رابط بريدك الألكترونى وسوف يتم ارسال اليك القالب فى اقرب وقت ممكن
      1. 11:38 م
      2. اقرأ المزيد

        25 أكتوبر 2016

        تعليقات 0

        3 أنواع من المنشورات إذا شاركتها على الفيس بوك سوف يتم حظرك

        3 أنواع من المنشورات إذا شاركتها على الفيس بوك سوف يتم حظرك

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


        المنشورات الإباحية  :
        قد تعتقد بأن الإباحية هي القيام بنشر صورة تظهر فيها الأعضاء التناسلية بشكل واضح و صريح ، لكن في الحقيقة فإن حتى الصور المثيرة للنساء أو صور التقبيل و غيرها هي أمر ممنوع في فيس بوك ، عكس موقع تويتر و الذي لا يضع أي قوانين أو سياسة بشأن هذا الأمر ، لهذا لا تقم أبدا بنشر الصور الإباحية على حسابك أو على اي صفحة من صفحاتك لأن مجرد تبليغ بسيط عن الصورة سوف يؤدي لحظر حسابك .

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

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

      3. 2:25 م
      4. اقرأ المزيد

        23 أكتوبر 2016

        تعليقات 0

        اضافة الصعود الى الاعلى بشكل صاروخ



        توجد العديد من الإضافات والطرق الجميلة لتصميم مثالي ورائع وهكذا الحال مع إضافة زر الصعود للأعلى، فالمدون دائماً ما يحب رؤية موقعه أو مدونته بشكل جيد وكذلك يتيح لمتابعيه حركة سلسلة في مواضيع وجنبات الموقع وإضافة إصعد إلى الأعلى من الإضافات التي توفر لك الأمرين والأكثر من هذاأنها سهلة التطبيق والإضافة وبأشكال تناسب جميع القوالب لا من حيث اللون والشكل وهذا مغاير لإضافتنا اليوم فالزر عبارة عن صاروخ بتأثير واقعي

        طريقة التركيب:

        1. توجه إلى قالب >> تحرير
        2. ثم انقر على تحرير HTML
        3. ابحث عن الوسم  ]]></b:skin> و اضف الكود التالي فوقه:

            #scrolltop{display:none} #rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)} #rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0} #rocketmeluncur:hover{background-position:50% -62px} #rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1} #rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none} #rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}
            1. إبحث عن </body>  وضع الكود التالي فوقه

            2. <a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a> <script type='text/javascript'> //<![CDATA[ jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)}); //]]> </script>
          1. 9:46 م
          2. اقرأ المزيد
            تعليق واحد

            كيفية جعل صور مواضيع مدونتك اكثر استجايبة


            كيفية جعل صور مواضيع مدونتك اكثر استجايبة : اكيد انك لاحظت خروج الصور في كثير من المدونات عن قالبها الاصلي حيث تكون في بعض الاحيان مزعجة للزوار , كما انها من الاسباب التي تاتر على الزوار , لانه كلما زادت اناقة موقعك و ترتيبه زادت نسبة الزيارات و المعجبين , تذكر ان مدونك كامرأة يجب الاعتناء بها .

            ان كنت اخي الكريم تعاني هذا المشكل في مدونتك يرجى فقط اضافة رمز CSS الذي سيجعل جميع الصور لا تتعدى القالب الخاص للمواضيع بمدونتك و يرجى تتبع الخطوات التالية :
            1. .لوحة التحكم >> إضغط على قالب >> ثم تحريرhtml
            2. إبحث بالضغط على   CTRL+F عن الكود التالي : ]]></b:skin> او </style>
            3. .ثم ضع قبله الكود التالي مباشرةً :

            .post-body img {
            max-width:100%;
            height:auto;
            }
             ان اعجبكم الموضوع لا تنسى مشاركته مع اصدقائك لتعم الفائدة

          3. 1:27 ص
          4. اقرأ المزيد
            تعليق واحد

            اضافة صفحة أيقونات Font Awesome احترافية


            السلام عليكم متابعي وزوار موقع محترفي الحاسوب اليوم في هدا الدرس اعود ليكم بطريقة عمل صفحة ايقونات Awesome احترافية بمعنى الكلمة اولا اود ان اتقدم اليكم بالاتدار نتيجة غيابنا عن التدوين لكن انشالله سنحاول ان نوازن ما بين العمل والتدوين حتى لا ا\يل عليكم ننتقل الى الشرح ...


            شرح تركيب الاضافة 
            1. أول خطوة عليك الذهاب الى انشاء صفحة جديدة
            2. ثم عليك الانتقال من وضع تأليف الى HTML كما في الصورة
            1. ثم عليك تحميل الأكواد من هنا ولصقها بـ HTML الصفحة
            2. ثم اضغط على نشر ومبروك عليك الصفحة
          5. 1:10 ص
          6. اقرأ المزيد
            تعليقات 0

            إنقاص الوزن مع هذا التطبيق سوف يكون سهلا

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

            التطبيق هو أداة تدعى  Low Carb Diet Calculator و هو عبارة عن تطبيق مجاني يمكنك من خلاله وضع إسم اي طعام لتحصل مباشرة على نسبة الكربوهيدرات التي يحتوي عليها الطعام و التي تبين لك هل الطعام مضر أم صحي ، حيث أنه كلما كانت عالية فإن هذا يعني بأن الطعام سوف يزيد من وزنك أكثر و غير صحي ، و طريقة عمل تطبيق Low Carb Diet Calculator سهلة و بسيطة حيث أن كل ما عليك القيام به أولا هو تحميله عبر الرابط الموجود اسفل التدوينة .
            إنقاص الوزن مع هذا التطبيق سوف يكون سهلا
            بعد تحميل و تتبيث تطبيق Low Carb Diet Calculator على هاتف الآيفون الخاص بك فإن كل ما عليك القيام  به هو الولوج إليه و في الخانة تقوم بوضع إسم الشيء الذي سوف تتناوله ليقوم مباشرة بتزويدك بمعلومات عنه ، و المميز في تطبيق Low Carb Diet Calculator أنه يحتوي على أكثر من 5 مليون نوع من الطعام مما يضمن لك أنك سوف تحصل على نتائج بخصوص كل ما ترغب في تناوله .
            إنقاص الوزن مع هذا التطبيق سوف يكون سهلا
            عبر إستعمال تطبيق Low Carb Diet Calculator سو ف تستطيع حساب السعرات الحرارية التي سوف تتناولها بسهولة و بهذه الطريقة يمكنك التحكم في وزنك بسهولة ، و للإشارة فإن التطبيق حجمه صغير ولا يستهلك الكثير من موارد الجهاز كما أنه يحتوي على تصميم أنيق أيضا .
          7. 12:48 ص
          8. اقرأ المزيد