صابرين عضو ذهبى
عدد المساهمات : 324 تاريخ التسجيل : 19/11/2010
| موضوع: هل تبحث عن اهم اكواد ال css تفضل هنا الثلاثاء 12 فبراير - 18:00 | |
| هل تبحث عن اهم اكواد ال css تفضل هنا هل تبحث عن اهم اكواد ال css تفضل هنا هل تبحث عن اهم اكواد ال css تفضل هنا هل تبحث عن اهم اكواد ال css تفضل هنا
.كود وضع صورة فى بداية كل موضوع
الكود
الكود: ::::::تحديد المحتوي .post-container { background: url(ضع صورة هنا) no-repeat; background-position: top; text-align: center; vertical-align: text-bottom; padding: 90px 10px 10px 10px; line-height: normal; border: 1px dashed #EE0000; }
================ الكود الثانى
كود css فراغ بين الفئة والفئة الأخرى
الكود
الكود: ::::::تحديد المحتوي table.forumline { eshary.com background: url(https://2img.net/i/fa/empty.gif); padding: 50px 0px 0px 0px; background-position: center; }
الكود الثالث
css لوضع حقوق منتداك على الصور
الكود
الكود: ::::::تحديد المحتوي .postbody img { background: #000000 url(رابط الصوره) no-repeat; padding: 0px 0px 27px 0px; background-position: bottom; max-width:600px; }
تضع رابط الصوره لاسم منتداك ========================== الكود الرابع
كود css وضع صورة فوق الفئات فقط
الكود
الكود: ::::::تحديد المحتوي table.forumline { background: url(https://2img.net/h/oi27.tinypic.com/1zez2pv.jpg); padding: 102px 0px 0px 0px; background-position: c; border: 0px dashed #0DB4FC; } ====================
الكود الخامس
كود css لوضع ايطار بشكل احترافى حول التوقيع للنسخه الثانيه
الكود
الكود: ::::::تحديد المحتوي .signature_div { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border:2px solid #00000; background-color: White; }
يمكنك تغيير White وتعويضها باسم اللون المراد باللغة الانجليزية =================== الكود مخفى لا تراه الابعد وضع رد
اما الكود الثانى فهو لوضع اطار للتوقيع مع اختيار صورة كخلفية للتواقيع
الكود
الكود: ::::::تحديد المحتوي .signature_div { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border:2px solid #00000; background-image : url(ضع هنا رابط الصورة); } =======================
الكود السادس
كود css لجعل الاقسام روعه ويوجد صوره للاقسام
صوره بعد وضع الكود
الكود الكود: ::::::تحديد المحتوي row1 { background: url("https://i.servimg.com/u/f46/15/56/98/16/alt210.png") no-repeat scroll right top #FFFFFF; border-bottom: 2px solid #F1F1F1; border-radius: 2em 1em 2em 1em; border-right: 1px solid #F1F1F1; color: #1491CD; font: bold 16px arial,helvetica,verdana; text-shadow: 1px 1px 0 #EFEFEF; } .row2 { background: url("https://i.servimg.com/u/f46/15/56/98/16/alt210.png") no-repeat scroll right top #FFFFFF; border-bottom: 2px solid #F1F1F1; border-radius: 2em 1em 2em 1em; border-right: 1px solid #F1F1F1; color: #1491CD; font: bold 16px arial,helvetica,verdana; text-shadow: 1px 1px 0 #EFEFEF; } .row3 { background: url("https://i.servimg.com/u/f46/15/56/98/16/alt210.png") no-repeat scroll right top #FFFFFF; border-bottom: 2px solid #F1F1F1; border-radius: 2em 1em 2em 1em; border-right: 1px solid #F1F1F1; color: #1491CD; font: bold 16px arial,helvetica,verdana; text-shadow: 1px 1px 0 #EFEFEF; }
=============================
الكود السابع
كودcss وضع صوره مكتوب فيها ممنوع الردود العشوائيه
الصوره
الكود
الكود: ::::::تحديد المحتوي /*----- كود وضع صورة بجانب صندوق الرد السريع -----*/ form#quick_reply { background-image: url('https://2img.net/h/oi56.tinypic.com/vy3azs.jpg'); }
========================= الكود الثامن
حذف ازرار الاستعراض العلوية
الكود
الكود: ::::::تحديد المحتوي
| a[href="/search?search_id=newposts"] ,a[href="/search?search_id=egosearch"] ,a[href="/search?search_id=unanswered"] { display:none; } |
اى استفسار انا فى انتظاركم | |
|