فرسان الاشهار
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي


فرسان الاشهار مجاني لتطوير المواقع و لمنتديات , اشهار المنتديات , اشهار المواقع , ارشفة المنتديات , أكواد احلى منتدى , تصاميم احلى منتدى , استايلات , تصاميم مجانية , سكربتات , اعلانات, جوجل , فيس بوك , ياهو , بلوجر
 
الرئيسيةفرسان الاشهارس .و .جبحـثالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
heshambb
فارس نشيط
فارس نشيط



ذكر
عدد المساهمات : 688


مُساهمةموضوع: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 7:22 pm

:بسم الله الرحمن الرحيم
.
.
أولا مشاهدة لناتج التمبليت
.

https://i62.servimg.com/u/f62/15/62/91/07/foter10.png
.
.
طريقه التركيب :
أولا ندخل: لوحه الادارة >> مظهر المنتدى >> الوان >> ورقه css
.
ثم نضع الكود التالى :
.

الرمز:

#footer {
 width:auto;
        cursor: crosshair
 margin:auto;
 height:220px;
 color:#c3c3c3;
 direction:rtl;
 background-image: url('http://i62.servimg.com/u/f62/15/62/91/07/untitl11.png');
 }
img{
 border:none;
}

.footerleft {
   background-image: url('http://i62.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="http://i62.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="http://i62.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3>
           
            <ul>
            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                                                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>            </ul>
        </div>
 

        <div class="heshambb">
          <h3><img src="http://i62.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3>
           
            <ul>
              <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
          <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>            </ul>
        </div>
 
 
        <div class="heshambb">
        <h3><img src="http://i62.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3>
            <ul>
            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
                                                            <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li>
            </ul>
        </div>
 

</div>

.
.

ملحوظه :
رابط خلفيه الفوتر كالتالى : https://i62.servimg.com/u/f62/15/62/91/07/untitl11.png
ويمكنك تغير الشعار فى يسار الموقع من خلال الصوةر التاليه : https://i62.servimg.com/u/f62/15/62/91/07/hesham10.png

.
.
غير الصور التاليه فى كود المرفق فى css لكى تتوافق مع استيل منتداك
وشكرا والسلام عليكم :pub1:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Noor almustaqbal
فارس خبير
فارس خبير



ذكر
عدد المساهمات : 2062
العمر : 20


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 7:25 pm

بارك الله فيك ياهشام دائماً مبدع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.pubknights.com/u937
heshambb
فارس نشيط
فارس نشيط



ذكر
عدد المساهمات : 688


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 7:35 pm

عفوا ياعمورة ومشكووور ع المرور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
heshambb
فارس نشيط
فارس نشيط



ذكر
عدد المساهمات : 688


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 7:36 pm

.. up
الرجوع الى أعلى الصفحة اذهب الى الأسفل
????
زائر



مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 8:17 pm

يا نهار اسود ده لو كان سي اس اس

وربنا كان يبقى

خرافي يا ابني انت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
heshambb
فارس نشيط
فارس نشيط



ذكر
عدد المساهمات : 688


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 11:00 pm

thnxxxxxxx u reply
الرجوع الى أعلى الصفحة اذهب الى الأسفل
????
زائر



مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-09, 11:29 pm

ياجامد يا هيشو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Capitchino
فارس مميز
فارس مميز



ذكر
عدد المساهمات : 3163
العمر : 20

مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-10, 12:05 am

مرسي الكــــــــــــــ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
alzaeem
عضو مؤسس
عضو مؤسس



ذكر
عدد المساهمات : 1356
العمر : 25

مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-04-13, 3:56 pm

فلة شمعة منورة

تسلم يا حاج

:roll:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://alzaeemalmohtaref.own0.com
MAX KAS
فارس مميز
فارس مميز



ذكر
عدد المساهمات : 3293

مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-06-15, 9:21 am

تومبلات روووعه

جزاك الله خيرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عاشق تراب العراق
عضو مؤسس
عضو مؤسس



ذكر
عدد المساهمات : 15287
العمر : 23


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-07-10, 10:07 pm

تسلم الايادي يا هشاممم..



|| [قوانين] فرسان الاشهار العـامة ||
|| [قوانين] المشاركة بموضوع في الاقسام الاشهارية ||
|| قوانين تغيير الاسماء والصور الشخصية والتواقيع ||

^^مدونة كوكل لي Google عالم من الاسرار والخفايا المتعلقة بعالم كوكل^^
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.pubknights.com
Mr.Designer
فارس خبير
فارس خبير



ذكر
عدد المساهمات : 1806
العمر : 19


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-08-22, 7:50 am

جزاك الله كل خير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.facebook.com/Grofrompast
المثــنـي
فارس خبير
فارس خبير



ذكر
عدد المساهمات : 1545
العمر : 28

مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-08-23, 8:57 pm

تسلم ايديك شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JNoOoN
فارس خبير
فارس خبير



ذكر
عدد المساهمات : 1924


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-08-30, 2:26 am

شكراا بس وين كود الس اس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ro7alt3lym.yoo7.com/
محمد رأفت الجندى
مشرف عام الدردشة
مشرف عام الدردشة



ذكر
عدد المساهمات : 1164
العمر : 26


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-09-03, 6:20 am

شكرا يا استاذ هشام

بس ازى نضع فيها روابط مثل الفرسان



|| للاتصال بالاشراف العام و الادارة من خلال هذا الرابط ..أضغط هنا ||
_____________________________________

يظنون بانهم المحترفون ولكن لا يعرفون شياً ولا يعلمون بموجود من أفضل منهم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
KiNg SaMeH
عضو مؤسس
عضو مؤسس



ذكر
عدد المساهمات : 7401
العمر : 33

مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2011-09-11, 10:22 pm

شكرا على كود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://diedlove.mum-forum.com/forum
almlk
فارس نشيط
فارس نشيط



ذكر
عدد المساهمات : 898

مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2012-08-12, 4:10 pm

مشكور يا غالي على الكود وكنت اتمنى ان يكون في منتداي تومبيلات لكن لانه جديد وما زال يحتاج الكثير لاضع به تومبيلات مع هيك مشكور يا غالي على الكود الرائع ...

p7p
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://m-ibda3.dahek.net/forum
abuahmad
مشرف القسم الاسلامي
مشرف القسم الاسلامي



ذكر
عدد المساهمات : 1957
العمر : 50


مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   2012-08-16, 4:18 pm










[القوانين ] العامة للاقسام الخدماتية في المنتدى
[قوانين] المشاركة بموضوع في الاقسام الاشهارية
|| للاتصال بالاشراف العام و الادارة من خلال هذا الرابط ..أضغط هنا ||
ماذا تنتظر؟؟!! فرصة عملك تأتيك لحد عندك و بمقابل مغري تفضل
إعتمادات شهرية لمشرفين فرسان الإشهار http://www.pubknights.com/t23148-topic سآآآرع و اطلب الترشح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.alanwar10.com
 
[ Template ] فوتر حديث مزود بتقنيه css ..
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
فرسان الاشهار  :: اقسام الشروحات العامة :: أكواد التومبلات Templates-
انتقل الى: