اضافه جميله رسائل تنبهات للزوار فى مدونتك

اضافه جميله رسائل تنبهات للزوار فى مدونتك

بشكل جذاب وجميل وهذة المربعات هى هامة لانها تسمح للزائر بقراءة رسالة الإدارة بطريقة ما إذا كان تنوية - أو إخطار - او إشعار هذة الصناديق يمكنك إستخدامها فى أى مكان ما فى مدونتك وايضا فى التدوينات والآن دعنا نشرح لك طريقة التركيب

الدخول إلى الصفحة الرئيسية - تحرير القالب

إبحث عن هذا الوسم ]]>

وضع الكود التالى أعلاة / فوقة مباشرة

@font-face {

font-style: normal;

font-weight: 400;

src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/...yo3HZu7kw.woff) format('woff');

}

@font-face {

font-style: normal;

font-weight: 700;

src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/...80lGh-uXM.woff) format('woff');

}

.message_box {

text-align:right;

margin:15px 0;

}

.note {

color:#666;

text-align:right;

font-size:16px;

border:1px solid #FDEBA5;

background:url(http://2.bp.blogspot.com/-H2cQGpu6B0...1600/thumb.png) no-repeat scroll 10px center #FEF4C8;

padding:.5em 1em .5em 3em;

}

.announce {

color:#666;

text-align:right;

font-size:16px;

border:1px solid #BEE5F8;

background:url(http://3.bp.blogspot.com/-sd2EtJIYnW...00/speaker.png) no-repeat scroll 10px center #D7EFFB;

padding:.5em 1em .5em 3em;

}

.success {

color:#666;

text-align:right;

font-size:16px;

border:1px solid #DEF1BF;

background:url(http://1.bp.blogspot.com/-l0KfqLngx3...s1600/tick.png) no-repeat scroll 10px center #E8F6D2;

padding:.5em 1em .5em 3em;

}

.warning {

color:#666;

text-align:right;

font-size:16px;

border:1px solid #FFDBDB;

background:url(http://4.bp.blogspot.com/-C4uNFnXOjI...1600/cross.png) no-repeat scroll 10px center #FFE7E7;

padding:.5em 1em .5em 3em;

}