كود CSS لوضع صور التحميل المباشر على منتدياتكم و مدونات بلوجر On CSS to put a picture on direct download Menendtm codes blogger

دروس CSS

    كود CSS لوضع صور التحميل المباشر على منتدياتكم و مدونات بلوجر

 -----------------

On CSS to put a picture on direct download Menendtm codes blogger

------------------

السلام عليكم و رحمة الله تعالى و بركاته اخواني اخواتي الكرام متتبعي برامج انترنت و اخبارك نت

Www.ecomedfot.blogspot.com

و زوار قناة المتخصص

https://www.youtube.com/channel/UCXoIozrHfZGYsqbDo1YTd1Q

و مدونة قناة المتخصص

http://netspeker.blogspot.com/

اهلا و سهلا بكم في هذا لشرح ، حيث سنقوم بشرح اوامر CSS التي تتحكم بمنتداكم بكل حرية ...........

اذا كنت تمتلك منتدى على الانترنت فيمكنك التحكم بكل ما فيه عن طريق اكواد CSS التي سنقوم بشرحها لكم في هذا الدرس فتابعونا على بركة الله ...............

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

و لأي استفسار قم بطرحه على مدونتنا من اسفل التعاليق ........

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

ادخل من خلال لوحة الادارة الخاصة بمنتداك، ثم اختر ورقة تصميم CSS كما يلي:

و منها اختر مظهر المنتدى او Style  

بعدها  اختر الصور و الالوان

ثم اختر لالوان ، ثم ورقة تصميم CSS

      و بهذا سنبدأ باظافة مجموعة من الاكواد الخاصة  بلغة CSS ، و سنخصص هذا لادراج صورة التحميل المباشر Downlaod   التالية:

          حيث يمكننا اضافة هذة الصورةعن طريق ادخال كود CSS التالي بداخل ورقة تصميم CSS التالي:

.post a[href*="http://www.mediafire.com/?"],.post a[href*="http://www.4shared.com"] {

            background: url("ضع من هنا رابط صورة التحميل") no-repeat scroll center center transparent;

           color: transparent;

          display: block;

           font-size: 0;

          height: 40px;

          overflow: hidden;

         width: 100px;

}

سنقوم بشرح الكود السابق:

                  العبارة [هنا قم بوضع الرابط الخاص بموقع الرفع]  .post a هي خاصية اضافة روابط لمواقع التحميل المعروفة مثل موقع الميديافاير mediafire ، و موقع 4 شارد 4shared و يمكنك ان تضيع عدة مواقع مماثلة .........................

من العبارة background-color نقوم بتغيير خلفية الصورة كما نشاء عن طريق تغيير رابط الصورة المناسب لذلك

العبارة width نحدد بها طول الصورة و نحن سنحدد طولها بالبيكسل  100px

العبارة height نحدد بها عرض الصورة و نحن سنحدد عرضها بالبيكسل  40px

العبارة color لتحديد لون الكتابة ان وجد فوق الصورة.....

العبارة   font-size لتحديد حجم الخط ام ودج فوق الصورة ....

======================================

*******************************************

======================================

حمل كتاب  كود CSS لوضع صور التحميل المباشر على منتدياتكم و مدونات بلوجر من هنا 

الى هنا نأتي الى نهاية شرحنا هذا .....

اتمنى ان ينال موضوعي هذا اعجابكم .......

لا تنس وان تضعو استفساراتكم و اسئلتكم و اعجابكم في التعليقات اسفل هذا الموضوع

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

                 اذا واجهتك أي مشكل او تسائل ضعه في تعليق اسفل الموضوع و سنجيبكم على كل التسائلات باذن الله ....

                 ان اعجبك الموضوع لا تنسى بمتابعتنا بالنقر على متابعة بالبريد الالكتروني في اسفل الموضوع حتى يصلكم كل جديد في موقع http://satelet.blogspot.com/ ...

يمكنكم متابعة ايضا المواقع التالية كمصدر لاهم المعلومات .....

  زورو المواقع التالية

http://satelet.blogspot.com/	http://ecomedfot.blogspot.com/
http://net-progg.blogspot.com/	http://wordshear.blogspot.com/
http://bac-bem-univ.blogspot.com/	http://programe-explique.blogspot.com

كود CSS لوضع صور التحميل المباشر على منتدياتكم و مدونات بلوجر,
 On CSS to put a picture on direct download Menendtm codes , blogger,
css
computer, program, php, js, json, jQuery, drupal, drupal 7, jQuery UI, SASS, html, html5, css, css3, articles, courses, دورات, برمجة, دورات باللغة العربية
CSS Tutorial, Learn CSS, YouTube videos, CSS templates, web design