AmEr-Dz

كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها الكود للنسخة الثانية فقط مثال مباشر الكودالكود: ---------تضليل المحتوى الكود: .postdetails.poster-profile a img:hover { border-width: thick; border-style: dotted; border-color: gold; } يوضع في وريقة css يمكنكم تغير لون الايطار من خلال : الكود: ---------تضليل المحتوى الكود: border-color: كود الونمبروك للجميع

[كود css] لوضع اطأر للرئيسيه وداخل المواضيع بشكل جميل جدا للنسخه (invision) الكود الكود: ---------تضليل المحتوى الكود: /* -------- اطار جميل للصفحه كلها وداخل المواضيع ايَضأ----------------------------- */ div.borderwrap,.borderwrapm { padding: 1px; border: 6px #EDCB1F ridge; background-color: #870511; } /* --------ِAhmed M!Do------------------- */ للتحكم فى حجم الاطأر من هذا الرمز الكود: ---------تضليل المحتوى الكود: border: 6px وللتحكم بشكل ولون الاطأر من هذا الرمز الكود: ---------تضليل المحتوى الكود:#EDCB1F وده موضوع يسهل عليك البحث عن اختيار الوان لأختيار كود اللون المطلوب صور للكود من الرئيسيه وداخل الاقسأم لتوضيح شغل الكود اكثر صور من الرئيسيه قبل وبعض وضع الكود تكبير الصورة معاينة الأبعاد الأصلية. http://i68.servimg.com/u/f68/15/98/52/20/ahmed_11.jpg بعد وضع الكود تكبير الصورة معاينة الأبعاد الأصلية. http://i68.servimg.com/u/f68/15/98/52/20/ahmedd10.jpg صوره من المواضيع تكبير الصورة معاينة الأبعاد الأصلية. http://i68.servimg.com/u/f68/15/98/52/20/ahmed_12.jpg بعد وضع الكود تكبير الصورة معاينة الأبعاد الأصلية. http://i68.servimg.com/u/f68/15/98/52/20/ahmed_10.jpg شرح تركيب الكود لوحة التحكم مظهر المنتدى الصور و الألوان الوان ورقة تصميم لــــ Css

كود عمل جدول ثلاثى الابعاد لمنتداك لجميع النسخ روعة Effetto 3D ============================ طريقة وضع الكود لوحة الادارة - مظهر المنتدى - الوان - ورقة ال css PhpBB3 الكود: ---------تضليل المحتوى الكود:#wrap { width : 1010px; padding : 5px; border : 6px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666; } PhpBB2 الكود: ---------تضليل المحتوى الكود:.bodyline { width : 1010px; padding : 5px; border : 6px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666; } PunBB الكود: ---------تضليل المحتوى الكود:.pun { width : 1010px; padding : 5px; border : 6px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666; } Invision الكود: ---------تضليل المحتوى الكود:body { width : 1010px; padding : 5px; border : 6px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666; } طريقة وضع الكود لوحة الادارة - مظهر المنتدى - الوان - ورقة ال css

حل مشكلة صور في المواضيع لا تظهر بشكل سريع -------------------------------------- اهلا احبتي بعد تصفحي للكثير من المنتديات اجد بطئ في ظهور الصور وهذا راجع للتعديل على احجامها فما عليك الى عمل التالي ادخل على لوحة الادارة الرسائل و الإيميلات تشكيل تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات : اترك هذا الحقل فارغاً لتعطيل خاصية تعديل ابعاد الصور. انزع الجميع واتركه فارغا ثما سجل بعدها نأتي للتصغير والتحكم في احجام الصور عن طريق ورقة css ندخل على لوحة الادارة مظهر المنتدى الصور و الألوان اللوان ورقة css ونضع الكود التالي في الورقة الكود: ---------تضليل المحتوى الكود:.postbody img { max-width:600px; }ويمكنك تغير الرقم هذا على حسب ماتريد 600px; . . . . . و إلى هنا اخوانيـ ..ينتهي موضوعنا لهذا اليوم .. في أمل اللقاء بكمـ .إن شاء الله في مواضيع جديدة .. والسلام عليكم و رحمة الله ..

السلام عليكم .. كــود css وضع صــورة بجــانب نافـ بـار المنتدي .. بشكل مميز هــــــــــااام الكود للنسخة : phpbb2 معاينة الكود The Codeالكود: ---------تضليل المحتوى [b]طريقة الوضع : - الكود يوضع بورقة الــــcss[/b] [b]لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css[/b] لاتنسونا من صالح دعائكم بالخير

السلام عليكم اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور الكود لجميع النسخ يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات) ظل خلف جميع الصور تأطيرات احترافيه على جميع الصور ميلان الصور وتحركها بمجرد مرور الماوس عليها صورة توضح مزايا الكود http://i28.servimg.com/u/f28/15/28/56/97/1_bmp30.jpg تكبير الصورة معاينة الأبعاد الأصلية. الكود الكود: ---------تضليل المحتوى الكود: /*----- اضافة التأثيرات على الصور-Ayman4u -----*/ .post img {-webkit-transition: -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); padding: 5px 5px 5px 5px; -webkit-transform: rotate( 2deg); -moz-transform: rotate( 2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); } /*----- اضافة التأثيرات على الصور-Ayman4u -----*/ يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى القيمه ( 2deg) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح القيمة (-1deg) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح -من يرغب الغاء هذا الميلان وجعل الايطارات فقط يمكنه وضع القيمة 0 التحكم فى حجم الايطارات عن طريق الآتى -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح طريقة الوضع كالعاده لوحة الاداره-مظهرالمنتدى-الوان-ورقة تصميمCss-ضع الكود-قدم فى النهايه اقدم لكم هذا الموقع الرائع جدا لصناعة اكوادCss انا استطعت من خلاله صنع عدة اكواد رائعه http://www.css3maker.com/box-shadow.html رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها خالص تحياتى

