تطوير منتديات احلي منتدي

**نسمه المنتدى** · 2011-06-05, 16:10

أكببر مكتبة أكواد لمن تجدها اإلا في منتديات .. ابداع نت css

السلام عليكم

هنا أضع بين يديكم مجموعة من الأكواد الرائعة التي يستعملها الكثير لجعل منتدياتهم حلوة

علما أن هذه الأكواد توضع في::cssلوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم

* كود لوضع خلفية لمواضيعك::

اقتباس :

.row1 {
background-image: url(رابط الخلفية);
}

--------------------------------------------------------

كود روعة يجعل منتداك اكثر تنصيق وتنظيما احجزه العدد محدود

- توسيط المساهمات
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(https://i.servimg.com/u/f86/12/36/92/31/star310.gif) no-repeat
right;
padding : 0 15px 0 20px;
}

tr.post td {

text-align: center;

}

hr {
background: url(http://www.ashaq-basimyat.org/uploads/images/ri4s-7130c8ce79.gif) 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] : كود البسملة اعلى المساهمات يعمل على جميع النسخ

السلام عليكم

الكود منقول من منتدى الدعم والمساعدة للفائدة

كود البسملة اعلى المساهمات يعمل على جميع النسخ

الكود

اقتباس :

/* كود البسمله */
.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;
}

---------------------------------------------

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات

اقدم لكم اليوم ساعة ولا اروع تتحرك مع الماوس بشكل رائع جداااا

مع امكانية توقيف الساعة والتحكم بها من قبل العضو

يوضع الكود على مرحلتين

الاول في

لوحة الادارة
مظهر المنتدى
الوان
ورقة شخصية

نضع هذا الكود :

الرمز

اقتباس :

.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}

----------------------------------------------------

اكواد ورقة CSS للنسخه phpBB2

السلام عليكم ورحمة الله وبركاته
اكود بتستعمل في ورقة الكيس
CSS
للنسخه
phpBB2

الاكواد
1/ لجعل الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في ورقة الكيس
وجعل كل كود تحت الاخر
لذهاب الى ورقة الكيس
CSS
اتجه الى لوحة الاداره >مظهر المنتدى>الالوان>ورقة الكس>ضع الكود وادخل عليهى روابط الصور ثم قم بالتسجيل

الكود الاول

الرمز:

td.row1,td.row3.over:hover {
background-image: url(" ضع هنا رابط الصوره");
}

td.row2,td.row1.over:hover {
background-image: url(" ضع هنا رابط الصوره");
}

td.row3{
background-image: url(" ضع هنا رابط الصوره");
}

td.row3Right,td.spaceRow {
background-image: url(" ضع هنا رابط الصوره");
}

2/ لتغير الخلفيه الثانيه للمنتدى كصوره
الكود الثاني

الرمز:

.bodyline{
background-image: url("ضع هنا رابط الصوره");
}

مثال :

3 / لجعل حدود جميع منتداك بتلمع او حدود متقطعه على حسب الصوره
الكود الثالث

الرمز:

.forumline{
background-image: url("ضع هنا رابط الصوره");
}

استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره

رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

لجعل الحدود متقطعه
الصوره

رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع

الرمز:

a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}

استعمل هاذه الصوره كمثال

رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

مثال على الاكواد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

مهم جدا
أثناء العمل على ورقة الكيس
CSS
اكثر من مره قديسبب خلل بمظهر منتداك
لذا انصحكم بالحذر
السبب ليس في الاكواد لكن ورقة الكس حساسه جدا بسبب كثرة العمل عليهى

اما اذا اردتم أكواد الكيس ان تعمل في صندوق الهوتمل
عليكم وضعها في داخل هاذا الكود المكون من كلامتين

الرمز:

ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي

اتمنى انكم تكونو استفدتم
المرجو الردود المشجعة