#bloggernotificationWrap{
display: none;
margin: 0;
padding: 0;
position: fixed;
margin-top: -41px;
z-index: 999999;
width: 100%;
height: 41px;
}
#bloggernotification {
width: 100%;
height: 28px;
margin: 0px;
padding-top: 7px;
text-align: center;
background: #242729;
position: relative;
box-shadow: 1px 2px 9px rgb(144, 241, 40);
z-index: 9998;
text-decoration: none;
color: rgb(204, 204, 204);
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 4px rgb(0, 0, 0);
border-bottom: 2px solid rgb(144, 241, 40);
}
#bloggernotification a{
text-decoration: none;
color: #fff;
font-family: arial,sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
outline: none;
}
#bloggernotification a:hover{
text-decoration: underline;
}
#bloggernotificationWrap #closebloggernotification{
display: block;
position: absolute;
top: 0;
right: 23px;
height: 40px;
width: 21px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ26inCAp0Nzm8gHzkZBh_nGQt794Do22QFpl-c45b9iEEfXc3mGhEFjX7xwdXfVkNXpilQuYS4VSWhXoSsJ6B3lOys4jfxMw5wWovH4tROI6xPhYD-ZqyDSXGHSZqXO-3l0CtvwPaw6e5/s400/light.png) no-repeat 0 center;
cursor: pointer;
}
#bloggernotificationWrap #closebloggernotification:hover{
background-position: -21px 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{
background-position: right 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{
background-position: -42px 50%;
}
#bloggernotificationWrap #openbloggernotification{
display: block;
position: absolute;
top: -6px;
right: 15px;
padding: 0 7px;
background: #2E2F2E;
border-left: 2px solid rgb(144, 241, 40);
border-right: 2px solid rgb(144, 241, 40);
border-bottom: 2px solid rgb(144, 241, 40);
cursor: pointer;
z-index: 1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 1px 2px 9px rgb(144, 241, 40);
}
#bloggernotificationWrap #openbloggernotification span{
display: block;
width: 21px;
height: 34px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ26inCAp0Nzm8gHzkZBh_nGQt794Do22QFpl-c45b9iEEfXc3mGhEFjX7xwdXfVkNXpilQuYS4VSWhXoSsJ6B3lOys4jfxMw5wWovH4tROI6xPhYD-ZqyDSXGHSZqXO-3l0CtvwPaw6e5/s400/light.png) no-repeat right 50%;
}
رائع جدا اخى محمود x-)
ردحذفاريد القالب اللى معمول عليه المعاينة لو سمحت
اخوك اسلام من المغرب
هذا هو القالب أخى
حذفhttp://myebd3at.blogspot.com/2013/12/blog-post_10.html
وشكرا لمرورك الذى اسعدنى كثيرا (f)
رائع جدا اخى محمود
ردحذفشكرا لمرورك
حذفمجهود رائع لاكن كيف اضف رابط
ردحذفقمت بتحديث الشرح أخى
حذفواسف ان كنت قد قصرت فى الشرح من البداية