اقدم لكم اليوم فوتر احترافى رائع جدا هو الذى يستخدمه المحترف فى قالب مدونته الجديد وقد استخدمة هذا الفوتر فى القالب الذى قمت بتصميم مثل قالب المحترف وتم عرضه على المدونة من قبل وانا اليوم اقدم لكم هذا الفوتر لتجعلو من قالب مدونتك قوالب احترافى رائع و الفوتر يوجد به اربع القسم قسم يوجد به القائمة البريدية والقسم الثانى يوجد به توقيت لبث مباشر على المدونة والقسم الثالث يوجد به تعريف عن المدونة والقسم الرابع يوجد به ثلاث اداوت لروابط يمكتك تغييرها بما تريد ويمكنك ايضا معيانة الفوتر من الرابط التالى.
القوتر يتمثل فى كودين فقط كود التنسيق له والكود الثانى الذى يتم وضعه فوق حقوق قالب مدونتك.
معاينة
شرح التركيب
القوتر يتمثل فى كودين فقط كود التنسيق له والكود الثانى الذى يتم وضعه فوق حقوق قالب مدونتك.
- 1- قم بالبحث عن الوسم ]]> ثم قم بوضع الكود التالى فوقه.
/*---فوتر---*/
#footer-wrapper {
clear: both;
overflow: hidden;
padding: 20px;
background: #fff;
border: 1px solid #DEDEDE;
text-align: center;
}
.bottom-nav {
text-align: center;
padding: 20px 0 5px;
margin-bottom: 10px;
overflow: hidden;
display: none;
}
#footer-wrapper #column1, #footer-wrapper #column2 {
margin-left: 1.6666667%;
margin-bottom: 10px;
}
#footer-wrapper .footer-column {
float: right;
background-color: #FFFFFF;
}
#footer-wrapper .footer-column {
color: #666;
width: 100%;
margin: 0;
padding: 0;
display: block;
}
.footer-column {
background-color: #324B65;
padding: 30px;
}
.FollowByEmail .widget-content:before {
content: "اشترك بالقائمة البريدية لمدوتنا وتوصل بجديد الدروس و المواضيع التي يتم طرحها مباشرة على بريدك الإلكتروني";
display: block;
color: #2a4057;
font-size: 16px;
margin-bottom: 21px;
}
.FollowByEmail .follow-by-email-inner {
position: relative;
}
.FollowByEmail td {
float: right;
height: 8px;
width: 100%;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
padding-right: 10px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
height: 40px;
border: 1px solid #EEE;
margin-bottom: 5px;
font-size: 12px;
background: #2a4057;
width: 180px;
border-radius: 4px;
margin-bottom: -44px;
color: #FFF;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
margin-right: 248px;
margin-top: -29px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
width: 5%;
border-radius: 2px;
height: 38px;
font-size: 12px;
color: #fff;
background-color: #D03F42;
}
div#th3-live {
padding: 30px 40px;
background: #102c46;
color: #fff;
position: relative;
overflow: hidden;
}
.right-live {
z-index: 99999999;
position: relative;
float: right;
}
.right-live img {
width: 149px;
}
.left-live {
text-align: center;
overflow: hidden;
position: absolute;
right: 0;
font-size: 17px;
left: 0;
width: 600px;
top: 66px;
margin: 0 auto;
display: block;
}
.left-live a {
margin-top: 10px;
border-radius: 3px;
transition: 0.2s;
color: #fff;
display: inline-block;
padding: 8px;
border: 2px solid #D03F42;
font-size: 16px;
}
.time-live {
float: left;
text-align: center;
z-index: 99999999;
font-size: 18px;
position: relative;
width: 129px;
font-family: Electrolize,ge_dinar_oneregular;
}
span#saaa {
font-size: 37px;
margin-right: 3px;
margin-left: 71px;
line-height: 46px;
}
span#d9i9a {
font-size: 17px;
margin-right: 39px;
}
span#saaa {
font-size: 37px;
margin-right: 3px;
margin-left: 71px;
line-height: 46px;
}
span#d9i9a {
font-size: 17px;
margin-right: 39px;
}
span#ssss2 {
margin-left: -59px;
margin-right: -56px;
}
.footer-column {
background-color: #324B65;
padding: 30px;
}
.footer-column h2 {
padding-left: 15px;
}
h2.title {
color: #fff;
font-weight: 100;
border-bottom: 1px solid #fff;
font-size: 19px;
padding-bottom: 10px;
text-indent: 5px;
}
.footer-column h2 {
display: inline-block;
font-weight: 700;
font-size: 13px;
color: #fff;
text-transform: uppercase;
}
.widget-item-control {
display: none!important;
}
.widget-item-control {
float: left;
height: 20px;
margin-top: -20px;
position: relative;
z-index: 10;
}
div#gdfdfns {
background: #324B65;
height: 80px;
}
div#footer-buttons {
clear: both;
overflow: hidden;
border-top: 2px solid #fff;
display: block;
padding-top: 8px;
margin-right: 40px;
margin-left: 40px;
}
div#footer-buttons > div {
float: right;
transition: 0.2s;
border: 2px solid #fff;
width: 31.6%;
text-align: center;
margin-right: 1%;
height: 44px;
line-height: 42px;
font-size: 18px;
color: #fff;
}
- 2- الان الكود الخاص بالفوتر اذا كان لديك فوتر فى مدونتك من قبل يمكنك حذفه اولا قبل وضع هذا اما اذا تريد اضافهم معا لا مشكلة فى ذلك هذا الفوتر يتم وضعه فوق حقوق قالب مدونتك ابحث فى القالب عن حقوق مدونتك ثم قم بوضع الكود التالى فوق.
730
بتوقيت غرينيتش
2230
بتوقيت مكة المكرمة