(لم يتم الحل بعد) طلب كود تعديل على ارقام الصفحات للمواضيع

طلب كود تعديل على ارقام الصفحات للمواضيع و شكرا
صورة توضح المطلوب :
(لم يتم الحل بعد) طلب كود تعديل على ارقام الصفحات للمواضيع 211

https://i.servimg.com/u/f55/16/65/62/92/211.png

اهلا اخي تفصل

(لم يتم الحل بعد) طلب كود تعديل على ارقام الصفحات للمواضيع Empty

[css] لعمل تاثير جميل على ارقام صفحات في المواضيع

اذ تم الحل

عدل الموضوع وضع اقونة تم الحل

ImAd96 كتب:
اهلا اخي تفصل

[css] لعمل تاثير جميل على ارقام صفحات في المواضيع

اذ تم الحل

عدل الموضوع وضع اقونة تم الحل

لآقصض هذا الكود بل هذا الكود الذي يعمل على هنا مثل الصورة
(لم يتم الحل بعد) طلب كود تعديل على ارقام الصفحات للمواضيع 211

https://i.servimg.com/u/f55/16/65/62/92/211.png

هل مشكلتك اخى ان يكن ترتيب ومكان الارقام كما فى الصورة ام تريد ان تتحكم فى مظهررها العام ؟

وضح من فضلك

اولا كل عام وانتم بالف خير وعيد مبارك على الجميع

من بعد اذن الاخ المساعد يوجى

اخي هل لديك حق التعديل على التومبيلات ؟

اذا كان نعم تفضل الشرح من هنا

admin كتب:

السلام وعليكم

اليوم اقدم لكم كود جديد ولاول مرة في المنتديات العربية

حصري كود تومبيلات ترقيم المساهمات للنسخة
phpBB2
صورة توضيحية

والان نبدء بالنسخة
phpBB2

اولا نذهب الى لوحة الادارة

مظهر المنتدى

التومبيلات والقوالب
ونختار viewtopic_body

ونبحث في القالب عن الكود

الكود:

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

الكود:
<div class="room"><a href="#{postrow.displayed.U_POST_ID}">{postrow.displayed.COUNT_POSTS}</a></div>
ومن بعد نضعط على سجل وانشر
ونعود الى لوحة الادارة

مظهر المنتدى

الصور والالوان

الوان

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

