|
|
|
أدوات الموضوع | انواع عرض الموضوع |
05-16-2013, 12:55 PM | #1 |
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
مجاب: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
السلام عليكم ... الكود المستهدف هو : كود:
<div class='readmorecontent'><a expr:href='data:post.url'>اقرأ المزيد</a></div></b:if> اعتقد أن حل المشكلة هو باستبدال ( data:post.url ) بعنصر آخر لكن لم أصل بعد إلى العنصر المطلوب . أيضاً حاولت من خلال إضافة الصورة بشكل مباشر إلى الكود عوضاً عن النص : كود:
<div class='readmorecontent'><a href='http://domainl.com/dfgke.png></a></div>
__________________
|
أفضل جواب - كتبه admin |
أخيرا وجدت الطريقة التي تريد تطبيقها كود 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:
<div class='readmorecontent'><a expr:href='data:post.url'></a></div> |
05-16-2013, 03:50 PM | #2 |
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
وعليكم السلام ورحمة الله
اخي مدونجي جرب ضيف الصوره فقط مكان كلمة اقرأ المزيد بحيث يصبح الكود بالشكل التالي كود:
<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 | #3 |
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
شكراً أخي علي على المشاركة . الكود يظهر الزر المطلوب و لكن بشكل منفصل عن الزر الموضوع في تنسيقات css و الظاهر أصلاً ضمن التدوينات, و بالتالي بأبعاد و قيم هوامش مختلفة . بالتحديد الزر الجديد يأخذ أبعاد صورة التدوينة, أي تم تمديده طولاً و عرضاً أكثر من 5 مرات و بالتالي ظهر مشوهاً . و أيضاً جربت بالكود كود:
<div class='readmorecontent'><img src="رابط الصورة"/></div></b:if> أنا ما أريده أن لا أضطر لوضع رابط صورة الزر في هذا الكود و انما الربط بين هذا الكود و تنسيق الـ ( readmorecontent ) ضمن الـ css, و بالتالي يتم تفعيل الزر الموجود و الظاهر أصلاً .
__________________
|
05-16-2013, 08:58 PM | #4 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
الإجابات الموجودة: 200
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
__________________
|
05-16-2013, 09:01 PM | #5 |
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
__________________
|
05-16-2013, 11:04 PM | #6 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
الإجابات الموجودة: 200
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
أخي كود الcss لا يتوفر على أية خلفية أو صورة
ما الذي تريد عرضه بالضبط كيف تريد يكون الشكل النهائي ؟
__________________
|
05-16-2013, 11:16 PM | #7 |
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
أخي عثمان, هذا كود الـ 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>
__________________
|
05-16-2013, 11:43 PM | #8 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
الإجابات الموجودة: 200
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
يمكنك استعمال كود الأخ علي مع حذف خصائص css التالية : .bar img .post img .post img, table.tr-caption-container a img
__________________
|
05-16-2013, 11:51 PM | #9 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
الإجابات الموجودة: 200
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
أخيرا وجدت الطريقة التي تريد تطبيقها كود 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:
<div class='readmorecontent'><a expr:href='data:post.url'></a></div>
__________________
|
05-17-2013, 12:13 AM | #10 |
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن تفعيل عمل زر ( اقرأ المزيد ), و جعله يعمل عوضاً عن نص ( اقرأ المزيد ) ؟
شكراً جزيلاً أخي عثمان, نعم المفتاح كان من خلال اضافة كود تنسيق اللون و بنفس الوقت تعطيل ظهوره : كود:
.readmorecontent a{padding:0;color:#aaa;text-decoration:none;font-weight:bold;width:100%;height:100%;display:block;}
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
المزيد, اقرأ, تفعيل |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
لا تظهر "اقرأ المزيد" في مدونتي ما الحل ؟ | نواف | طلبات الدعم الفني | 5 | 04-05-2013 10:11 AM |
اضافة اقرء المزيد بتقنية css3 لمدونات بلوجر | بلال حمدان | إضافات وأدوات بلوجر | 0 | 01-23-2013 02:29 PM |
إضافة اقرأ المزيد إلى مدونات البلوجر ( الأوتوماتيكية ) | SiiMo | إضافات وأدوات بلوجر | 2 | 11-11-2012 06:37 PM |
كيفية تغير كلمة اقرء المزيد بصورة في بلوجر | بلال حمدان | إضافات وأدوات بلوجر | 4 | 09-13-2012 12:18 AM |
حذف اقرأ المزيد من الصفحات الثابتة لمدونات بلوجر | admin | دروس بلوجر | 0 | 08-06-2012 02:44 PM |
الساعة الآن 03:33 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |