منتدى طوخ دلكه
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



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

 

 مجموعة اكواد CSS

اذهب الى الأسفل 
كاتب الموضوعرسالة
عادل ميخائيل
مدير عام المنتدى
عادل ميخائيل


ذكر
عدد المساهمات : 1856
نقاط : 3495
تاريخ الميلاد : 22/04/1966
تاريخ التسجيل : 07/07/2009
58
العمل/الترفيه : معلم اول أ
المزاج : هاوى

مجموعة اكواد CSS Empty
مُساهمةموضوع: مجموعة اكواد CSS   مجموعة اكواد CSS I_icon_minitimeالأربعاء 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>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.adel66.yoo7.com
 
مجموعة اكواد CSS
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» مجموعة اكواد للمنتديات جميلة
» مجموعة ايقونات متحركة جميلة جدا تستخدم فى المنتديات حمل اكبر مجموعة من منتدى طوخ دلكة
» مجموعة عظات لقداسة البابا شنودة (مجموعة ثانية)
» مجموعة صور جديدة
» مجموعة صور متحركة جميلة جدا

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى طوخ دلكه :: قسم الكمبيوتر :: اكواد للمنتدى-
انتقل الى: