شعبان المدير
عدد المساهمات : 7701 تاريخ التسجيل : 16/06/2010 الموقع : المزاج : الحمد لله
| موضوع: قائمة بكل مواضيع الأكواد الإنسيابية css الأحد 20 مارس - 20:03 | |
| قائمة بكل اكواد css نقلا عن منتدي الدعم لتسهيل الإستخدام [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قائمة بكل مواضيع الأكواد الإنسيابية CSS [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الوضع الموحدة
- لوحة الإدارة - مظهر المنتدى - الصور و الألوان - الألوان - ورقة تصميم CSS
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كود تزيين المنتدى
كود دعاء فى بيانات العضو
كودcssلوضع ايطار وخلفية للتوقيع شغال 100%(بدون تومبلايت)
كود روعة ومميزات عديدة للمنتدى ****
كودcss لتغيير نمط "بحث"للنسخة phppb3فقط من صنعي >>>> مبتدئ
وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد
اضافه ايطار سفلى وعلوى للاقسام بدون تومبيلات للنسخه Invision
جعل بيانات الشخصية احترافية في المشاركات للنسخة الاخيرة فقط
حصريا|كود لوضع اطار حول الصورة فى بيانات العضو بدون تومبيلات
حصريا كود تغير كلمة شاطر بصوره توضح الغرض
كود تضليل اسم القسم عند المرور عليه بالماوس
كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
ود وضع ايطار حول الرئيسية وبداخل الاقسام للنسخةphpbb2
كود وضع خلفيه بشكل مميز لمسميات المنتديات
كود وضع اطار وصورة كخلفية للواجهة للنسخة phpbb2
كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
اخيرا كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
كود وضع صورة كخلفية للاقسام للنسخة الثانية
اكواد css لوضع اطار للتوقيع للنسخة phpbb2
كود البسملة للنسخة invision
[كود Css] تجميل المنتدى ايطارات منقطه حول الاقسام والمساهمات والمواضيع [مميز]
[كود css] للتحكم بنوع الخط بالمساهمات وحجم المواضيع والمشاركات
كود وضع اطار وصورة كخلفية للأكواد بالمنتدي
كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي
كود css لتلوين خلفية عنوان الأقسام عناوين المواضيع بشكل رآئع
روع الاكواد (لمن وضع شئ أسفل المنتدى ولم يتم تنسيق المنتدى)من أخيكم MR&KaBo
كودCss:لوضع خلفية لاعلانات أحلى منتدى !
كود Css: لتغيير لون (عنوان الموضوع و المتصلون الأن) للنسخة phpBB 2
(invision)شريط الازرار المنتدى بشكل جديد
كود Css: تغير لونين (مثبت و إعلان) للنسخة phpBB 2
كود css لوضع صورة كخلفية لأزرار المنتدي للنسخة invision
كود cssلوضع ايطار كلي منقط مع ايطار كلي للبينات للنسخة(invision)
كودcss لجعل خلفية لاسماء الاعضاء يعمل مع جميع النسخ
كود css لتطوير خانة الوصف
جعل التوقيع فى اطار محدد
كود وضع كود css لحذف ( تم تعديل المساهمه بواسطة : السبب) أخوكم pimose
كيفية جعل الاطار بزوايا منحرفة
كود توسيط جميع المشاركات دون التأثير علي باقي المنتدي من صنعي --> s@kr
كود لعمل خلفية للروابط داخل منتداك
كود css لوضع صورة كفاصل بين البيانات الشخصية
كود css لجعل حدود منتداك بتلعمه
لوضع ايطار حول اسماء الاعضاء فى المتواجدين الان
كود وضع صورة بجوار الرابط عند المرور عليه - من صنعي --> s@kr
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
كود css لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبين
كود css وضع صورة فوق الفئات
كود css وضع صورة كمسار تدريجي للعناوين
كود (البسملة) بناءا على طلب الاعضاء..
كود css لمضاعفة اطارات الخلايا
كود وضع أيقونة بجانب أسماء المجموعات
كود css لوضع خلفيه لزر أرسل مساهمتك للنسخة 2
كود وضع صورة كخلفية للمواضيع للنسخة invision
كود جعل محتوي المنتدي بالخط العريض
كيفية عمل صورة كخلفية للأقسام
كل اكواد css الخاصة بالملف الشخصي للنسخة invision
كود وضع صورة كخلفية للواجهة بالنسخة phpbb3
كود وضع صورة كخلفية للمواضيع بالنسخة الثانية فقط - من تصميمي s@kr
اكواد css أكثر من رائعة تخص الروابط من صنعي --> s@kr
كود جعل محتوي المنتدي بالمنتصف
كود وضع صورة كخلفية للشات
كود وضع خلفية داخلية للمنتدي للنسخة PHPBB2 فقط
كود يجعل الاطار الداخلي للمنتدى اطار منقط (الشرح بالصور)
طريقة أزالة السطر من تحت أسماء الأعضاء
كود خلفية لتوقيعك
كود تخفيف الوان الازرار
عدل سابقا من قبل شعبان في الأحد 21 أغسطس - 1:35 عدل 1 مرات | |
|
شعبان المدير
عدد المساهمات : 7701 تاريخ التسجيل : 16/06/2010 الموقع : المزاج : الحمد لله
| موضوع: رد: قائمة بكل مواضيع الأكواد الإنسيابية css الأحد 20 مارس - 20:19 | |
| | |
|
مبارك زمزم ادارى
عدد المساهمات : 1826 تاريخ التسجيل : 30/10/2010
| موضوع: رد: قائمة بكل مواضيع الأكواد الإنسيابية css الأحد 27 أكتوبر - 19:15 | |
| كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفحالرمز: | .bodyline{ background:#ffffff url(goweto bilobed); border:0; padding:0; margin:0; }
body{ padding:0; margin:0; background-position:center; } a{ text-decoration:none; } | مزايا الكود :: يضع اطار فى جميع صفحات المنتدى للسماهمات *أخر مساهمةالرمز: | td { height: px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border:0px solid #d6d6d6; } | لوضع اطار للتوقيع مع اختيار لون الخلفيةالرمز: | .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; } | كود التحكم بحجم المواضيع والمشاركاتالرمز: | .postbody{ font-size: 25px;
font-weight: bold; font-family: Traditional Arabic; } | ينظم أى شئ أسفل المنتدىالرمز: | . #page-footer h3 { margin-top : 20px; } #content-container #left { width : 0; } #content-container #right { width : 0; margin-right : 0; } | كود تغير لونين (مثبت و إعلان)الرمز: | div.topictitle:hover { color:#FF0000; }
div.topictitle { color:#FF0000; font-size: 14px; } | كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسمالرمز: | strong a{ text-decoration:none; border:1px dashed #FFA34F; background: url(http://www.jewelsuae.com/psd/Mustalzamat/Glitter/Normal/gold1/x.gif); } a.copyright { border:0; background:none; } a.name { text-decoration:none; border:1px dashed #FFA34F; background: url(http://alharary.com/glitter/glitterfaver/bg_b07.gif); } a.coloradmin{ text-decoration:none; border:1px dashed #FFA34F; background: url(http://alharary.com/glitter/glitterfaver/bg_b07.gif); } | تطوير مربع الوصف الذي يشمل عدة امكنة ويمكنك من التحكم بالاطار و اللونالرمز: | fieldset { -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:7px; border-radius: 3px; width:90%; border : 3px double #37b0df; background-color:#7EA7D3; background-image : url(https://2img.net/h/oi37.tinypic.com/2d0kjly.gif); } span.postdetails { text-align:center; } fieldset.genmed { width:400px; } | كود وضع اطار للتوقيع مجرب على النسخة الثانيةالرمز: | .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 #000000; background: url(https://i.servimg.com/u/f68/14/58/09/35/signat11.gif); background-color: #F0FFF0 ; background-position:top; background-repeat: no-repeat; display: block; overflow: auto; padding:15px;); } | كود سبب التعديل في المشاركاتالرمز: | tr.post span.gensmall { display: none; } | كود جعل المشاركات فقط بالمنتصف دون أن يؤثر علي باقي المنتديالرمز: | tr.post td {
text-align: center;
} | لوضع صورة كفاصل بين البيانات الشخصيةالرمز: | hr{ height: 8px; border: solid #e1effa 1px; border-top-width: 1px; background: url(ضع هنا رابط الصورة); } a.copyright { border:0; background:none; } | لجعل حدود منتداك بتلعمهالرمز: | .forumline{ background-image: url("https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif"); } | لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبينالرمز: | body { background-repeat:repeat-y; background-position:center; } | كود البسملهالرمز: | .hr { background: url(https://i.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center; border-top: thin groove; padding: 50px; line-height: 12px; } | يجعل كل الخطوط بالمنتدي بالخط العريضالرمز: | td {
font-weight: bold;
} | حل مشكلة صور في المواضيع لا تظهرالرمز: | .postbody img { max-width:600px; } | لوضع خلفيه لازرار علببه الدردشهالرمز: | .fontbutton { background-image: url("https://2img.net/h/i716.photobucket.com/albums/ww161/style-x_images/christmas-X/thindex.jpg"); color: #870511; border: 1px solid #ffec86; } | كود css لتعديل صور كلمة السر ضعيفه وقويه ومتوسطهالرمز: | #pwd_good { background:url("رابط صورة كلمة السر قويه") repeat scroll 0 0 transparent; } #pwd_middle { background:url("رابط صورة كلمة السر وسط") repeat scroll 0 0 transparent; } #pwd_bad { background:url("رابط صورة كلمة السر ضعيفه") repeat scroll 0 0 transparent; } | إطار وخلفية لعنوان الموضوعالرمز: | h1.cattitle{ color:#000; overflow : auto; background-image: url("رابط الخلفية هنا"); border : 1px solid #000000; max-width : 840px; max-height : 290px; essa_elgn; mido x love; padding : 6px; text-align : justify; border: 1px solid #000; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; border-radius-topright: 15px; border-radius-bottomleft: 15px;
; } | تكبير اسم العضو يعنيالرمز: | a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; } a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; } a:hover{text-transform:uppercase;} | اطار حول صورة بيانات العضو بدون تومبيلاتالرمز: | .postdetails.poster-profile a img { background-image: url('https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png');
-moz-border-radius:7px; -webkit-border-radius:7px; border: 3px solid #000000; }
/*----- essa_elgn -----*/
button.button2, input.button2 { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border : 0px dashed #ffeade; font-size : 0.7em; border-width : 1px border-color : #fc9f0c; width : auto !important ; padding : 2px 2px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #000000; background-repeat : repeat; background-color : #FF0000; background-image : url(); background-position : top; overflow : visible; vertical-align : middle; } | خلفية تكبير وتصغير الصوره في الموضوع وجعلها مثلالرمز: | .renklibar { color : #000000; background : #E8EDF0 url(https://2img.net/h/oi45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px; border : 1px solid #000000; margin : 1px; padding : 10px 5px 10px 40px; font-size : x-small; line-height : 1.4em; }
.resize_process .resizebox { display : none; margin-left : 15px; } .resizebox div { font-weight : normal; font-style : normal; margin : 0; } .resizebox.enlarged a.enlarge { display : none; } .resizebox.enlarged a.resize { display : inline-block; } .resizebox a.resize { display : none; } .resizebox { background : #FFF9BF url("https://2img.net/h/oi43.tinypic.com/af9egz.gif") no-repeat 7px 4px; max-width : 100%; line-height : 1.1em; cursor : default; font-weight : normal; font-style : normal; margin : 0; text-align : center; display : inline-block; } .resizebox .resize_border { border : 1px solid #BDBDBD; display : block; }
.eklentiler { color : #000000; background : #ffffff; border : 1px solid #000000; margin : 1px; padding : 10px 5px 10px 40px; font-size : x-small; line-height : 1.4em; } | كود تغير كلمة شاطر بصوره توضح الغرضالرمز: | .addthis_button{ background: url('https://i.servimg.com/u/f17/14/57/22/94/paylas11.gif') no-repeat; background-position: center right; padding: 75px; font-size: 0px ; } | اخيرا كود css لالغاء الفراغ الذي يظهر بين الواجههالرمز: | bodyline{ background:#ffffff url(goweto bilobed); border:0; padding:0; margin:0; }
body{ padding:0; margin:0; background-position:center; } a{ text-decoration:none; } | تختص باطار التوقيعالرمز: | .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; } | كود التحكم بحجم المواضيع والمشاركاتالرمز: | .postbody{ font-size: 25px;
font-weight: bold; font-family: Traditional Arabic; } | كود تباعد الاسطرالرمز: | .postbody{ font-size: 17px; text-align: center; font-weight: bold; line-height: 2.0em; } | كود رائع جدااا للرد السريعالرمز: | form#quick_reply textarea#text_editor_textarea { width: 780px; height: 100%; }
form#quick_reply iframe#text_editor_iframe { width: 780px; }
* html form#quick_reply iframe#text_editor_iframe { width: 780px; }
*+html form#quick_reply iframe#text_editor_iframe { width: 780px; } | الاكواد منقولة من منتدى الدعم والمساعدة لاحلى منتدى طريقة وضع الكود ادارة عامة مضهر المنتدى ألوان ورقة تصميم ccs قدم | |
|