كافية حكاية قلبي | Taleheart

قصص , روايات , العاب , فوتوشوب , ادوبى , فلاش , تصميم , طلبات , دورات تعليمية , برامج , أكواد , أنمى , أشهار, photoshop , Programs , Hobbies , web design ,Computers ,Anmi, Internet
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

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


إدَآرِه آلَكّآفٌيَةِة ~

إدَآرِه آلَكّآفٌيَةِة ~
معلوماتي
عدد المشـاركـات : 61
تاريخ الانضمـام : 22/08/2011

معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: [ Template ] فوتر حديث مزود بتقنيه css ..   الخميس سبتمبر 01, 2011 4:08 pm

:بسم الله الرحمن الرحيم
.
.
أولا مشاهدة لناتج التمبليت
.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
.
.
طريقه التركيب :
أولا ندخل: لوحه الادارة >> مظهر المنتدى >> الوان >> ورقه 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>

.
.

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

.
.
غير الصور التاليه فى كود المرفق فى css لكى تتوافق مع استيل منتداك
وشكرا والسلام عليكم :pub1:


 
تنبيه
الموضوع الأصلي : [ Template ] فوتر حديث مزود بتقنيه css .. -||- المصدر : حكاية قلبي -||- الكاتب : heshambb


توقيع heshambb

الرجوع الى أعلى الصفحة اذهب الى الأسفل


مَِشَرَفهَ آلمِوُقّعِ ~

مَِشَرَفهَ آلمِوُقّعِ ~
معلوماتي
انثى
عدد المشـاركـات : 447
تاريخ الانضمـام : 24/08/2011
الع ـــمــر : 24
الموقع : ↑ ساحــﮧ الصَمـتَ ↓

معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: [ Template ] فوتر حديث مزود بتقنيه css ..   السبت سبتمبر 10, 2011 3:52 pm

،، ثــانكسسس ،، تحـيآآتي


 
تنبيه


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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

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

-
» jan's graphics
» WebArtz Story Writing Contest [Winner-Dawn]
» GraphicRiver - InDesign Magazine Template (50 Page) Hit
» [Solved] backup template
» about visitor messages Template
صفحة 1 من اصل 1

 كلمات دلالية كلمات دلالية
 Konu Linki الموضوع
 كود BBCode BBCode
 كود HTML HTML Kodu
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
كافية حكاية قلبي | Taleheart :: مجتمع الاكواد و تطوير :: [ اكواد التومبيلايت | templete code ]-

كافية حكاية قلبي | Taleheart

© phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | الحصول على مدونة مجانية
Feedburner | Twitter | Feedage | feed | rss | sitemap | Graphics, Design | Privacy Policy