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

اذهب الى الأسفل

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

مُساهمة من طرف @الافندي@ في الخميس 6 أغسطس 2015 - 15:12

السلام عليكم
ممكن جعل هذا الكود عموديا مع شرح طريقة زيادة الايقونات عندما احتاج الى زيادتها  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> <!--top dock --><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://illiweb.com/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://illiweb.com/fa/fdf/questions.png" alt="FAQ" /><span>FAQ</span></a>     <a class="dock-item" href="http://help.ahlamontada.com/f79- montada"><img src="http://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/fa/fdf/ampoule.png"alt="Suggestions" /><span>Suggestions Forum </span></a>  </div></div>   <!--dock menu JS options --><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>

avatar
@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 1338
السُمعة : 0

https://www.google.iq/

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

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

مُساهمة من طرف @الافندي@ في الخميس 6 أغسطس 2015 - 15:15

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

ذكر
عدد المساهمات : 179
معدل النشاط : 1338
السُمعة : 0

https://www.google.iq/

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

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

مُساهمة من طرف Arabian Star في الخميس 6 أغسطس 2015 - 18:03

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

الكود:
<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>                                                       
<!--  top dock  --><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://illiweb.com/fa/fdf/ampoule.png" alt="Suggestions" /></a><br /><br /><br /><br /><br /><img class="transparent" alt="http://illiweb.com/fa/fdf_ar3/discussion_ar.png" src="http://illiweb.com/fa/fdf_ar3/discussion_ar.png" /><br /><br /><img class="transparent" alt="http://illiweb.com/fa/optimisation_fdf/common/medaille.gif" src="http://illiweb.com/fa/optimisation_fdf/common/medaille.gif" /><br /><br /><img class="transparent" alt="http://illiweb.com/fa/fdf_ar3/multib.png" src="http://illiweb.com/fa/fdf_ar3/multib.png" /><br /><br /><img class="transparent" alt="http://illiweb.com/fa/fdf/magic.png" src="http://illiweb.com/fa/fdf/magic.png" /><br /><br /><img class="transparent" alt="http://illiweb.com/fa/fdf/questions.png" src="http://illiweb.com/fa/fdf/questions.png" /><br /><img class="transparent" alt="http://illiweb.com/fa/fdf/annonce.png" src="http://illiweb.com/fa/fdf/annonce.png" /><br /><img class="transparent" alt="http://illiweb.com/fa/fdf/peindre.png" src="http://illiweb.com/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>
                                     
<!--  dock menu JS options  -->        <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://illiweb.com/fa/fdf_ar3/multib.png" alt="Support"



عدل على
الكود:
http://illiweb.com/fa/fdf_ar3/multib.png
برابط صورة اللى تريده

وايضا الرابط ده :

[*]https://help.ahlamontada.com/f22-
 
[*]montada

برابط القسم الذي تريده

والاسم :
الكود:
Support    بأى اسم تريده
avatar
Arabian Star
 
 

ذكر
عدد المساهمات : 909
معدل النشاط : 3308
السُمعة : 14

http://www.mca14.org/

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

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

مُساهمة من طرف @الافندي@ في الجمعة 7 أغسطس 2015 - 16:19

:وردة153: silent silent Cool
شكرا على التعديل
avatar
@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 1338
السُمعة : 0

https://www.google.iq/

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

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى