[ Template ] فوتر حديث مزود بتقنيه
افضل مصمم
آلسلآم عليكم ورحمة الله وبركاته }~


كيف حـآل زـآئرنـآ آلكريم ,, نتمنى أن تكون في تمـآم آلصحه وآلعآفيه }~

وأن شـآء آلله يكون آلمنتدى عجبكِ ,,|~

وكمـآ يشرفنـآ تسجيلكِ معنـآ في آلمنتدى ..
}~

،،

،


/


مع خـآلص شكري وتقديري وأحترـآمي ,,|~


الإدـآرهـ

افضل مصمم

اهلا بك يا لديك 0 مساهمة
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  مركز الرفع  التسجيلالتسجيل  دخولدخول  

شاطر|

[ Template ] فوتر حديث مزود بتقنيه

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
معلومات العضو
avatar
[ ● عضو مميز ● ][ ● عضو مميز ● ]
معلومات إضافية
[ جــنسٌسيًٍ ] : ذكـ ــ ــر
[ بـــًُلٍـديْ ] :
[ مـزآإجـيٍ ] :
[الْمَشِارَكِات] : 111
[الْعُمْر] : 25
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: [ Template ] فوتر حديث مزود بتقنيه السبت أكتوبر 22, 2011 9:40 pm

أولا مشاهدة لناتج التمبليت
.




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
.
.
طريقه التركيب :
أولا ندخل: لوحه الادارة >> مظهر المنتدى >> الوان >> ورقه css
.
ثم نضع الكود التالى :
.
اقتباس :
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرمز:
#footer {
width:auto;
cursor: crosshair
margin:auto;
height:220px;
color:#c3c3c3;
direction:rtl;
background-image: url('https://i.servimg.com/u/f62/15/62/91/07/untitl11.png');
}
img{
border:none;
}

.footerleft {
background-image: url('https://i.servimg.com/u/f62/15/62/91/07/hesham10.png');
background-repeat: no-repeat;
background-position: left;
height: 190px;
}



.heshambb{
float:right;
width:230px;
padding:10px;
border-right:1px dashed #666;
}
.heshambb h3{
font-family:"Arial Black", Gadget, sans-serif;
font-size:16px;
color:#FFF;
font-weight:bold;
background-color:#0a95b8;
padding-right:10px;
margin-bottom:3px;
}

.heshambb ul li {
list-style-type:none;
text-decoration: none;
padding:5px;
cursor: crosshair;
float: right;
}
.heshambb p {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#696969;
text-align: justify;
}
.heshambb ul li a {
color:#1c6b7f;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
.heshambb ul li a:hover{
color:#FFF;
}
.heshambb ul li:hover{
cursor: crosshair;
background-color: #0e83a0;
color: #FFF;
}
/*End footer style*/


.
.
ثم مظهر المنتدى >>التومبلايتات و القوالب >> ادارة عامه >> نحرر ملف overall_footer
ثبحث عن وسمين :
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرمز:
</body>
</html>



فى نهايه الملف
ونضع قبلها التالى :



الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرمز:
<!--Start Footer-->
<div id="footer">
<div class="footerleft">

<div class="heshambb">

<h3> <img src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> نبذه تعريفيه</h3>


<p>تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه
احلى منتدى - تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى
منتدى -تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى منتدى
</p>

</div>
<div class="heshambb">

<h3> <img
src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png"
alt="myforum" /> الوصول السريع</h3>

<ul>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li> </ul>
</div>


<div class="heshambb">

<h3><img
src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png"
alt="myforum" /> الوصول السريع</h3>

<ul>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li> </ul>
</div>


<div class="heshambb">

<h3><img
src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png"
alt="myforum" /> الوصول السريع</h3>
<ul>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>

<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
</ul>
</div>


</div>

.
.

ملحوظه :
رابط خلفيه الفوتر كالتالى : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ويمكنك تغير الشعار فى يسار الموقع من خلال الصوةر التاليه : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

.
.
غير الصور التاليه فى كود المرفق فى css لكى تتوافق مع استيل منتداك
وشكرا والسلام عليكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل

[ Template ] فوتر حديث مزود بتقنيه

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

مواضيع مماثلة

-
» كود css جعل جداول المنتدى مثل الفي بي للنسخة الثانية phpbb2» كود css جعل جداول المنتدى مثل الفي بي من دون شراء TEMPLATE للنسخة الثانية» [ Template ] كود خدمات الموضوع» TEMPLATE >> صندوق اخر المواضيع العمودي
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
افضل مصمم :: تطوير المنتديات :: اكواد التومبلايت Template-