كيف تنسق أي شيء في صفحة الـ html في منتداك أو مدونتك

[the_leader]

السلام عليكم
هذه طريقة رائعة (صراحة بدونها لا أستطيع فعل شيء في تنسيق منتداي) لتنسيق أي عنصر في صفحة الـ HTML
فيمكنك تخصيص منتداك أو مدونتك بهذه الطريقة الفعالة
للبدأ يجب توفر متصفح كروم google Chrome رابط التحميل

ثم نبدأ على بركة الله

سنتخذ من منتدى الجلفة مثالا (وطبق أخي على منتداك او مدونتك)


الشرح:
اختر العنصر الذي تريد تنسيقه بالضغط عليه بيمين الفأرة ثم الاختيار الأخير من القائمة المنسدلة



ستظهر النافذة بالأسفل فيها شقان :
كود الـ HTML للصفحة وسيظلل كود العنصر المختار في حالتنا هذه رابط عنوان الموضوع
والشق الآخر فيه تنسيقات الـ CSS التي تخصص تنسيق هذا العنصر (هذه التنسيقات موجودة في ملف الـ CSS المربوط بالصفحة (المنتدى أو المدونة)

تمكننا تنسيق العنصر بكتابة أسطر الـ CSS في المكان المشار إليه في الصورة
وسنلاحظ النتيجة مطبقة مباشرة أمامنا


والآن لكتابة تنسيق الـ CSS للعنصر يجب تحديد ما يميزه ( id="" أو class="")
في الحالة السابقة :
لاحظ أن العنصر رابط ( وسم الـ HTML "<a .....") وعند البحث عن الـ class الذي تحوي هذا العنصر نجد class="alt1")

إذن سيكود التنسيق للعنصر من الشكل

.alt1 a{

هنا سنكتب أسطر التنسيق بنسخه مباشرة من كروم
وسينتهي بـ:

}

ويوضع هذا التنسيق في ورقة الـ CSS
الكود الذي كتبته أنا هو :

.alt1 a{
background: yellow;
font-size: 24px;
color: #F4F;
font-family: tahoma;
}

[الأخ ياسين]

مشكور أخي بارك الله فيك ..... لقد أفدتني لكن توجد في الموزيلا لكن يجب إضافتها من الإضافتات في الموقع الرسمي

[the_leader]

المشاركة الأصلية كتبت بواسطة bensfiayassin

مشكور أخي بارك الله فيك ..... لقد أفدتني لكن توجد في الموزيلا لكن يجب إضافتها من الإضافتات في الموقع الرسمي

فعلا هذه الخاصية موجودة في موزيلا (بتثبيت الإضافة جاري البحث عن رابط) وكذلك Opera
لكني أفضل كروم لسهولة فتح النافدة وكذا سهولة التعديل بكل شيء أما المتصفحات الأخرى فأعاني من ثقلها وبطء استجابتها
شكرا على المرور الكريم

[chorfa-dz]

مشكور أخي الكريم

[nat.yahya24000]

شكرا يا اخي لكن لم افهم كيف تعمل

[king black]

مشكور أخي بارك الله فيك

[حسينdz]

بارك الله فيك اخي

[abdou_7]

أخي بارك الله فيك .. فعلا طريقة مبتكرة

و لكن إحذر فالتنسيق يظهر على جهازك فقط ..

إما إذا كنت تريد تنسيق موقعك وصفحتك لجميع الزوار فعليك تتبع الطريقة الكلاسيكية و هي بتنسيق ملفات الموقع بشكل عادي ..

أخي جرب الدخول إلى موقعك من جهاز آخر .. و ستلاحظ الفرق ..

تحياتي ..

[the_leader]

المشاركة الأصلية كتبت بواسطة abdou_7

أخي بارك الله فيك .. فعلا طريقة مبتكرة

و لكن إحذر فالتنسيق يظهر على جهازك فقط ..

إما إذا كنت تريد تنسيق موقعك وصفحتك لجميع الزوار فعليك تتبع الطريقة الكلاسيكية و هي بتنسيق ملفات الموقع بشكل عادي ..

أخي جرب الدخول إلى موقعك من جهاز آخر .. و ستلاحظ الفرق ..

تحياتي ..

فعلا أخي العزيز
الطريقة هي ضبط التنسيق بجهازك ثم نشخ كود الـcss الذي عدلته إلى ورقة الـcss لموقعد أو منتداك
وستسجل التعديلات ليراها كل الزوار

[بحيرة العرب]

يرجى وضع المزيد مثل هذه المواضيع فهي تساعد المستخدمين تعرف اكثر و زايدة معلوماتهم 9