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

شاطر | 
 

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

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

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

مُساهمةموضوع: مجموعة اكواد 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>


يهمنى رائيك يا *** زائر *** ضع رد لتوضح رائيك
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.adel66.yoo7.com
 
مجموعة اكواد CSS
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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