هنا أضع بين يديكم مجموعة من الأكواد الرائعة التي يستعملها الكثير لجعل منتدياتهم حلوة
علما أن هذه الأكواد توضع في::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("ضع هنا رابط الصوره");
}
استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره
رابط الصوره
https://i.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif
لجعل الحدود متقطعه
الصوره
رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/jhgjgh10.png
3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع
الرمز:
a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}
استعمل هاذه الصوره كمثال
رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/icon2610.gif
مثال على الاكواد
http://alshaeery.yoo7.com/forum.htm
مهم جدا
أثناء العمل على ورقة الكيس
CSS
اكثر من مره قديسبب خلل بمظهر منتداك
لذا انصحكم بالحذر
السبب ليس في الاكواد لكن ورقة الكس حساسه جدا بسبب كثرة العمل عليهى
اما اذا اردتم أكواد الكيس ان تعمل في صندوق الهوتمل
عليكم وضعها في داخل هاذا الكود المكون من كلامتين
الرمز:
ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي
اتمنى انكم تكونو استفدتم
المرجو الردود المشجعة