الكود:
/* تابع تومبيلات ترقيم المشاركات-hamsa-haq */ .room { background-image:url(http://i30.servimg.com/u/f30/14/80/95/87/ddn_dd10.png); background-repeat:no-repeat; width:43px; height:29px; float:right; font-size:12px; font-family:Georgia; color:#000080; margin:-5px 1px 0 5px; padding:3px 0; text-align:center; } /* تابع تومبيلات ترقيم المشاركات-hamsa-haq */
يمكنك تغير هذا الرابط ووضع رابط الايقوانة التي ترغب بها

وهنا بعض اشكال الايقوانات التي انت حر فما تختار منها

وان شاء الله سيتم نشر موضوع جديد للنسخ المتبقية
انتظرونا قريبا
اختكم

hamsa-haq
يسمح بنقل الموضوع في حال عدم حذف حقوقي من على الكود والشرح وذكر مصدر الموضوع

يوجى كتب:هل مشكلتك اخى ان يكن ترتيب ومكان الارقام كما فى الصورة ام تريد ان تتحكم فى مظهررها العام ؟

وضح من فضلك

انا اقصد عمل تاثير على ارقام الضفحات المقصودة في الصورة ان اكبرها ان اضع لها خلفية مربعة يعني عمل تاتيرات عليها ممكن الكود ؟؟؟

HAMSA-HAQ كتب:اولا كل عام وانتم بالف خير وعيد مبارك على الجميع

من بعد اذن الاخ المساعد يوجى

اخي هل لديك حق التعديل على التومبيلات ؟

اذا كان نعم تفضل الشرح من هنا

admin كتب:

السلام وعليكم

اليوم اقدم لكم كود جديد ولاول مرة في المنتديات العربية

حصري كود تومبيلات ترقيم المساهمات للنسخة
phpBB2
صورة توضيحية

والان نبدء بالنسخة
phpBB2

اولا نذهب الى لوحة الادارة

مظهر المنتدى

التومبيلات والقوالب
ونختار viewtopic_body

ونبحث في القالب عن الكود

الكود:

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

الكود:
<div class="room"><a href="#{postrow.displayed.U_POST_ID}">{postrow.displayed.COUNT_POSTS}</a></div>
ومن بعد نضعط على سجل وانشر
ونعود الى لوحة الادارة

مظهر المنتدى

الصور والالوان

الوان

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

الكود:
/* تابع تومبيلات ترقيم المشاركات-hamsa-haq */ .room { background-image:url(http://i30.servimg.com/u/f30/14/80/95/87/ddn_dd10.png); background-repeat:no-repeat; width:43px; height:29px; float:right; font-size:12px; font-family:Georgia; color:#000080; margin:-5px 1px 0 5px; padding:3px 0; text-align:center; } /* تابع تومبيلات ترقيم المشاركات-hamsa-haq */
يمكنك تغير هذا الرابط ووضع رابط الايقوانة التي ترغب بها

وهنا بعض اشكال الايقوانات التي انت حر فما تختار منها

وان شاء الله سيتم نشر موضوع جديد للنسخ المتبقية
انتظرونا قريبا
اختكم

hamsa-haq
يسمح بنقل الموضوع في حال عدم حذف حقوقي من على الكود والشرح وذكر مصدر الموضوع

شكرا سيدتي لكن ما اقصده عمل تاثير على ارقام الضفحات المقصودة في الصورة ان اكبرها ان اضع لها خلفية مربعة يعني عمل تاتيرات عليها ممكن الكود ؟؟؟

????????????

لك ان تبحث عن الكود المناسب لهذا هنا ..
التقنيات المتقدمة

Cool

يوجى كتب:لك ان تبحث عن الكود المناسب لهذا هنا ..
التقنيات المتقدمة

يا اخي لم اجده .. ابحث لي انت عليه

ما لا تجده فى قسم التقنيات .. فلك ان تبحث عنه فى جوجل ..

www.google.com

Cool

Mr.YuGi كتب:ما لا تجده فى قسم التقنيات .. فلك ان تبحث عنه فى جوجل ..
www.google.com

و ما دورك انت ؟؟

دورى هنا لمساعدة الجميع فى حل مشاكلهم ..؟
وليس فى التوقف عن المساعدة واضاعه الوقت فى البحث عن كوداً وترك الكثير من المشاكل فى الانتظار .. بينما انت يا اخى العزيز يمكنك البحث وتوفير على عناء البحث لأتمكن من مساعدة غيرك ...؟

اتمنى تفهم الامر ... Cool

من بعد اذن الاخ المساعد
تفضل اخي اختار ما يناسبك

.pagination {
background-color:#fff;
color:#48b9ef;
padding:10px 0 10px 0;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:right;
}

.pagination a {
color:#48b9ef;
padding:2px 5px;
margin:0 2px;
text-decoration:none;
border:2px solid #f0f0f0;
}

.pagination a:hover, div.pagination a:active {
border:2px solid #ff5a00;
color:#ff5a00;
}

.pagination span.current {
padding:2px 5px;
border:2px solid #ff5a00;
color:#fff;
font-weight:bold;
background-color:#ff6c16;
}
.pagination span.disabled {
display:none;
}

2

div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
font-family:Tahoma,Helvetica,sans-serif;
font-size:.85em;
}

.pagination a {
border: 1px solid #ccdbe4;
margin-right:3px;
padding:2px 8px;

background-position:bottom;
text-decoration: none;

color: #0061de;
}
.pagination a:hover, div.pagination a:active {
border: 1px solid #2b55af;
background-image:none;
background-color:#3666d4;
color: #fff;
}
.pagination span.current {
margin-right:3px;
padding:2px 6px;

font-weight: bold;
color: #000;
}
.pagination span.disabled {
display:none;
}
.pagination a.next{
border:2px solid #ccdbe4;
margin:0 0 0 10px;
}
.pagination a.next:hover{
border:2px solid #2b55af;
}
.pagination a.prev{
border:2px solid #ccdbe4;
margin:0 10px 0 0;
}
.pagination a.prev:hover{
border:2px solid #2b55af;
}

3

.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

.pagination a {
border: 1px solid #dedfde;
margin-right:3px;
padding:2px 6px;

background-position:bottom;
text-decoration: none;

color: #99210B;
}
.pagination a:hover, div.pagination a:active {
border: 1px solid #000;
background-image:none;
background-color:#777777;
color: #fff;
}
.pagination span.current {
margin-right:3px;
padding:2px 6px;

font-weight: bold;
color: #99210B;
}
.pagination span.disabled {
margin-right:3px;
padding:2px 6px;

color: #adaaad;
}

طريقة تركيب الكود:
الكود يوضع بورقة الــــcss
لوحة
الادارة > مظهر المنتدي
> الوان > ورقة تصميم css

ملحوظه
الاكواد تعمل على النسخ
phpBB2
phpBB3
Invision

لاكن لاتعمل على النسخه
PunBB

في آمان الله