معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   دروس بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=11)
-   -   شرح : اضافة ازرار css احترافية في مدونات بلوجر (https://www.bloggerexp.com/showthread.php?t=3613)

بنت دجلة 09-07-2012 08:01 PM
شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
الكثير من الاعضاء يسألون عن كيفية اضافة ازرار css جميلة جدا كهذة
http://im22.gulfup.com/2012-09-07/1347047387121.png
والمثال :
زر اقرأء المزيد لــ
مدونة محترفي الحماية
عالم التقنية
اولا :
ابحث عن الكود التالي

كود بلغة HTML:
]]></b:skin>
واستبدلة بهذا الكود
كود بلغة HTML:
.rmlink a{
background: #F1F1F1;
border: 1px solid #E6E6E6;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #FFFFFF inset, 0 1px 1px #CACACA;
color: #999999 !important;
display: inline-block;
font: 17px "Arial";
font-weight:700;
text-align: center;
padding: 2px 15px 2px;
color: #999999 !important;
padding-right:15px;
padding-left:15px;
padding-tpo:5px;
padding-bottom:3px;
margin-top:15px;
-webkit-transition: background 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out;
-o-transition: background 0.4s ease-in-out;
-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s ease-in-out;
}
.rmlink a:hover {
background-color: #00A8D8;
border-color: #fff;
outline: medium none;
color: #f3f3f3 !important;
text-decoration:none
}
]]></b:skin>
والان اذهب الى اضافة مشاركة واضف مشاركتك ولتفعيل زر اضف هذا الكود
كود بلغة HTML:
<span class="rmlink" style="float:left;padding-top:0px;"><a href="#">النص هنا </a></span>
التغيرات : # الرابط , النص هنا : نص الرسالة المراد عرضها
انتباه : بأمكانك استعمال هذة الادارة بزر أقرا المزيد من خلال تغير class او div الخاص بزر
غير مسجل هل اعجبك الموضوع اعطي رئيك في التعليقات و كن من اصدقائي :D:
اذا وجهتك مشكلة في التركيب راسلني او من خلال التعليقات

عماد عادل 09-07-2012 09:30 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اممم ... ومدونتي مش جميلة ؟؟ الزر الي موجود فيها تنسيقه لا يملك لا موقع عالم التقنية ولا غيره

REDA 09-07-2012 09:44 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
كيفيه استعمله كزر اقرأ المزيد ؟؟ :nosweat:

admin 09-07-2012 10:30 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اقتباس:
المشاركة الأصلية كتبت بواسطة عماد عادل (المشاركة 10339)
اممم ... ومدونتي مش جميلة ؟؟ الزر الي موجود فيها تنسيقه لا يملك لا موقع عالم التقنية ولا غيره
لم أفهم الجملة الأولى !
شكرا أختي على الإضافة

Th3dev.Com 09-07-2012 11:10 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
شكرا أختي على الإضافة:):

مدونة 09-08-2012 12:43 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
أضافة رائعة شكراا لكي :bloggerexp:

Po!nt 09-08-2012 02:02 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
فعلاً إضافة جميلة جداً ... وعفواً لم أنتبه لها من قبل

شكراً لكي أختي وبارك الله فيك ... وطبعاً في إنتظار كل جديد منكي
تم التقييم
:star::star::star::star::star:

بنت دجلة 09-08-2012 08:28 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
شكرا على مروركم :o:

عماد عادل 09-08-2012 08:44 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
قصدت يا عثمان انها كتبت :والمثال :
زر اقرأء المزيد لــ
مدونة محترفي الحماية
عالم التقنية
----
ومدونتي هي اقرب المدونات والوحيدة الي تستمل هذا الزر في المعهد ولم تضعها : فقلت اليست مدونتي جميلة ؟؟ الا تستحق ان توضع بينهم :nosweat:

بنت دجلة 09-08-2012 12:16 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اخي عفو انا لم اعرف بمدونتك
2- المدونة مأخوذة من هذة المدونات فتصميمها مسروق من عالم التقنية

عماد عادل 09-08-2012 01:57 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
لا ليس من عالم التقنية بل من قالب the simple وهناك اختلاف صغير في التصميم قد يلاحظه البعضه وقد لا

