منزل تعارف الاحباب
اهلا بيك في منزل تعارف الاحباب
اهلابيك زائرنا الكريم نرجومنك التسجيل او الدخول
للمشاركه فى المنتدي



 
دردشه وشاتالرئيسيةس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول
أهلا وسهلا بك زائرنا الكريم، اذا كانت هذه زيارتك الأولى للمنتدى ، فيرجى التكرم بزيارة صفحه التعليمات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة المواضيع التي ترغب.
 Facebook Twitter YouTube Rss

منزل تعارف الاحباب

حفظ البيانات؟
الرئيسية
المنتدي
التسجيل
فقدت كلمة المرور
البحث فى المنتدى
إرسال موضوع جديد   إرسال مساهمة في موضوع
شاطر | 
 

 الفوتير المطور و الافضل بتقنية Css -2012

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


كيف تعرفت علينا: جوجل
ذكر
عدد النقاط: 58315
المشاركات: 1866
تاريخ التسجيل: 19/09/2009

مُساهمةموضوع: الفوتير المطور و الافضل بتقنية Css -2012   الثلاثاء مايو 08, 2012 2:22 pm

[Template] : الفوتير المطور و الافضل بتقنية Css -2010
السلام عليكم ورحمة الله وبركاته
كود الفوتير المطور و الافضل بتقنية Css -2010
بعد طلب اكثر من شخص الكود اطرحه الان لكم مجاني - وأرجوا الدعاء لي و لي والدي ،،


صورة من الكود | مثال مباشر

طريقة التركيب
بالمرفق ملف بعد فك الضغط منه ، افتح txt
Css
و فيه لاهم المتغيرات الي تقدر تغيرها ثم اضفها في خصائص Css الأضافية الخاص بالستايل .


ثم افتح txt
كود
و اضفه في اخر قالب footer ، او اي مكان تريده

كود الهوتميل






الرمز:
 <!-- footer --><div id="footer">
   <div class="footer-links">
         <ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط المركز</h4></li>
         <li><a href="index.php">الرئيسية</a></li>
         <li><a href="usercp.php">التحكم</a></li>
         <li><a href="register.php">التسجيل</a></li>
         <li><a href="search.php">بحث</a></li>
         <li><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">خروج</a></li>
         </ul>

         <ul>
            <li><h4 style="color:#FF3300;"><img src="$stylevar[imgdir_misc]/link_footer1.png"/>روابط رئيسية</h4></li>
         <li><a href="forumdisplay.php?f=30">أخبار المركز</a></li>
         <li><a href="#">مركز التحميل</a></li>
         <li><a href="http://www.traweq.com/">الشبكة</a></li>
         <li><a href="sendmessage.php">اتصل بنا</a></li>
         <li><a href="#">اعلى </a></li>

         </ul>
         <ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط الدورات</h4></li>
         <li><a href="forumdisplay.php?f=3">تصميم ستايلات المنتديات </a></li>
         <li><a href="forumdisplay.php?f=20">:: تصميم ستايلات الواجهات  </a></li>
         <li><a href="forumdisplay.php?f=29">دورة Css</a></li>
         <li><a href="#">قريبا</a></li>
         <li><a href="#">قريبا </a></li>

         </ul>
         <ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط اعلانية</h4></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>

         </ul>

<ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط اعلانية</h4></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>

         </ul>
<ul>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftr.ahbeb&width=292&height=290&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=303547096387886" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>
<ul>

   </div>
</div>
<!-- /footer -->




كود css


الرمز:

/*------------------------CoodFooter - Traweq.com-AsemaAlkohif-------------------------------*/
#footer{
   border: 1px dashed #f8f8f8; /*الحدود*/
   background-image: url('images/footer_link.jpg');/*خلفية الجدول*/
   background-repeat:repeat-x;
   height: 238px; /*طول الجدول*/
   width: 100%;
}
.footer-links{
   height: 238px;
   background-repeat:repeat-x;
}
.footer-links {
   padding: 0px;
   margin: 0px;
   height: 238px;
   overflow: hidden;
   text-align: right;
}
.footer-links ul {
   padding: 0px;
   color: #c3c3c3;/*لون الخط*/
   float: right;
   width: 15%;
   text-align: right;
   margin-top: 1.3em;
   margin-right: 10px;
}
.footer-links li {
   list-style-type: none;
}
/*الروابط*/
.footer-links li a {
   padding: 3px 5px 3px 0px;
   height: 18px; /*الطول*/
   display: block;
   border-right-style: solid; /* شكل الحد*/
   border-right-width: 2px; /*حجم الحد*/
   border-right-color: #e4ebed; /*لون الحد*/
   margin-top: 1px;
   margin-bottom: 1px;
   font-family: Tahoma; /*نوع الخط*/
   font-size: 11px;/*حجم الخط*/
   font-weight: bold;/*شكل الخط*/
   text-decoration: none;
}
/*بعد التأشير على الروابط*/
.footer-links li a:hover {
   text-decoration: none;
   color: #b4c6cd; /*لون الخط*/
   border-right-color: #f3f3f3; /*لون الحد*/
   background-image: url('images/tblend.gif'); /*خلفية*/
}



/*------------------------CoodFooter - Traweq.com-AsemaAlkohif-------------------------------*/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://dmem.mam9.com
 

الفوتير المطور و الافضل بتقنية Css -2012

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

صلاحيات هذا المنتدى:تستطيع الرد على المواضيع في هذا المنتدى
منزل تعارف الاحباب ::  ::  :: -
إرسال موضوع جديد   إرسال مساهمة في موضوع