شرح اضافة جدول تحميل يحتوي على روابط تنزيل متعددة
مرحبا! جميعًا، سأوضح لكم اليوم في هذه المقالة كيفية إضافة جدول يحتوي على روابط تنزيل
متعددة باستخدام html و css.
إذا كنت بحاجة إلى تقديم ملفات تنزيل متعددة على موقع الويب الخاص بك، فهذه الأداة هي الحل المثالي.
إذا كنت بحاجة إلى تقديم ملفات تنزيل متعددة على موقع الويب الخاص بك، فهذه الأداة هي الحل المثالي.
إنه سهل الاستخدام وصغيرة الحجم ومفيد للغاية لزوار موقع الويب الخاص بك.
معاينة الجدول
طريقة تركيب إضافة جدول روابط تنزيل متعددة
إضافة أ جدول يحتوي على روابط تنزيل متعددة يعد نقل موقعك على الويب عملية مباشرةولا تتطلب معرفة بـ HTML أو CSS.
background-color:#28a745 مع تغيير لون الزر.
اذهب الى الموضوع اللذي كتبته و ثم
افتح عرض HTML لمحرر مشاركات مدونتك. انسخ والصق ما يلي رموز HTML. في المكان المناسب
لذا كل ما عليك فعله هو نسخ ولصق الرموز المتوفرة في المكان المناسب في Theme XML الخاص بك
- أولا قم بالدخول إلى حسابك لوحة التحكم
- من لوحة تحكم Blogger، حدد المدونة التي ترغب في تخصيصها وانقر فوق "سمة" خيار.
- سينقلك هذا إلى محرر سمات Blogger، انقر على أيقونة السهم لأسفل بجوار 'يعدل أو يكيف' زر.
- في محرر السمات، انقر فوق تحرير HTML, ستتم إعادة توجيهك إلى صفحة التحرير.
- بمجرد دخولك إلى محرر HTML، ابحث الآن عن الكود
]]></b:skin>والصق ما يلي CSS فقط فوق ذلك.
.headertable{background-color:#c30000;color:white;font-size:1.2em;padding:.6rem;text-align:center}.headertable h3{margin:0!important;color:#FFFFFF!important;font-size:1.25rem!important}#table-download{max-width:100%;margin:2rem auto;overflow:hidden;border-radius:.19rem}#table-download table{width:100%}#table-download table td,#table-download table th{color:#FFFFFF;padding:.63rem}#table-download table td{text-align:center;vertical-align:middle}#table-download table tr a{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:.06rem solid transparent;padding:.25rem .5rem;font-size:.8rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#17a2b8;border-color:#17a2b8;color:#FFFFFF}#table-download table tr a.green{background-color:#28a745;border-color:#28a745}#table-download table tr a.yellow{background-color:#e0a800;border-color:#e0a800;color:#000}#table-download table tr a.red{background-color:#c82333;border-color:#bd2130}#table-download table tr a:hover{color:#FFFFFF;background-color:#07c8e0;border-color:#179b8c}#table-download table tr a:focus{box-shadow:0 0 0 .2rem rgb(58 109 110 / 3.13rem)}#table-download table tr a.green:hover{color:#FFFFFF;background-color:#218838;border-color:#1e7e34}#table-download table tr a.green:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}#table-download table tr a.yellow:hover{color:#FFFFFF;background-color:#e0a800;border-color:#d39e00}#table-download table tr a.yellow:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}#table-download table tr a.red:hover{color:#FFFFFF;background-color:#c82333;border-color:#bd2130}#table-download table tr a.red:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}#table-download table td:last-child{font-size:.95em;line-height:1.4}#table-download table th{font-weight:600;text-align:center!important;font-size:1.1em}#table-download table tr:nth-child(2n){background-color:#0E0E1B}#table-download table tr:nth-child(2n+1){background-color:#171927}
استبدل الأجزاء المحددة حسب حاجتك، على سبيل المثال.
#c30000 للون خلفية الجدول.background-color:#28a745 مع تغيير لون الزر.
لأستخدام الجدول
افتح عرض HTML لمحرر مشاركات مدونتك. انسخ والصق ما يلي رموز HTML. في المكان المناسب
<div id="table-download"><div class="headertable"><h3>جدول تحميل متعدد</h3></div><table cellspacing="0"><tbody><tr><th>Download</th><th>Quality</th><th>Language</th><th>Size</th></tr><tr><td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td><td>1080p</td><td>English</td><td>2.2Gb</td></tr><tr><td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td><td>780p</td><td>English</td><td>1.6Gb</td></tr><tr><td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td><td>480p</td><td>English</td><td> 800Mb</td></tr><tr><td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td><td>360p</td><td>English</td><td>400Mb</td></tr><tr><td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td><td>1080p</td><td>English</td><td>2.2Gb</td></tr><tr><td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td><td>780p</td><td>English</td><td>1.6Gb</td></tr><tr><td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td><td>480p</td><td>English</td><td> 800Mb</td></tr><tr><td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td><td>360p</td><td>English</td><td>400Mb</td></tr><tr><td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td><td>1080p</td><td>English</td><td>2.2Gb</td></tr><tr><td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td><td>780p</td><td>English</td><td>1.6Gb</td></tr><tr><td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td><td>480p</td><td>English</td><td> 800Mb</td></tr><tr><td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td><td>360p</td><td>English</td><td>400Mb</td></tr><tr><td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td><td>1080p</tdظ><td>English</td><td>2.2Gb</td></tr><tr><td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td><td>780p</td><td>English</td><td>1.6Gb</td></tr><tr><td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td><td>480p</td><td>English</td><td> 800Mb</td></tr><tr><td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td><td>360p</td><td>English</td><td>400Mb</td></tr></tbody></table></div>
لا تنسى تغير # برابط التحميل
و ثم قم بالحفظ و مبروك عليك الاضافة
