منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

مُساهمة من طرف @الافندي@ في الخميس 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>


@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 748

https://www.google.iq/

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

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

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

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

@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 748

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="http://help.ahlamontada.com/f22-
 
[*]montada"><img src="http://illiweb.com/fa/fdf_ar3/multib.png" alt="Support"



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

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

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

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

والاسم :
الرمز:
Support    بأى اسم تريده

Arabian Star
 
 

ذكر
عدد المساهمات : 830
معدل النشاط : 2618

http://www.mca14.org/

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

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

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

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

@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 748

https://www.google.iq/

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

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


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