معهد خبراء بلوجر - كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- طلبات الدعم الفني (https://www.bloggerexp.com/forumdisplay.php?f=12)

- - كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟ (https://www.bloggerexp.com/showthread.php?t=7585)

مـدونـجـي

05-16-2013 12:55 PM

كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

السلام عليكم ...

الكود المستهدف هو :

كود:

<div class='readmorecontent'><a expr:href='data:post.url'>اقرأ المزيد</a></div></b:if>

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

اعتقد أن حل المشكلة هو باستبدال ( data:post.url ) بعنصر آخر لكن لم أصل بعد إلى العنصر المطلوب .

أيضاً حاولت من خلال إضافة الصورة بشكل مباشر إلى الكود عوضاً عن النص :

كود:

<div class='readmorecontent'><a href='http://domainl.com/dfgke.png></a></div>

لكن لم يتم تفعيل الزر !

3li	05-16-2013 03:50 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

وعليكم السلام ورحمة الله

اخي مدونجي جرب ضيف الصوره فقط مكان كلمة اقرأ المزيد
بحيث يصبح الكود بالشكل التالي

كود:

  <div class='readmorecontent'><a expr:href='data:post.url'><img src="رابط الصوره" title="إقرأ المزيد" alt="إقرأ المزيد"/></a></div></b:if>

فقط استبدل كلمة رابط الصوره بالصوره اللي بدك اياها

مع العلم انت ضايف في نهاية الكود علامة </b:if> لازم تستبدلها متل ما نسختها لانو الها تكملة قبل الكود

مـدونـجـي

05-16-2013 04:55 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

شكراً أخي علي على المشاركة .

الكود يظهر الزر المطلوب و لكن بشكل منفصل عن الزر الموضوع في تنسيقات css و الظاهر أصلاً ضمن التدوينات, و بالتالي بأبعاد و قيم هوامش مختلفة . بالتحديد الزر الجديد يأخذ أبعاد صورة التدوينة, أي تم تمديده طولاً و عرضاً أكثر من 5 مرات و بالتالي ظهر مشوهاً .

و أيضاً جربت بالكود

كود:

<div class='readmorecontent'><img src="رابط الصورة"/></div></b:if>

لكن نفس المشكلة.

أنا ما أريده أن لا أضطر لوضع رابط صورة الزر في هذا الكود و انما الربط بين هذا الكود و تنسيق الـ ( readmorecontent ) ضمن الـ css, و بالتالي يتم تفعيل الزر الموجود و الظاهر أصلاً .

admin

05-16-2013 08:58 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

رابط المدونة التي تعدل عليها ؟

مـدونـجـي

05-16-2013 09:01 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

هذا رابط القالب أخي عثمان : http://www.mediafire.com/?m1b4xricm8xz3eu

admin

05-16-2013 11:04 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

أخي كود الcss لا يتوفر على أية خلفية أو صورة
ما الذي تريد عرضه بالضبط كيف تريد يكون الشكل النهائي ؟

مـدونـجـي

05-16-2013 11:16 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

أخي عثمان, هذا كود الـ css بالنسبة للتنسيق :

كود:

.readmorecontent{background:url(http://i.imgur.com/gO42R9s.png)no-repeat ;text-align:center;width:158px;height:35px;float:right;margin:60px 20px 20px 40px;text-shadow:0px 1px 1px #000;}

و هذا كود التفعيل :

كود:

<div class='readmorecontent'><a expr:href='data:post.url' target='_blank'>اقرا المزيد</a></div>

ما أريده فقط الربط ما بين الكودين بحيث تحتفي عبارة ( اقرأ المزيد ) من الكود الثاني و يحل مكانها الزر

admin

05-16-2013 11:43 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

يمكنك استعمال كود الأخ علي
مع حذف خصائص css التالية :
.bar img
.post img
.post img, table.tr-caption-container
a img

admin

05-16-2013 11:51 PM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

أخيرا وجدت الطريقة التي تريد تطبيقها
كود css :

كود بلغة HTML:

.readmorecontent{background:url(http://i.imgur.com/gO42R9s.png)no-repeat ;text-align:center;width:158px;height:40px;float:right;margin:60px 0px 20px 40px;text-shadow:0px 1px 1px #000;}.readmorecontent a{padding:0;color:#aaa;text-decoration:none;font-weight:bold;width:100%;

height:100%;

display:block;}

.readmorecontent a:hover{color:#009df2;text-decoration:none;}

كود HTML :

كود بلغة HTML:

<div class='readmorecontent'><a expr:href='data:post.url'></a></div>

مـدونـجـي

05-17-2013 12:13 AM

رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟

شكراً جزيلاً أخي عثمان, نعم المفتاح كان من خلال اضافة كود تنسيق اللون و بنفس الوقت تعطيل ظهوره :

كود:

.readmorecontent a{padding:0;color:#aaa;text-decoration:none;font-weight:bold;width:100%;height:100%;display:block;}

تمت العملية بنجاح :ok:

الساعة الآن 12:27 PM