اذهب إلى المحتوى

hassenzouari98

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    71

  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    2

إجابات الأسئلة

  1. hassenzouari98
    إجابة hassenzouari98 سؤال في أريد سلايدر لعرض صورة واحدة مع أزرار تنقل؟ كانت الإجابة المقبولة   
    يمكنك صنع سلايدر  مثل هذا السلايدر الموجود في الصورة ، والذي يعرض صورة واحدة فقط وبها فقرة وأزرار تنقل عمودية بالاعتماد على html و bootstrap و jquery وذلك لتسهيل الامر والسرعة في انجازها حيث سيكون الكود كما هو التالي :
    هذه هي صفحة html التي ستحتوي على الصور والنصوص والازرار ... 
    <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery &amp; Bootstrap Carousel Demo</title> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <img src="http://lorempixel.com/1200/400/sports" style="width:100%" alt="First slide"> <div class="container"> <div class="carousel-caption"> <div> <div class="likes"> <div>5k</div> <span class="glyphicon glyphicon-heart"></span> </div> <div class="comments"> <div>5k</div> <span class="glyphicon glyphicon-comment"></span> </div> </div> <p>Aenean a rutrum nulla. Vestibulum a arcu at nisi tristique pretium.</p> <!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>--> </div> </div> </div> <div class="item"> <img src="http://lorempixel.com/1200/400/people" style="width:100%" data-src="" alt="Second slide"> <div class="container"> <div class="carousel-caption"> <div> <div class="likes"> <div>5k</div> <span class="glyphicon glyphicon-heart"></span> </div> <div class="comments"> <div>5k</div> <span class="glyphicon glyphicon-comment"></span> </div> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae egestas purus. </p> <!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>--> </div> </div> </div> <div class="item"> <img src="http://lorempixel.com/1200/400/abstract" style="width:100%" data-src="" alt="Third slide"> <div class="container"> <div class="carousel-caption"> <div> <div class="likes"> <div>5k</div> <span class="glyphicon glyphicon-heart"></span> </div> <div class="comments"> <div>5k</div> <span class="glyphicon glyphicon-comment"></span> </div> </div> <p>Donec sit amet mi imperdiet mauris viverra accumsan ut at libero.</p> <!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>--> </div> </div> </div> </div> <div class="carousel-control-group"> <a class="carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-up"></span></a> <a class="marg-nt carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-down"></span></a> </div> </div> </body> </html> وهذه صفحة الcss التي ستحتوي على الستايل اي كيفية تنسيق الصفحة .. 
    #jquery-script-menu { position: fixed; height: 90px; width: 100%; top: 0; left: 0; border-top: 5px solid #316594; background: #fff; -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); z-index: 999999; padding: 10px 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .jquery-script-center { width: 960px; margin: 0 auto; } .jquery-script-center ul { width: 212px; float:left; line-height:45px; margin:0; padding:0; list-style:none; } .jquery-script-center a { text-decoration:none; } .jquery-script-ads { width: 728px; height:90px; float:right; } .jquery-script-clear { clear:both; height:0; } .carousel-control { color: #607D8B; height: 25px; width: 25px; background-color: #fff; } .carousel-control:hover { color: #607D8B; } .carousel-control-group { position: absolute; top: 40%; left: 5%; transform: translate(-50%, -50%); } .marg-nt { margin-top: 40px; } .likes , .comments { display:inline-block; font-size:20px; } .likes { padding-right:10px; } يجدر الذكر بانه يمكنك استخدام هذا الكود في انظمة المحتوى كما هو الحال بالنسبة للبرمجة الخاصة ... 
    ملاجظة اخيرة : لاتنسى القيام باستدعاء المكتابات المستعملة في هذا الكود عند القيام بدمجه بالكود الخاص بك ..
    وهذه صورة تبين الحالة التي سيكون عليها السلايدر بعد الانتهاء من تركيبه https://i.suar.me/81X2
  2. hassenzouari98
    إجابة hassenzouari98 سؤال في هل أستطيع عمل موقع جميع مخرجاته json؟ كانت الإجابة المقبولة   
    بما أنك ستستخدم جافاسكريبت في التعامل مع المخرجات أي أنك في الغالب ستستخدم تقنيات ajax لذلك من المستحسن أن تكون المخرجات إما xml (وقد كان استعمالها رائج في الماضي) أو json والتي تستعمل الآن بصفة كبيرة جدا وفي أغلب المواقع حتى من api بعض المواقع المشهورة الآن مثل youtube تكون كل الخرجات json  .... وبالإضافة إلى هذا فان json تتميز بالسرعة وبسهولة الاستعمال وهذا مثال توضيحي :
    <?php $json = '{"foo-bar": 12345}'; $obj = json_decode($json); print $obj->{'foo-bar'}; // 12345 ?> أما بالنسبة لمحركات البحث فهذا أمر غير مقلق أبدا فمحركات البحث الآن أذكى مما كانت عليه في السابق وتستطيع التفرقة بين الأمور.
    ملاحظة أخيرة إذا كنت ستستخدم جافاسكريبت في التعامل مع المخرجات فلا أنصحك بالاعتماد على HTML.
    المزيد حول json_decode
  3. hassenzouari98
    إجابة hassenzouari98 سؤال في كيف أغير قناة الراوتر؟ كانت الإجابة المقبولة   
    لتغيير قناة الراوتر من اعداداته يجب اتباع الخطوات التالية 
    اكتب 192.168.0.1 أو 192.168.1.1 (حسب الرقم الخاص بالرواتر لديك، والذي يُمكنك معرفة بالنظر إلى أسفل الجهاز حيث ستجد لصاقة تتضمن هذا العنوان ومعلومات تسجيل الدخول اللازمة في الخطوة التالية) وذلك في شريط عنوان الويب واضغط Enter.
    أدخل اسم المستخدم وكلمة المرور لتسجيل الدخول إلى صفحة الإعدادات. في حالة لم تعرفهم اتصل بالشركة التي تقدم لك الخدمة.
    انتقل إلى قسم الشبكة اللاسلكية والذي عادة ما يكون باسم Wifi/Wireless/Wlan.
    ابحث الآن عن خيار تعديل القناة Chanel سترى قائمة منسدلة بجوارها. حدد واحدة من القنوات اللاسلكية المتاحة (وهنا يُنصح إما بتجربة الخيار Automatic التلقائي، أو إحدى القناتين 6/11).
    اختر تطبيق للحفظ. ستلاحظ أنّ إشارة الإتصال اختفت ثم سيعود الجهاز للاتصال مُجددًا.
    إن كنت لا تزال تواجه مشاكل، قم باختيار قناة لاسلكية أخرى حتى تجد الخيار الأفضل.
  4. hassenzouari98
    إجابة hassenzouari98 سؤال في كيفية توافق الموقع مع متصفحات الموبايل؟ كانت الإجابة المقبولة   
    في البداية ، يجب التمكن من HTML و CSS بشكل جيد ومن المستحسن الإطلاع كذلك على HTML5 و CSS3.
    بعد ذلك يمكن الإنتقال لتعلّم إطار عمل BootStrap والذي سيوفر عليك الكثير من الوقت والجهد أثناء تصميم المواقع من عدّة نواحي أبرزها التوفق مع جميع الأجهزة (والمتصفحات). 
    في الوقت الحالي لايوجد طريقة أسرع من استعمال إطار جاهز لتصميم قالب متجاوب. يمكن البدء بالإطلاع على مقالات BootStrap التي توفرها أكاديمية حسوب أو من الموقع الرسمي لإطار BootStrap
    المزيد حول HTML5 و CSS
  5. hassenzouari98
    إجابة hassenzouari98 سؤال في كيف أضيف زر على شكل قلب لتقييم الموضوع في بلوجر؟ كانت الإجابة المقبولة   
    لإضافة زر على شكل قلب لتقييم الموضوع في بلوجر يمكن استخدام أحد المواقع التي تُقدّم هذه الخدمة ومن أبرزها موقع likebtn، فبالإضافة إلى تنوع أشكال الأزرار التي يقدمها وتوافق هذه الأزرار مع كل الشاشات؛ يدعم  الموقع أكثر من 33 لغة (في أزراره) ومن بينها اللغة العربية.
    الاشتراك المجاني من الخدمة محدود حيث لايمكن أن يتجاوز عدد مجموع الازرار في كل مقالات الموقع 500 بالاضافة إلى بعض الحدود الأخرى في النسخة المجانية.
    خيار آخر وهو استعمال أزرار مواقع التواصل الاجتماعي فهي مجانية وتزيد من تفاعل الزوار مع المواضيع.
    المزيد حول الخدمة المدفوعة
    إضافة أزرار مواقع التواصل الاجتماعي
  6. hassenzouari98
    إجابة hassenzouari98 سؤال في ما هي salt في sql؟ كانت الإجابة المقبولة   
    يمكن القول أيضًا بأنّ salt هي إضافة مجموعة من الحروف أو الكلمات إلى أوّل أو آخر أو وسط كلمة السر لحماية أفضل ، ومن ثم يتم حذف هذا الجزء عند مناداة الكلمة من قاعدة البيانات والتثبت فيما إذا كانت مطابقة لكلمة السر المُدخلة ويكون  الكود كالتالي :
    عند القيام بحفظ كلمة السر في قاعدة البيانات:
    $password = (string) $_GET['password']; //User password $salt = str_pad((string) rand(1, 1000), 4, '0', STR_PAD_LEFT); // This is the salt $user_password = sha512($password . $salt) . $salt; // Concatenate hash with salt عند تسجيل المستخدم للدخول (أي في حالة إذ أردت التثبت من مطابقة كلمة السر المدخلة)
    $password = (string) $_GET['password']; //Entered password // Of course you must select the data from the database //I removed this step for make the code more easy to understand $user_password = $row['user_password']; // User password from database // extract the salt // just cut off the last 4 chars $salt = substr($user_password, -4); $hash = substr($user_password, 0, -4); // verify if (sha512($password . $salt) == $hash) { echo 'match'; } هذا فقط وسيعمل كل شئ بنجاح 
    المزيد حول salt
  7. hassenzouari98
    إجابة hassenzouari98 سؤال في هل هنالك كود HTML يمكن مدونتي على بلوجر من الحصول رابط الصفحة التي يعرضها المستخدم حاليًّا؟ كانت الإجابة المقبولة   
    اهلا اخي ،
    عن طريق HTML فقط غير ممكن ولكن يمكنك فعل هذا اخي عن طريق استخدام كود data:post.url في JavaScript
    <script type='text/javascript'> document.write('<textarea>' + data:post.url + '</textarea>'); </script> تحياتي
×
×
  • أضف...