عرض مشاركة واحدة
قديم 11-26-2012, 07:15 PM   #2
احمد نيجر
مدون جديد
 
الصورة الرمزية احمد نيجر
 
تاريخ التسجيل: Jul 2012
الدولة: مصر ام الدنيا
المشاركات: 94
افتراضي رد: اقرا المزيد بتقنيه الـCss

السلام عليكم اخى
تفضل الاضافة فى الاول قم بخفظ نسخة احتياطية من القالب لتفادى المشاكل

--------------
طريقة تركيب الإضافة:

أذهب إلى لوحة تحكم بلوجر >> ثم تحرير قالب HTML (إحتفظ بنسخة إحتياطية من القالب)
أضف علامة فى المربع الصغير لتوسيع القالب
إستخدم الكيبورد Ctrl+F
فى البحث عن الكود التالى
كود:
 <data:post.body/> 

ثم الصق هذا الكود أسفل منه مباشرة

كود:
 <b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div class="DR-readmore">قراءة المزيد ->></div></a>
</b:if>

ثم البحث عن الكود التالى:
]]></b:skin>

ثم لصق الكود التالى لهاك إقرأ المزيد فوقه مباشرة أختار الشكل المناسب لمدونتك وأنسخ الكود الموجود أسفله



كود:
 /*-------------------------- Narrow black Orange-------------*/
/*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/
.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#EB7F17;
margin:5px 0;
border-left:400px dashed #474747;
border-right:2px solid #474747;
border-top:2px solid #474747;
border-bottom:2px solid #474747;
padding:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 13px sans-serif;
}
.DR-readmore:hover{
background:#EB7F17;
color:#fff;
border-left:400px dashed #474747;
border-right:2px solid #EB7F17;
border-top:2px solid #EB7F17;
border-bottom:2px solid #EB7F17;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}  




كود:
 /*------------blue----------------------*/
/*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/

.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#6882C7;
margin:5px 0;
border-left:400px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
padding:1px 5px 1px 1px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 13px sans-serif;
}
.DR-readmore:hover{
color:#000800;
border-left:50px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}


كود:
/*-------------- Red -----------*/ /*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/ .DR-readmore{ background:#fff; text-align:right; cursor:pointer; color:#CC0000; margin:5px 0; float:right; border-right:2px solid #FF0033; border-left:2px solid #FF0033; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 14px sans-serif; } .DR-readmore:hover{ background:#fff; font:bold 12px sans-serif; color:#FF0033; border-right:2px solid #FF0033; border-left:2px solid #FF0033; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; }

كود:
     /*---------------- Rectangle left border-----------*/
/*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/

    .DR-readmore{
    background:#fff;
    text-align:right;
    cursor:pointer;
    color:#821A0C;
    margin:5px 0;
    float:right;

    border-right:2px solid #8F3314;
    border-left:10px solid #8F3314;
    border-bottom:2px solid #8F3314;
    border-top:2px solid #8F3314;

    padding:5px;
    font:bold 14px sans-serif;
    }
    .DR-readmore:hover{
    background:#fff;
    font:bold 11px sans-serif;
    color:#CC410E;

    border-right:2px dotted #8F3314;
    border-left:10px solid #CC410E;
    border-bottom:2px dotted #8F3314;
    border-top:2px dotted #8F3314;
    }

    .DR-readmore a {
    color:#fff;
    text-decoration:none;
    }

    .DR-readmore a:hover {
    color:#fff;
    text-decoration:none;
    }



كود:
 /*-------------- Blue Blank-----------------*/
/*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/

.DR-readmore{
background:#0080ff;
text-align:right;
cursor:pointer;
color:#Fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#FFf;
font:bold 11px sans-serif;
color:#0080ff;
border:3px dotted #ddd;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

كود:
/*------------ Green Button-----------*/ /*---- http://conda3ianllkhir.blogspot.com/-----*/ .DR-readmore{ background:#fffff; text-align:right; cursor:pointer; color:#008000; margin:5px 0; float:right; border:2px solid #ddd; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 11px sans-serif; } .DR-readmore:hover{ background:#008000; font:bold 14px sans-serif; color:#fff; border:2px solid #ddd; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; }



كود:
 /*------------- Red + Dark Red------------*/
/*------- http://conda3ianllkhir.blogspot.com/--------*/

    .DR-readmore{
    background:#fffff;
    text-align:right;
    cursor:pointer;
    color:#FE8080;
    margin:5px 0;
    float:right;
    border:2px solid #FE8080;
    padding:5px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    font:bold 11px sans-serif;
    }
    .DR-readmore:hover{
    background:#FFf;
    font:bold 14px sans-serif;
    color:#FF0000;
    border:2px solid #FF0000;
    }
    .DR-readmore a {
    color:#fff;
    text-decoration:none;
    }

    .DR-readmore a:hover {
    color:#fff;
    text-decoration:none;
    }



كود:
 /*---------- Black --------------*/
/*------ http://conda3ianllkhir.blogspot.com/--------*/
.DR-readmore{
background:#000800;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#000800;
border:2px solid #000800;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}



كود:
/*----------Pink ----------------*/ /*-- http://conda3ianllkhir.blogspot.com/-----*/ .DR-readmore{ background:#FF9999; text-align:right; cursor:pointer; color:#fff; margin:5px 0; float:right; border:none; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 14px sans-serif; } .DR-readmore:hover{ background:#CC3399; } .DR-readmore a { color:#fff; text-decoration:none; } .Dr-readmore a:hover { color:#fff; text-decoration:none; }



للامانة قمت بنقل الكود من
http://conda3ianllkhir.blogspot.com

__________________
دعم فنى لبلوجر 24 ساعة متواصل مجانا
http://www.4niger.net/vb/forumdisplay.php?f=36
لطلبات التصميم السريعة مجانا
http://www.4niger.net/vb/forumdisplay.php?f=47
خدمة سريعة ومجانا
قوالب من تعريبى احترافية
http://www.4niger.net/vb/forumdisplay.php?f=63
من مواضيع احمد نيجر

الدعم العربي


التعديل الأخير تم بواسطة احمد نيجر ; 11-26-2012 الساعة 07:19 PM
احمد نيجر غير متواجد حالياً   رد مع اقتباس