[table style="font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(229, 241, 249); table-layout: fixed; " border="0" cellpadding="0" cellspacing="1" width="90%" align="center"][tr][td class="code" style="font-family: Courier, CourierNew, sans-serif; font-weight: 700; background-color: rgb(235, 234, 221); border-top-color: rgb(202, 220, 235); border-right-color: rgb(202, 220, 235); border-bottom-color: rgb(202, 220, 235); border-left-color: rgb(202, 220, 235); border-width: initial; border-style: initial; border-image: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; color: rgb(0, 170, 0); font-size: 18px; text-align: center; "][spoiler][spoiler]<table style="font-family: Verdana,Arial,Helvetica,sans-serif; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; background-color: rgb(229, 241, 249); table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" width="90%" align="center"><tr><td class="code" style="font-family: Courier,CourierNew,sans-serif; font-weight: 700; background-color: rgb(235, 234, 221); border-color: rgb(202, 220, 235); border-style: solid; border-width: 1px; color: rgb(0, 170, 0); font-size: 18px; text-align: center;">
<!--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></td></tr></table>[center][color=#080000][font=Verdana][b][/spoiler]
[/b][/font][/color][/center][color=blue][center][font=Verdana][b][i][b]بعدها بقي تنسيق الكود
ضع هدا الكود في ورقة تصميم css[/b][/i][/b][/font][/center][/color]
[color=red][center][font=Verdana][b][i][b]لوحة الإدارة
//
مظهر المنتدى
//
ألوان
//
ورقة تصميم css
تم ضع هدا الكود في آخر الأكواد
[/b][/i][/b][/font][/center][/color]
[img]http://r23.imgfast.net/users/2814/14/91/26/smiles/23175302.jpg[/img]
[code][center][color=#00AA00][font=Courier][b]#footer {[/b][/font][/color]
[color=#00AA00][font=Courier][b] width:auto;[/b][/font][/color]
[color=#00AA00][font=Courier][b] cursor: crosshair[/b][/font][/color]
[color=#00AA00][font=Courier][b] margin:auto;[/b][/font][/color]
[color=#00AA00][font=Courier][b] height:220px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] color:#c3c3c3;[/b][/font][/color]
[color=#00AA00][font=Courier][b] direction:rtl;[/b][/font][/color]
[color=#00AA00][font=Courier][b] background-image: url('http://i62.servimg.com/u/f62/15/62/91/07/untitl11.png');[/b][/font][/color]
[color=#00AA00][font=Courier][b] }[/b][/font][/color]
[color=#00AA00][font=Courier][b]img{[/b][/font][/color]
[color=#00AA00][font=Courier][b] border:none;[/b][/font][/color]
[color=#00AA00][font=Courier][b]}[/b][/font][/color]
[color=#00AA00][font=Courier][b].footerleft {[/b][/font][/color]
[color=#00AA00][font=Courier][b] background-image: url('http://i62.servimg.com/u/f62/15/62/91/07/hesham10.png');[/b][/font][/color]
[color=#00AA00][font=Courier][b] background-repeat: no-repeat;[/b][/font][/color]
[color=#00AA00][font=Courier][b] background-position: left;[/b][/font][/color]
[color=#00AA00][font=Courier][b] height: 190px;[/b][/font][/color]
[color=#00AA00][font=Courier][b]}[/b][/font][/color]
[color=#00AA00][font=Courier][b] [/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb{[/b][/font][/color]
[color=#00AA00][font=Courier][b] float:right;[/b][/font][/color]
[color=#00AA00][font=Courier][b] width:230px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] padding:10px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] border-right:1px dashed #666;[/b][/font][/color]
[color=#00AA00][font=Courier][b] }[/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb h3{[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-family:"Arial Black", Gadget, sans-serif;[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-size:16px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] color:#FFF;[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-weight:bold;[/b][/font][/color]
[color=#00AA00][font=Courier][b] background-color:#0a95b8;[/b][/font][/color]
[color=#00AA00][font=Courier][b] padding-right:10px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] margin-bottom:3px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] }[/b][/font][/color]
[color=#00AA00][font=Courier][b] [/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb ul li {[/b][/font][/color]
[color=#00AA00][font=Courier][b] list-style-type:none;[/b][/font][/color]
[color=#00AA00][font=Courier][b] text-decoration: none;[/b][/font][/color]
[color=#00AA00][font=Courier][b] padding:5px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] cursor: crosshair;[/b][/font][/color]
[color=#00AA00][font=Courier][b] float: right;[/b][/font][/color]
[color=#00AA00][font=Courier][b] } [/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb p {[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-family:Tahoma, Geneva, sans-serif;[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-size:12px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] color:#696969;[/b][/font][/color]
[color=#00AA00][font=Courier][b] text-align: justify;[/b][/font][/color]
[color=#00AA00][font=Courier][b] }[/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb ul li a {[/b][/font][/color]
[color=#00AA00][font=Courier][b] color:#1c6b7f;[/b][/font][/color]
[color=#00AA00][font=Courier][b] text-decoration: none;[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-family: Tahoma, Geneva, sans-serif;[/b][/font][/color]
[color=#00AA00][font=Courier][b] font-size: 12px;[/b][/font][/color]
[color=#00AA00][font=Courier][b] }[/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb ul li a:hover{[/b][/font][/color]
[color=#00AA00][font=Courier][b] color:#FFF;[/b][/font][/color]
[color=#00AA00][font=Courier][b]}[/b][/font][/color]
[color=#00AA00][font=Courier][b].heshambb ul li:hover{[/b][/font][/color]
[color=#00AA00][font=Courier][b] cursor: crosshair;[/b][/font][/color]
[color=#00AA00][font=Courier][b] background-color: #0e83a0;[/b][/font][/color]
[color=#00AA00][font=Courier][b] color: #FFF;[/b][/font][/color]
[color=#00AA00][font=Courier][b] }[/b][/font][/color]
[color=#00AA00][font=Courier][b]/*End footer style*/[/b][/font][/color][/center]
[/code]
[/spoiler]
[i][b]تم تطوير الكود من طرف gta_cena
[/b][/i] [img]http://r23.imgfast.net/users/2814/14/91/26/smiles/2366338836.png[/img]
[/td][/tr][/table][center][color=#080000][font=Verdana][b]
[/b][/font][/color][/center]
موضوع: تحويل كود تومبيلات ليعمل بدون تومبيلات روابط في الفوتر 
الإثنين فبراير 20, 2012 12:53 pm
