اضافه جميله رسائل تنبهات للزوار فى مدونتك
بشكل جذاب وجميل وهذة المربعات هى هامة لانها تسمح للزائر بقراءة رسالة الإدارة بطريقة ما إذا كان تنوية - أو إخطار - او إشعار هذة الصناديق يمكنك إستخدامها فى أى مكان ما فى مدونتك وايضا فى التدوينات والآن دعنا نشرح لك طريقة التركيب
@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;
}
* ثم قم بحفظ القالب / ولإستخدام الصناديق إستخدم أحد الأكواد التالية حسب رسالتك
Hi, I am Mr.Noter. I'll notify your readers about the news.
إعلان
ضع نصك هنا مكان النص الإفتراضى يمكنك إستبدالة
رسالة عمل ناجح
ضع نصك هنا مكان النص الإفتراضى يمكنك إستبدالة
رسالة تحذير
ضع نصك هنا مكان النص الإفتراضى يمكنك إستبدالة
ليست هناك تعليقات
إرسال تعليق