REDA 09-08-2012 03:38 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
كيفيه استعمالها كزر اقرأ المزيد ؟؟ ارجو الرد :(:

admin 09-08-2012 06:18 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اقتباس:
المشاركة الأصلية كتبت بواسطة reda (المشاركة 10432)
كيفيه استعمالها كزر اقرأ المزيد ؟؟ ارجو الرد :(:
انسخ لنا الكود الخاص بإقرا المزيد هنا

mohamed.a2 09-08-2012 09:17 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
شكرا على الاضافة يا mostafa alwin

Po!nt 09-08-2012 09:21 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اقتباس:
المشاركة الأصلية كتبت بواسطة mohamed.a2 (المشاركة 10467)
شكرا على الاضافة يا mostafa alwin
ما دخله بالمشاركة؟؟؟

mohamed.a2 09-08-2012 09:24 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اقتباس:
المشاركة الأصلية كتبت بواسطة po!nt (المشاركة 10469)
ما دخله بالمشاركة؟؟؟
هو نفس العضو حسب مااعتقد

عماد عادل 09-08-2012 10:02 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
ههههههه لا بل لقد تم طرده ولا دخل له بهذا الموضوع

mohamed.a2 09-08-2012 10:07 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اعتذر ارجو حذف المشاركة السابقة وهذه ايضا

REDA 09-08-2012 10:11 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
هذا هو الكود الخاص بى اخى عثمان

كود بلغة HTML:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>اقرأ المزيد من التفاصيل</a>
</div>
</b:if>
</b:if>
ياريت الاضافه الزر ؟؟ وهل يمكن تغيير لونها ام لا :):

admin 09-08-2012 10:25 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
جرب تغير :

كود PHP:
<a class='readmore' expr:href='data:post.url'>اقرأ المزيد من التفاصيل</a> 
ب :

كود PHP:
<span class="rmlink" style="float:left;padding-top:0px;"><a expr:href='data:post.url'>اقرأ المزيد من التفاصيل</a></span> 


ولا تنس تضيف كود css

overboy 09-08-2012 11:09 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
بارك الله فيك أخي على هذه الإضافة الرائعة لكني لا أستطيع إضافتها الى مدونتي حاليا والسبب أنني أقوم بتغير المدرسة وكما تعلم ... المهم شكرا لك عزيزي

REDA 09-09-2012 05:23 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
شكرا لك اخى عثمان لقد عملت معايا الادأة :ok:

سؤال فقط ؟؟ هل يمكننى تغير شكل هذا اللى اى لون اخر او صورة اخرى ؟؟

http://www4.0zz0.com/2012/09/09/05/965257772.jpg

ياريت تكون فاهم قصدى ؟؟

بنت دجلة 09-09-2012 09:07 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اقتباس:
المشاركة الأصلية كتبت بواسطة reda (المشاركة 10501)
شكرا لك اخى عثمان لقد عملت معايا الادأة :ok:

سؤال فقط ؟؟ هل يمكننى تغير شكل هذا اللى اى لون اخر او صورة اخرى ؟؟

http://www4.0zz0.com/2012/09/09/05/965257772.jpg

ياريت تكون فاهم قصدى ؟؟
اخي اذا تسنا لي الوقت سأرفق لك الكود الذي يمكنك تغير بة الاضافات من ناحية الون او الصورة

REDA 09-09-2012 04:03 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
جزاك الله الف خير;):

ياريت بجد اصلى بدور عليه من زمان :):

REDA 09-20-2012 06:01 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اريد ان اضف كود اقرأ المزيد بخاصيه css

وهذا هو الكود الخاص بى

كود بلغة HTML:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div class='readmorecontent'><a expr:href='data:post.url'>إقرأ المزيد »</a></div></b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
      <div style='clear: both;'/> <!-- clear for photos floats --> 
    </div>
فكل ما اعمله يقولى خطأ :cry:

وليد المجدلاوي 09-20-2012 08:42 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
أخي أنا لم أفهم كيفية تركيب هذه الاضافة لأقرأ المزيد

الرجاء الشرح

وشكرا لكم

وليد المجدلاوي 09-20-2012 09:33 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
أخي أنا ضفت الاداة

ولكن عندما أضغط على اكمل القراءة لا يدخلني الى التدوينة
بل يبقى في نفس الصفحة الرئيسية

http://www9.0zz0.com/2012/09/20/21/345640662.png

أرجو حل المشكلة بسرعة

REDA 09-21-2012 12:23 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
يارررررررررريت حد يعملنا شرح لاضافه هذة الاداة:):

ism33ail 09-22-2012 04:51 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
اقتباس:
المشاركة الأصلية كتبت بواسطة وليد المجدلاوي (المشاركة 11244)
أخي أنا ضفت الاداة

ولكن عندما أضغط على اكمل القراءة لا يدخلني الى التدوينة
بل يبقى في نفس الصفحة الرئيسية

http://www9.0zz0.com/2012/09/20/21/345640662.png

أرجو حل المشكلة بسرعة


أخي الكريم ابحث عن هذا الكود :

كود بلغة HTML:
<a href="#">أكمل القراءة ← </a>
و استبدله بهذا :

كود بلغة HTML:
<a expr:href='data:post.url'>أكمل القراءة ← </a>
و راسلني اذا عمل معك ...

وليد المجدلاوي 10-03-2012 06:03 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
أسف لتأخر الرد
أخي أنا لم اجد هذا الكود

ism33ail 10-04-2012 10:29 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 

100% هو موجود في مدونتك وليد توك أليس كذلك..؟؟
اضغط على ctrl + f
ثم ادخل الكود الذي تريد البحث عنه
ثم استبدله بالكود الذي اعطيتك في الأعلى..

وليد المجدلاوي 10-05-2012 03:28 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
أخي أنا صار معاي خلل في ( أكمل القراءة )
أنا مش عارف شو حذفت من الاعدادات
وهذا الكود الي بدي ابحث عنو مش موجود بالمدونة
و الان كلما اضغط على زر( أكمل القراءة)
يظل في نفس الصفحة الرئيسية
للعلم انا ايضا خذفت الاداة هذه :
http://www9.0zz0.com/2012/09/20/21/345640662.png

وهالوقت صار عندي هيك
http://www14.0zz0.com/2012/10/05/03/935647869.png

انا بدي أرجع الاعدادات القديمة
أرجو حل المشلكة والرد بأسرع وقت

ism33ail 10-05-2012 07:01 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 

هل تقوم بوضع علامة على توسيع القوالب عند دخولك إلى المحرر.؟

وليد المجدلاوي 10-06-2012 04:36 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
نعم أخي اقوم بوضع علامة على توسيع القوالب

Hamodeimad 10-07-2012 01:02 PM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
السـلام عليكم


لقد وضعت طلب لهذه الطريقة ولم يجبني وهذه اضافة جميلة ولكن اريد وضعها لSidebar2 وليس لزر اقراء لمزيد

inzoo 08-08-2013 02:24 AM
رد: شرح : اضافة ازرار css احترافية في مدونات بلوجر
 
بصراحة انا لم افهم جيدا ارجوا توضيح اكثر


الساعة الآن 01:40 AM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012