السلام عليكم ورحمة الله وبركاتة
اهلا بكم اخوانى الكرام
اليوم سأشرح تقنية دمج اكواد الـ Css فى اى كود تومبيلات او هتمل او جافاسكربت
الدرس لا يخفى على خبراء الاكواد ومصممى الاستايلات
من الطبيعى عند انشاء منتدى جديد يلزمك استايل جديد
وكمية لا حصر لها من الاكواد
والجميع يطمح ان يرتقى بمنتداه الى الافضل
هيا بنا لنتعلم كيف نختصر كل تلك الاكواد
بسم الله نبدء الشرح
اولا معظمنا يحتاج الى اكواد الـCss لتحسين مظهر منتداه
فمثالا استخرجت كود من احد المواقع وتريد دمج الاكواد حتى لا تتراكم الاكواد فى الورقة الشخصية Css
الاكود وشرح تركيبها ودمجها
اولا الكود الخاص بـ Css
الكود:
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->
<style type="text/css">
هنا تضع اكوادك الخاصة بالـ Css
</style>
<!-- تم التصميم بواسطة خادم الاسلام عضو فريق الاشهار العربى -->هذا الكود يتم تركيبة فى التومبيلات عن طريق البحث فى قالب overall_header
{JAVASCRIPT}
ونركب الكود اسفلة
{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]الى هنا ينتهى درسنا لهذا اليوم اترككم فى رعاية الله
تم الشرح بواسطة اخوكم فالله خادم الاسلام
ملاحظة هذا الشرح خاص فقط للاشهار العربى ولا يسمح بنقلة الا بأذن مسبق من الادارة
