عادل ميخائيل مدير عام المنتدى
عدد المساهمات : 1856 نقاط : 3495 تاريخ الميلاد : 22/04/1966 تاريخ التسجيل : 07/07/2009 58 العمل/الترفيه : معلم اول أ المزاج : هاوى
| موضوع: مجموعة اكواد CSS الأربعاء 15 ديسمبر 2010, 1:31 pm | |
|
هذا الكود له مميزات عديدة منها التحكم في حجم الفئة اعطاء خلفية للاقسام التنسق بين الاقسام وتنظيمها اعطاء خلفية رائعة للرد السريع والرسائل الخاصة تدريج المواضيع توسيط المنتدى ليكون اكثر ابداع كل هذا المميزات يوفرها لك هذا الكود انسخه وضعه في ورقة CSS تفضل الكود th { height: 44px; border:1px solid #586166; background-image: url("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] "); } a.mainmenu{ background:none; border:0; } a.copyright { border:0; background:none; } 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%; } span.postdetails { text-align:center; } fieldset.genmed { width:400px; } iframe[name="google_ads_frame"], #add-google, #add-google iframe, #add-google iframe[name="google_ads_frame"]{ display:block!important; visibility:visible!important; } input,textarea, #text_editor_iframe { background: url(); font: 11px georgia !important; border-color : #2DB9E3 !important; border-width:1px !important; border-style:solid !important; -moz-border-radius: 9px !important; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; }
{ border:2px solid #586166; }
كود وضع صورة جمب اسم العضو ---------------------------------
a strong { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat right; padding: 13px; } a:hover { background-image: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ); border-bottom: 0px solid #105289;; }
hr { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat center; border-top: thin groove; padding: 48px; line-height:10px; }
كود ذكر الله في بداية الموضوع ----------------------------- .thLeft { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat center; border-top: thin groove; padding: 20px; font-size: 0px; text-align: left; color: Black; border: medium double #00CCFF; background-color: #111111; } .thRight { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat right; border-top: thin groove; padding: 50px; color: Black; text-align: left; font-size: 1px; border: medium double #00CCFF; background-color: #111111; } ----------------------------------------------------------------------------------- الكود كامل يعمل مع النسخة الثانية فقط phpbb2[كود Css] تجميل المنتدى ايطارات منقطه حول الاقسام والمساهمات والمواضيع [مميز] الكود -------------------------------------------------- .row1 { border:1px solid #39b3bf; border-collapse: separate; outline:1px dotted #39b3bf; } .row2 { border:1px solid #39b3bf; outline:1px dotted #39b3bf; } .row3 { border:1px solid #39b3bf; outline:1px dotted #39b3bf; } td.row3Right,td.spaceRow { border:1px solid #39b3bf; outline:1px dotted #39b3bf; } .bodyline{ background:#FFFFF3; border:2px solid #39b3bf; outline:2px dotted #39b3bf; padding:1PX; margin:0; } body{ padding:0; margin:0; background-position:center; ينحط عن طريق مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css التحكم بلون الايطار عن طريق تغيير اللون ده االرمز#39b3bf ا } -------------------------------------------------------------------------------------------- بداية البسمله في كل مساهمه وموضوع ------------------------------------ hr { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat center; border-top: thin groove; padding: 48px; } ------------------------------------------------------------------------------- كود ذكر الله في بداية الموضوع ------------------------------ .thLeft { background: Black url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat center; border-top: thin groove; padding: 20px; font-size: 0px; text-align: left; color: Black; border: medium double #00CCFF; } ] ------------------------------------------------------------------------------------------- كود للمنتدى اكثر من روعة من مميزاته 1- توسيط المساهمات 2- جعل الكتابة بالنسبة للمواضيع موحدة الحجم بالنسبة للخط 3- جعل امكانية نسخ الموضوع من اي موقع ووضعه في المنتدى من غير تعديل وكما هو 4- وضع نجمة امام اسماء المجموعات 5- بسملة رائعة في بداية كل موضوع 6- خليفة فئات لمنتدك 7- تنسيق المنتدى وعرضه ليتماشى مع منتداك كل هذا في كود واحد تفضل
a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } /* ??I C?E???? */ .hr { background: url() no-repeat center; border-top: thin groove; padding: 50px; line-height: 12px; } a strong { background : url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat right; padding : 0 15px 0 20px; }
tr.post td { text-align: center; } hr { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat center; border-top: thin groove; padding: 48px; line-height:10px; } div.topictitle:hover { color:#FF0000; } div.topictitle { color:#FF0000; font-size: 14px; } ------------------------------------------------------------------------------ الكود في ورقة تصميم css نقوم بالضغط على الزر ( قدم ) وسيصبح الاطار الداخلي لمنتداكم منقط كود يجعل الاطار الداخلي للمنتدى اطار منقط --------------------------------------------- .bodyline{ background-color: #; border: 1px dotted #CFCFCF; } --------------------------------------------------------------------------- كود css لوضع صورة كخلفية لأزرار المنتدي للنسخة invision طريقة الوضع : - الكود يوضع بورقة الــــcss لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css ------------------------------------------- #submenu { background-image: url(ضع هنـا رابط الصوره); } -------------------------------------------------------------------------------- ed]الكود شغال زى العسل فى منتداى وهو عبارة عن ثلاثة اكواد فى كود واحد وضع ايطار حول اسم العضو ولوحة الادارة والبسملة وحل مشكلة الاسطر فى المساهمات وحجم الخط كبير وواضح وجميل[/color] الكوووووووووووووووووود ---------------------------- .forumline{ background-image: url("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"); } strong a{ text-decoration:none; border:1px dashed #FFA34F; background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]); } a.copyright { border:0; background:none; } a.name { text-decoration:none; border:1px dashed c209f0; background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]); } a.coloradmin{ text-decoration:none; border:1px dashed c209f0; background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]); } a strong { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat right; padding: 13px; } hr{ height: 8px; border: solid #e1effa 1px; border-top-width: 1px; background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]); } a.copyright { border:0; background:none; } tr.post td { text-align: center; } /* كود البسمله */ .hr { background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) no-repeat center; border-top: thin groove; padding: 50px; line-height: 12px; } .postbody{ font-size: 17px; text-align: center; font-weight: bold; line-height: 2.0em; } [__________________________________________________ ______________________________ لجعل حدود جميع منتداك بتلمع او حدود متقطعه على حسب الصوره
الرمز: .forumline{ background-image: url("ضع هنا رابط الصوره"); } __________________________________________________ ______________________________
----------------------------------------------------------------------------- كود شات -------- [img(0px,0px)]/font[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ZwPTUzMTUxJmQ9Jmc9MiZvPWI4OGYwZTJjMGExNzRjNDQ5OTUx/ZWY2MjU3N2Q4Yjk1Jm9mPTA=.gif" />[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]</A>" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=99596193" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" /> [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" width="810" height="530"> -----------------------------------------------------------------------------------------------------------------------كود تانى لمحطة القران الكريم جديد الكود عبارة عن بنر لريل بلير يوجد فيه جميع التلاوات القرآنية وعند الضغط على البنر سينقلك الى موقع تلاوة القران الكريم --------------------------------------
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]</a> " frameborder="0" allowtransparency="1" scrolling="no" width="302" height="334"></DIV></FONT> | |
|