السلام عليكم

منورين اساحبى
عليك تقوم بالتسجيل فى المنتدى
لتشاهد جميع المواضيع

[center] [img] http://i37.servimg.com/u/f37/17/55/97/07/uuuuu10.jpg



 
الرئيسيةالرئيسية  شاتشات  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  الشــــــــــــــــــــاتالشــــــــــــــــــــات  asa7be.masryasa7be.masry  

شاطر | 
 

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

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

الجنس : ذكر
المسهمات : 250
نقاط : 23513
السٌّمعَة : 6
تاريخ التسجيل : 02/06/2012

مُساهمةموضوع: مجموعة من الأكواد الرائعة التي يستعملها الكثير لجعل منتدياتهم حلوة   الجمعة يوليو 13, 2012 3:13 pm



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

علما أن هذه الأكواد توضع في::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(http://i86.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(http://i83.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("ضع هنا رابط الصوره");
}


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

رابط الصوره
http://i63.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif



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

رابط الصوره
http://i62.servimg.com/u/f62/13/42/24/54/jhgjgh10.png


3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع
الرمز:
a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}


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


رابط الصوره
http://i62.servimg.com/u/f62/13/42/24/54/icon2610.gif

مثال على الاكواد
http://alshaeery.yoo7.com/forum.htm

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


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

الرمز:





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





اتمنى انكم تكونو استفدتم
المرجو الردود المشجعة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://asa7bemasry.mam9.com
 
مجموعة من الأكواد الرائعة التي يستعملها الكثير لجعل منتدياتهم حلوة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: جميع انواع الاكواد html css :: اكواد للمنتدى هامة css-
انتقل الى: