طلب جعل هذا الكود عموديا

السلام عليكم

ممكن جعل هذا الكود عموديا مع شرح طريقة زيادة الايقونات عندما احتاج الى زيادتها Cool

الكود:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Happy 3ID</title><script type="text/javascript" src="http://yourjavascript.com/1346118141/jquery.js"></script><script type="text/javascript" src="http://yourjavascript.com/4110831136/interface.js"></script> <style media="screen" type="text/css"> body { font: 11px Tahoma, Helvetica, sans-serif; padding: 0; margin: 0;}img { border: none;} /* dock - top */.dock { position: relative; height: 50px; text-align: center;}.dock-container { position: absolute; height: 50px; padding-left: 20px;}a.dock-item { display: block; width: 40px; color: #000; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Tahoma,Helvetica, sans-serif;}.dock-item img { border: none; margin: 5px 10px 0px; width: 100%;}.dock-item span { display: none; padding-left: 20px;} </style> </head><body> <div class="dock" id="dock"> <div class="dock-container"> <a class="dock-item" href="http://help.ahlamontada.com/"><img src="http://i41.servimg.com/u/f41/14/51/27/24/am-ico11.png" alt="home" /><span>Home </span></a> <a class="dock-item" href="http://help.ahlamontada.com/montada- f1/"><img src="http://2img.net/i/fa/fdf/annonce.png" alt="News" /><span>Notices and News</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f5- montada"><img src="http://2img.net/i/fa/fdf/questions.png" alt="FAQ" /><span>FAQ</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f79- montada"><img src="http://2img.net/i/fa/fdf/magic.png" alt="Advanced techniques" /><span>Advanced techniques</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f84- montada"><img src="http://2img.net/i/fa/fdf/peindre.png" alt="Design" /><span>Design services and innovation</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f22- montada"><img src="http://2img.net/i/fa/fdf_ar3/multib.png"alt="Support" /><span>Support Section AhlaBlogs</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f7- montada"><imgsrc="http://2img.net/i/fa/optimisation_fdf/common/medaille.gif" alt="calendar" /><span>General Thought Forum </span></a> <a class="dock-item" href="http://help.ahlamontada.com/f15- montada"><img src="http://2img.net/i/fa/fdf_ar3/discussion_ar.png" alt="Discussion" /><span>Discussion Section</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f38- montada"><img src="http://2img.net/i/fa/fdf/ampoule.png"alt="Suggestions" /><span>Suggestions Forum </span></a> </div></div> <script type="text/javascript"> $(document).ready( function() { $('#dock').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 40, proximity: 90, halign : 'center', valign : 'center' } ) $('#dock2').Fisheye( { maxWidth: 60, items: 'a', itemsText: 'span', container: '.dock-container2', itemWidth: 40, proximity: 80, alignment : 'left', valign: 'bottom', halign : 'center' } ) } ); </script></body></html>

https://help.ahlamontada.com/t943192-topic رابط موضوع الكود Cool

تفضل الكود بعد التعديل

ولكن يبقى التعديل على الاسم لم اعدل لانك لم تقل ما الاسم الذي تريده

وايضا وضع الروابط على الصور

الكود:: <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <title>Happy 3ID</title> <script type="text/javascript" src="http://yourjavascript.com/1346118141/jquery.js"></script> <script type="text/javascript" src="http://yourjavascript.com/4110831136/interface.js"></script> <style media="screen" type="text/css"> body { font: 11px Tahoma, Helvetica, sans-serif; padding: 0; margin: 0; } img { border: none; } /* dock - top */ .dock { position: relative; height: 50px; text-align: center; } .dock-container { position: absolute; height: 50px; padding-left: 20px; } a.dock-item { display: block; width: 40px; color: #000; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Tahoma,Helvetica, sans-serif; } .dock-item img { border: none; margin: 5px 10px 0px; width: 100%; } .dock-item span { display: none; padding-left: 20px; } </style> <a _moz_abspos="white" _moz_resizing="true" class="dock-item" href="http://help.ahlamontada.com/f38-%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20montada"><img src="http://2img.net/i/fa/fdf/ampoule.png" alt="Suggestions" /></a><br /><br /><br /><br /><br /><img class="transparent" alt="http://2img.net/i/fa/fdf_ar3/discussion_ar.png" src="http://2img.net/i/fa/fdf_ar3/discussion_ar.png" /><br /><br /><img class="transparent" alt="http://2img.net/i/fa/optimisation_fdf/common/medaille.gif" src="http://2img.net/i/fa/optimisation_fdf/common/medaille.gif" /><br /><br /><img class="transparent" alt="http://2img.net/i/fa/fdf_ar3/multib.png" src="http://2img.net/i/fa/fdf_ar3/multib.png" /><br /><br /><img class="transparent" alt="http://2img.net/i/fa/fdf/magic.png" src="http://2img.net/i/fa/fdf/magic.png" /><br /><br /><img class="transparent" alt="http://2img.net/i/fa/fdf/questions.png" src="http://2img.net/i/fa/fdf/questions.png" /><br /><img class="transparent" alt="http://2img.net/i/fa/fdf/annonce.png" src="http://2img.net/i/fa/fdf/annonce.png" /><br /><img class="transparent" alt="http://2img.net/i/fa/fdf/peindre.png" src="http://2img.net/i/fa/fdf/peindre.png" /><br /><br /><img class="transparent" alt="http://www.servimg.com/u/f41/14/51/27/24/am-ico11.png" src="http://www.servimg.com/u/f41/14/51/27/24/am-ico11.png" /><br /><br /><br /> <div class="dock" id="dock"> <div class="dock-container" align="justify"> <a class="dock-item" href="http://help.ahlamontada.com/"><span>Home </span></a><a class="dock-item" href="http://help.ahlamontada.com/montada- f1/"><span>Notices and News</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f5- montada"><span>FAQ</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f79- montada"><span>Advanced techniques</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f84- montada"><span>Design services and innovation</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f22- montada"><span>Support Section AhlaBlogs</span></a> <a class="dock-item" href="http://help.ahlamontada.com/f7- montada"><span>General Thought Forum </span></a><a class="dock-item" href="http://help.ahlamontada.com/f15- montada"><span>Discussion Section</span></a> </div> </div>  <script type="text/javascript"> $(document).ready( function() { $('#dock').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 40, proximity: 90, halign : 'center', valign : 'center' } ) $('#dock2').Fisheye( { maxWidth: 60, items: 'a', itemsText: 'span', container: '.dock-container2', itemWidth: 40, proximity: 80, alignment : 'left', valign: 'bottom', halign : 'center' } ) } ); </script>

ولاضافة صور

[*]/><span>Design services and innovation</span></a>
[*] <a class="dock-item" href="https://help.ahlamontada.com/f22-

[*]montada"><img src="https://2img.net/i/fa/fdf_ar3/multib.png" alt="Support"

عدل على