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

من طرف **خادم الاسلام** في 2019-05-19, 02: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]