السلام عليكم تفضلوا كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي صورة للكود : - تكبير الصورة معاينة الأبعاد الأصلية. الكود للنسخة Invision الكود: ---------تضليل المحتوى الكود: blockquote { border:2px solid #FF6633; background-image : url(رابط الصورة); } ----------- كود اخر بشكل روعة الكود للنسخة phpbb2 الكود: ---------تضليل المحتوى الكود: .quote {   -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-rightright-radius: 25px; border-top: 1px solid #ADC8E5;; border-right: 2px solid #ADC8E5; border-bottom: 3px solid #ADC8E5; border-left: 5px solid #ADC8E5; background-color: #dfe6ef; -webkit-box-shadow: 4px 4px 10px #333; -moz-box-shadow: 4px 4px 10px #333; box-shadow: 4px 4px 10px #333; } طريقة الوضع : - الكود يوضع بورقة الــــcss لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css -----------

السلام عليكم تفضلوا كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي صورة للكود : - تكبير الصورة معاينة الأبعاد الأصلية. الكود للنسخة phpbb2 الكود: ---------تضليل المحتوى الكود:.quote{ border:2px solid #FF6633; background-image : url(http://i25.tinypic.com/29vbeap.jpg); } ----------- طريقة الوضع : - الكود يوضع بورقة الــــcss لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css -----------

[كود css] لوضع خلفيه لاسم المنتدى بشكل روعه من تصميمى ولكن الكود يختلف معأ كل نسخه تعاله اشرح ليك ايه شغلته لكل نسخه للنسخه Invision و PunBB تأثيره يظهر على الرئيسيه فقط للنسخه Phpbb3 تعاله نحسب انا وانت تأثيره على كام منطقة فى المنتدى على الرئيسيه ، والاقسأم ، والمواضيع ، والمجموعات ، قائمة الاعضاء ، البيانات الشخصيه س.و.ج ، والبروفيل الشخصى للعضو للنسخه Phpbb2 على الرئيسيه ، وداخل الاقسام ، وعلى اسم المواضيع وكمان تأثيره بيظهر على الكلمات الذى تضعها فى التشكيلات العامة على الرئيسيه الكود الكود: ---------تضليل المحتوى الكود: /* -------- [كود css] لوضع خلفيه لاسم المنتدى بشكل روعه من تصميمى ------------------- */ h1 { color: red; font: 27px/27px Baskerville, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; margin: 0; text-shadow: #C715DB 5px 5px 5px; } /* --------ِAmEr-dz------------------- */ كمأ يمكنك التحكم فى الخيال الاسم من هذا الرمز الكود: ---------تضليل المحتوى الكود:#C715DB وده موضوع يسهل عليك البحث عن اختيار الوان لأختيار كود اللون المطلوب صوره من الكود قبل وضع الكود وبعد الوضع تكبير الصورة معاينة الأبعاد الأصلية. http://i62.servimg.com/u/f62/15/62/26/03/ahmed_10.jpg تكبير الصورة معاينة الأبعاد الأصلية. http://i62.servimg.com/u/f62/15/62/26/03/ahmed_11.jpg شرح تركيب الكود لوحة التحكم مظهر المنتدى الصور و الألوان الوان ورقة تصميم لــــ Css

السلام عليكم الكود من تصميمي الخاص و فكرتي صورة من الكود http://i29.servimg.com/u/f29/16/39/13/86/oouu_o11.jpg الكود الكود: ---------تضليل المحتوى الكود:a.nav { background-image:url(http://i65.servimg.com/u/f65/14/95/73/10/218.png); -moz-border-radius: 10px; border-radius: 10px; nasim_code; border : 1px dotted #000000; border-left : medium solid #62585A; border-right : medium solid #62585A; font-weight:bold; }و السلام خير الكلام

الكود صورة قبل وضع الكود تكبير الصورة معاينة الأبعاد الأصلية. الكود: ---------تضليل المحتوى الكود: .postbody{font-size:22px;font-weight:700;line-height:2em;text-align:center;text-shadow:#F22E52 5px 5px 5px}a:link{text-decoration:none}تستطيع تغيير الظل الكود: ---------تضليل المحتوى الكود:#F22E52 وتستطيع تكبير في حجم الخط الكود: ---------تضليل المحتوى الكود:size:11pxوبعد وضع الكود تكبير الصورة معاينة الأبعاد الأصلية.

السلام عليكم ورحمته الله وبركاته كود css لجعل حقل تسجيل الدخول وكلمة السر ملونه بالخلفيه التى تريده اليكم أحبائى صورة للمعاينة تكبير الصورة معاينة الأبعاد الأصلية. http://i27.servimg.com/u/f27/13/67/81/12/mrkabo10.jpg الكود الكود: ---------تضليل المحتوى الكود: input { background: url(http://i80.servimg.com/u/f80/14/20/95/39/butt1110.gif); font: 11px georgia !important; border-color : #2DB9E3 !important; border-width:1px !important; border-style:solid !important; -moz-border-radius: 9px !important; } طريقة وضع الكود]لوحة الادارة مظهر المنتدى الصور والالوان الوان ورقة تصميم الـ Css ثم ضع الكود ثم قدم :: ثم سجل أيضا شرح مصور لتسهيل الامر تكبير الصورة معاينة الأبعاد الأصلية. http://i27.servimg.com/u/f27/13/67/81/12/kabo1210.png http://i27.servimg.com/u/f27/13/67/81/12/kabooo10.png http://i27.servimg.com/u/f27/13/67/81/12/565610.png تكبير الصورة معاينة الأبعاد الأصلية. http://i27.servimg.com/u/f27/13/67/81/12/1475610.png ملحوظة: الكود يعمل على شتى النسخ ولكن لا يعمل على الثالثه فقط + الكود يعمل بشكل جيد 100%100 الكود من صنعى ولا اسمح بنقله من دون المصدر والله شهيد ولا نريد سوا صالح الدعاء من سيادتكم أنتهى الشرح ارجوا ان اكون افدتكم

نقدم لكم اليوم شرحاً لطريقة وضع صوره كخلفية لاسماء الفئات في المنتدى , وذلك عن طريق كود CSS بدايةً , صورة للمنتدى قبل وضع الكود : الرئيسية قبل تكبير الصورة معاينة الأبعاد الأصلية. بعد تكبير الصورة معاينة الأبعاد الأصلية. و من داخل الاقسام قبل تكبير الصورة معاينة الأبعاد الأصلية. بعد تكبير الصورة معاينة الأبعاد الأصلية. وداخل المواضيع قبل تكبير الصورة معاينة الأبعاد الأصلية. بعد تكبير الصورة معاينة الأبعاد الأصلية. حسنا ، الكود لعمل هذا التغير هو التالي : الكود: ---------تضليل المحتوى الكود:   /*----------Lord-Adoain & AsEsInO------*/ .secondarytitle, .secondarytitle h2 { background-image: url("http://i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png"); background-position: center center; background-repeat: no-repeat; color: #30291F; font-size: 14px; margin: 0; padding: 0; font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif; } th {   background-image: url("http://i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png"); background-position: center center; background-repeat: no-repeat; color: #30291F; font-size: 14px; text-align: center; white-space: nowrap; font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif; } /*----------AsEsInO & Lord-Adoain------*/ الكود يوضع في :~ لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة تصميم CSS , ضع الكود وسجل ولتغيير الصورة , غير هذا الرابط الذي في الكود برابط الصورة التي تريد http://i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png

السلام عليكم ورحمة الله وبركاته كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى بداية تعريف بالـSpoiler وكيفية استخدامها وفائدتها تعريف بها : هي خاصية تتيح لك الحفاظ على شكل ومظهر الموضوع إن كان فيه صور مثلا أو اكواد كثيرة أو اي شئ تريد ان تخفيه الى ان يتم الضغط على زر معين كيفية استخدامها : بسيطة جدا .. حدد ما تريد اخفاءه ثم اضغط على زر آخر من صندوق الرد ثم إختر إخفاء الرد ستظهر النتيجة هكذا Spoiler: إضغط على كلمة Spoiler وسيظهر لك ما هو مخفي فائدتها : سيصبح مظهر الموضوع اكثر جمالا أما كود وضع اطار وخلفية صورة لها فهو هذا الكود: ---------تضليل المحتوى لتغيير الصورة عندما يكون الـ Spoiler مغلق غير هذا الرابط في الكود * الرابط الاول وليس الثاني ولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب * الرمز الاول وليس الثاني ولتغيير الصوره عندما يكون الـ Spoiler مفتوح غير هذا الرابط * الرابط الثاني وليس الاول ولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب * الرمز الثاني وليس الاول ولمعرفة اكواد / رموز الالوان ففي هذا الموضوع : لأختيار كود اللون المطلوب كود آخر لوضع إطار ولون كخلفية لـSpoiler الأول وضع صوره خلفية أما الثاني وضع لون الكود: ---------تضليل المحتوى لتغيير لون الخلفية عندما يكون الـ Spoiler مغلق غير هذا الكود #16FF05 بكود الخلفية التي تريد * الكود الاول وليس الثاني لتغيير لون الخلفية عندما يكون الـ Spoiler مفتوح غير هذا الكود #16FF05 بكود الخلفية التي تريد * الكود الثاني وليس الاول وبالنسبة للإطار فهو كما في الكود الاول .. يوضع الكود في لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة تصميم CSS .. ضع الكود ولا تنس الضغط على سجل الكود يعمل على النسخة الثانية فقط في داخل المواضيع , علينا لإظهار الكلام المخفي ان نضغط على كلمة Spoiler ولكن إن استخدمنا هذا الكود فيمكننا تغير كلمة Spoiler بكلمة اخرى نحن نضعها الكود الكود: ---------تضليل المحتوى يوضع في داخل الموضوع

كود Css خلفيه لاعلانات المنتدى على الرئيسية من صنعى للنسخه phpBB2 صوره من الكود قبل وضعه وبعد الوضع ,,, للتعرف عليه اكتر قبل وضع الكود http://i45.servimg.com/u/f45/16/45/90/49/ahmed_10.jpg بعد وضع الكود http://i45.servimg.com/u/f45/16/45/90/49/ahmed_11.jpg الكود -----------الكود: ---------تضليل المحتوى الكود: /*------------لوضع خلفيه للتشكيلات العامه-------------------*/ div.gensmall{ background: #cced24 url(http://i64.servimg.com/u/f64/12/94/12/03/swww110.gif) repeat; border: 3px double #A4C100; } /*-------------Ahmed M!Do ----------------------*/ يمكنك تغير الخلفيه بدل هذا الرابط http://i64.servimg.com/u/f64/12/94/12/03/swww110.gif ----------- طريقة الوضع : - الكود يوضع بورقة الــــcss لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css ----------- أتمني ان أنال حظا من دعائكم وأرجوا عدم نشر هذا الكود بأي منتدي حتي اذا ذكر اسمي ورابط هذا الموضوع فقط تضعوه بمنتدياتكم حتي لا أندم أنني نشرت الكود ----------- ارجو ان اكود قد وفقت

بســم الله الرحمـن الرحـيم السلام عليكم كود Css لعرض الأزرار اعلى الواجهة بطريقة احترافية الكود للنسخة PunBB صورة للمعاينة تكبير الصورة معاينة الأبعاد الأصلية. الـــكــــودالكود: ---------تضليل المحتوى الكود: /*-----PunBB عارضة تصفح أعلى الواجهة Ayman4u-----*/ a.mainmenu{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } a.mainmenu:hover{ filter:alpha(opacity=70); -moz-opacity: 0.65; opacity: 0.65; } #pun-intro { margin: 0; padding: 1.5em 1em 1em 1em; border-bottom: 0px solid #296fa5; background-color: transparent; background-image: url('http://illiweb.com/fa/empty.gif'); margin-left: -37px; text-align: center; background-repeat: no-repeat; width: 850px; height: 560px; margin-bottom: -50px; } #pun-head #pun-navlinks { padding: 0.5em 1.1em 0.6em 1.1em; background-color: transparent; border-color: #dddddd; border: 0px; display: block; margin-left: auto; margin-right: auto; margin-top: -576px; height: 370px; } /*-----PunBB عارضة تصفح أعلى الواجهة Ayman4u-----*/ طريقة وضع الكود لوحة الادارة \ مظهر المنتدى \ الصور والألوان \ ألوان \ ورقة تصميم Css ضع الكود:قدم

| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| .. كود مميز جدا يقوم صورة فوق الصورة الشخصية في المواضيع مميزاته : [b]يقوما لكود بوضع صورة صغيرة فوق الصور الشخصية للاعضاء في المنتدى مكتوب بداخلها "الصورة الشخصية" [/b] وميـزات اخـرى كالفيبي بدون التمبلايت برمجة الكود من قبل اخوكم sam hameed 94 النسخة الثانية Css For Phpbb 2 l تكبير الصورة معاينة الأبعاد الأصلية. http://i44.servimg.com/u/f44/15/54/04/99/2011-023.png الكود: ---------تضليل المحتوى طريقة الوضع : - يوضع الكود في ورقة التصميم css لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css شرح الكود |:| كما يلي لتحكم ببعد الصورة الصغيرة عن الصورة الشخصية قوم ببلبحث عن و قوم بتغير الرقم 40 الي الرقم الذي يناسب مقاس الصورة كما يمكنك ايضاً تغير رابط الصورة هذا بالرابط الذى تريده أتمني ان أنال حظا من دعائكم وأرجوا عدم نشر هذا الكود بأي منتدي حتي اذا ذكر اسمي ورابط هذا الموضوع فقط تضعوه بمنتدياتكم حتي لا أندم أنني نشرت الكود و إلى هنا اخوانيـ ..ينتهي موضوعنا لهذا اليوم .. في أمل اللقاء بكمـ .إن شاء الله في مواضيع جديدة .. والسلام عليكم و رحمة الله .. ارجو ان اكود قد وفقت في الشرح

السلام عليكم كود اخفاء ازرار الإستعراض للنسخة phpBB3 أولا : عمل الكود قبل إستخدام الكود تكبير الصورة معاينة الأبعاد الأصلية. http://i42.servimg.com/u/f42/16/32/67/07/112.gif بعد إستخدام الكود تكبير الصورة معاينة الأبعاد الأصلية. http://i42.servimg.com/u/f42/16/32/67/07/210.gif ثانيا : الكود الكود هو الكود: ---------تضليل المحتوى الكود:.linklist{   display: none; } أخيرا : طريقة وضع الكود يوضع الكود في لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة تصميم CSS ضع الكود ولا تنس الضغط على سجل

كود css لجعل عبارة اخر تعديل تم بواسطة ...... باللون الاحمر الكودالكود: ---------تضليل المحتوى الكود: tr.post span.gensmall { color: #FF0000; }يمكنكم تغير اللون من #FF0000 لأختيار كود اللون المطلوب الكود مجرب ل علي النسخة التانية طريقة التركيب لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css ونضع الكود اعلاه ملحوظة : الكود يعمل مع النسخة الثانية .. Phpbb2 فقط

اقدم لكم كود css الذي طلبه الكثير والكثير وهواه عمل عبارة فوق صندوق الرد او عند كتابة موضوع جديد مثل الموجود في الدعم صورة للكود في الرد السريع تكبير الصورة معاينة الأبعاد الأصلية. وهذه عندك كتابة الموضوع تكبير الصورة معاينة الأبعاد الأصلية. الكود الكود: ---------تضليل المحتوى لوحة الادارة/مظهر المنتدي/الوان/ورقة تصميم css ونضع الكود اعلاه الكود مخصص للنسخة ِ: phpbb2 وايضا يعمل مع باقي النسخ يمكنكم تغير العبارة الموجودة في الكود

السلام عليكم ورحمة الله وبركاته [css]لعمل تاثير جميل على ارقام صفحات في المواضيع عملنا لكم اكثر من شكل الشكل الاول صوره توضيحيه http://i40.servimg.com/u/f40/12/50/61/71/osa_110.jpg الكودالكود: ---------تضليل المحتوى الكود:.pagination { background-color:#fff; color:#48b9ef; padding:10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:right; } .pagination a { color:#48b9ef; padding:2px 5px; margin:0 2px; text-decoration:none; border:2px solid #f0f0f0; } .pagination a:hover, div.pagination a:active { border:2px solid #ff5a00; color:#ff5a00; } .pagination span.current { padding:2px 5px; border:2px solid #ff5a00; color:#fff; font-weight:bold; background-color:#ff6c16; } .pagination span.disabled { display:none; } الشكل 2: http://i40.servimg.com/u/f40/12/50/61/71/osa210.jpg الكود الكود: ---------تضليل المحتوى الكود:\\--------alngmgold ------\\ div.pagination { padding: 3px; margin: 3px; text-align:center; font-family:Tahoma,Helvetica,sans-serif; font-size:.85em; } .pagination a { border: 1px solid #ccdbe4; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #0061de; } .pagination a:hover, div.pagination a:active { border: 1px solid #2b55af; background-image:none; background-color:#3666d4; color: #fff; } .pagination span.current { margin-right:3px; padding:2px 6px; font-weight: bold; color: #000; } .pagination span.disabled { display:none; } .pagination a.next{ border:2px solid #ccdbe4; margin:0 0 0 10px; } .pagination a.next:hover{ border:2px solid #2b55af; } .pagination a.prev{ border:2px solid #ccdbe4; margin:0 10px 0 0; } .pagination a.prev:hover{ border:2px solid #2b55af; } الشكل 3: http://i40.servimg.com/u/f40/12/50/61/71/osa_310.jpg الكود الكود: ---------تضليل المحتوى الكود:\\--------alngmgold ------\\ .pagination { padding: 3px; margin: 3px; text-align:center; } .pagination a { border: 1px solid #dedfde; margin-right:3px; padding:2px 6px; background-position:bottom; text-decoration: none; color: #99210B; } .pagination a:hover, div.pagination a:active { border: 1px solid #000; background-image:none; background-color:#777777; color: #fff; } .pagination span.current { margin-right:3px; padding:2px 6px; font-weight: bold; color: #99210B; } .pagination span.disabled { margin-right:3px; padding:2px 6px; color: #adaaad; }ملحوظه الاكواد تعمل على النسخ phpBB2 phpBB3 Invision لاكن لاتعمل على النسخه PunBB

اقدم لكم كود لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي صورة للكود تكبير الصورة معاينة الأبعاد الأصلية. الكود الكود: ---------تضليل المحتوى الكود:/*a7medvirus Tutorial*/ .code{   max-height: 200px; overflow: auto; direction: ltr; display: block; } /*by: Traid web*/ تمت كتابة ودراسة

السلام علكيم ورحمه الله وبركاتو اليوم اقدم لكم كود css كودcss ظل لازرار وصندوق الرد بالكامل بطريقه جميلة للنسخةPhpbb2 فقط ^^^^^^^ ------------- لمعاينه فعاليه الكود تكبير الصورة معاينة الأبعاد الأصلية. http://i40.servimg.com/u/f40/15/90/68/93/ou_uoo11.png ----------- طريقة الوضع : - الكود يوضع بورقة الــــcss لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css -----------الكود: ---------تضليل المحتوى الكود:/*** جميع الحقوق محفوظه- new.moon***/ button.button2, input.button2 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5); box-shadow: 5px 5px rgba(0,0,0,0.5); } input { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: inset -5px -5px 5px #888; -webkit-box-shadow: inset -5px -5px 5px #888; box-shadow: inset -5px -5px 5px #888; } form#quick_reply textarea#text_editor_textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888; } form#quick_reply iframe#text_editor_iframe { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888; } *+html form#quick_reply iframe#text_editor_iframe { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888; } /*** جميع الحقوق محفوظه- new.moon***/ تم تطوير الكود

السلام عليكم ورحمة الله وبركاته اهلا ومرحبا بكم اخوانى فى احلى منتدى اتمنى ان تكونو بخير جميعاا انشاء الله اقدم الكم كود لعمل ظل لروابط المنتدى ..تبعا للون الوصله احمر ..ظهر ظل احمر اخضر..يظهر ظل اخضر وهكذا مثال على الكود اليكم الكود اخوانى الكود: ---------تضليل المحتوى الكود: /*ظل للروابط HIMA ELMASRY */ a:link, a:visited, a:active{ text-decoration : none; } a:hover{ text-shadow:0 0 20px; } /*ظل للروابط HIMA ELMASRY */ طريقة تركيب الكود لوحه الادارة مظهر المنتدى الوان ورقة تصميم css وضع الكود ثم اضغط قدم

حصريا .. وبعد طوول انتظار .. كود وضع أطار حول مساهمات العضو الكود ليس من صنعى ولكن من تطويرى تكبير الصورة معاينة الأبعاد الأصلية. صورة الكــود تكبير الصورة معاينة الأبعاد الأصلية. تكبير الصورة معاينة الأبعاد الأصلية. الكود: ---------تضليل المحتوى الكود:.postbody{font-size:20px;font-weight:700; background: #f52641;   -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; border:3px solid #FF0000; background: url(http://download.mrkzy.com/e/0711_md_13127162151.gif); background-position:top; background-repeat: no-repeat; display: block; overflow: auto; padding:60px;); .forumline{ width:97%; margin:3px; padding: 4px; -moz-box-shadow: 0px 0px 30px #FF0000; box-shadow: 0px 0px 30px #FF0000; -webkit-box-shadow: 0px 0px 30px #FF0000; -khtml-box-shadow: 0px 0px 30px #FF0000; } } طريقة الـــوضـــع لوحة الادارة مظهر المنتدى اللون ورقة تصميم css ضع الكود ثــم سجل -----