السلام عليكم ورحمة الله
اضافة رمضان كريم للبلوجر 2015
مثال للاضافة
تجدها في اسفل الهيدر
طريقة اضافة الاضافة
اولاً ابحث عن الوسم التالي
</style>وضع فوقة الكود التالي
#bnrs {
position: relative;
background: rgb(160, 155, 155);
text-align: center;
margin-bottom: 1em;
/* padding-top: 3em; */
}
.bnr-title{
color: #FFFFFF;
}
#bnrs .bnr-l {
margin: -12px;
}
.bnr-button{
background-color: rgba(233, 84, 84, 1);
color: #FFFFFF;
height: 60px;
width: 100px;
border-radius: 5px;
padding-top: 10px;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s; float: left;
margin-left: 190px;
}
.bnr-button:hover{
background-color: #2c3e51;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
}
.bnr1{
font-family: "dnn", sans-serif;
background-image: url(http://trqhost.net/LineTheme/img/bnr1.jpg);
color: #2c3e51;
background-color: #EEEFEE;
height: 100px;
padding: 32px;
}
.bnr2{
font-family: "dnn", sans-serif;
background-image: url(http://trqhost.net/LineTheme/img/notif.png);
color: #2c3e51;
background-color: #2c3e51;
height: 100px;
padding: 32px;
background-repeat: no-repeat;
}
.bnr3 {
font-family: "dnn", sans-serif;
background-image: url(http://trqhost.net/LineTheme/img/notif.png);
color: #2c3e51;
background-color: #2c3e51;
height: 100px;
padding: 32px;
background-repeat: no-repeat;
border-radius: 5px;
margin-bottom: 10px;
}
.bnr-l{
width: 450px;
float: left;
direction: rtl;
font-size: 18pt;
}
.bnr-r{
width: 700px;
float: right;
direction: rtl;
font-size: 18pt;
}
والان ضيف الكود التالي اسفل الهيدر
<div id='bnrs'> <div class='bnr1'> <div class='bnr-r'> <div class='bnr-title'>رمضان كريم و كل عام و أنتم بخير</div> </div>
<div class='bnr-l'> <div class='bnr-button'>المزيد</div> </div>
</div></div>
دمتم سالمين
ليست هناك تعليقات:
إرسال تعليق