شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

default شرح دمج كود css فى اى كود سواء تومبيلات او غيرها

خادم الاسلام
خادم الاسلام
 
البلد : مصر
الجنس : ذكر
المساهمات : 39
نقاط النشاط : 60
تمت المشاركة في الأحد 19 مايو 2019 - 2:29

السلام عليكم ورحمة الله وبركاتة

اهلا بكم اخوانى الكرام

اليوم سأشرح تقنية دمج اكواد الـ Css فى اى كود تومبيلات او هتمل او جافاسكربت



الدرس لا يخفى على خبراء الاكواد ومصممى الاستايلات

من الطبيعى عند انشاء منتدى جديد يلزمك استايل جديد

وكمية لا حصر لها من الاكواد

والجميع يطمح ان يرتقى بمنتداه الى الافضل

هيا بنا لنتعلم كيف نختصر كل تلك الاكواد



بسم الله نبدء الشرح



اولا معظمنا يحتاج الى اكواد الـCss لتحسين مظهر منتداه

فمثالا استخرجت كود من احد المواقع وتريد دمج الاكواد حتى لا تتراكم الاكواد فى الورقة الشخصية Css



الاكود وشرح تركيبها ودمجها




اولا الكود الخاص بـ Css






الكود:
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->
<style type="text/css">
هنا تضع اكوادك الخاصة بالـ Css
</style>
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->




هذا الكود يتم تركيبة فى التومبيلات عن طريق البحث فى قالب overall_header

{JAVASCRIPT}

ونركب الكود اسفلة



الكود الثانى خاص javascript
هذا الكود خاص بالجافاسكربت فقط


الكود:
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->
<script type="text/javascript">
ضع هنا الكود الخاص بـ javascript
</script>


<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->




اما اذا كنت تريد دمج كود الـ Css بالجافاسكربت فستخدم هذا الكود



الكود:
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->
<style type="text/css">
هنا تضع اكوادك الخاصة بالـ Css
</style>
<script type="text/javascript">
ضع هنا الكود الخاص بـ javascript
</script>
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->


الكود التالى خاص بصفحات الهتمل





الكود:
[center]<html>
<head>
<meta http-equiv=Content-Language content=ar-eg>
<META http-equiv=Content-Type content="text/html; charset=windows-1256">
<title>هنا العنوان الذى يظهر فى تايتل المتصفح</title>
<style type="TEXT/CSS">TH{    BACKGROUND-COLOR:;FONT-FAMILY:times-roman;FONT-SIZE:10pt}TD{    BACKGROUND-COLOR:;FONT-FAMILY:times-roman;FONT-SIZE:10pt}TD A{    COLOR:red;TEXT-DECORATION:none}TD A:hover{    COLOR:red;TEXT-DECORATION:none}.Men{    BACKGROUND-COLOR:lightgrey;BORDER-BOTTOM:dimgray 3px solid;BORDER-LEFT:whitesmoke 3px solid;BORDER-RIGHT:dimgray 3px solid;BORDER-TOP:gainsboro 3px solid;POSITION:absolute;VISIBILITY:hidden;Z-INDEX:2}</style>
<base target="_top">[/center]
[center]<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.5,Transition=12)">[/center]
[center]</head>[/center]
[center]هنا يتم وضع محتوى اكواد الهتمل[/center]
[center]<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->
<style type="text/css">
هنا تضع اكوادك الخاصة بالـ Css
</style>
<script type="text/javascript">
ضع هنا الكود الخاص بـ javascript
</script>

    </table>
</div>
</body>[/center]
[center]</html>[/center]


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





default رد: شرح دمج كود css فى اى كود سواء تومبيلات او غيرها

ميدوسات
ميدوسات
 
البلد : مصر
الجنس : ذكر
المساهمات : 110
نقاط النشاط : 126
تمت المشاركة في الأحد 19 مايو 2019 - 12:29

شرح ولا اروع بارك الله فيك وانا اتمنى الكثير من هذا العمل الرائع جدا وشكرا لك وتقبل تحياتي




توقيع : ميدوسات


شرح دمج كود css فى اى كود سواء تومبيلات او غيرها Anigif10

default رد: شرح دمج كود css فى اى كود سواء تومبيلات او غيرها

خادم الاسلام
خادم الاسلام
 
البلد : مصر
الجنس : ذكر
المساهمات : 39
نقاط النشاط : 60
تمت المشاركة في السبت 25 مايو 2019 - 18:32

تسلم على مرورك العطر ياحمد





default رد: شرح دمج كود css فى اى كود سواء تومبيلات او غيرها

Mc nabulsy
Mc nabulsy
 
البلد : فلسطين
الجنس : ذكر
المساهمات : 3629
نقاط النشاط : 5716
الأوسمة : شرح دمج كود css فى اى كود سواء تومبيلات او غيرها 1510

تمت المشاركة في الإثنين 13 أبريل 2020 - 0:10

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





توقيع : Mc nabulsy


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