To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

1.12.8 - 3D Dock menu

joli - 17-09-2009, 17:21
Temat postu: 3D Dock menu
3D Dock menu

Mod dodaje trójwymiarowe menu

Kod:
################################################################
## MOD Title: 3D Dock menu
## MOD Version: 1.0
## MOD Author: Joli
## MOD Description: Mod dodaje trójwymiarowe menu.
##
## Installation Level: Easy
## Installation Time: 3 Minutes
## Files To Edit: (1)   
##                       templates/*/overall_header.tpl
##                   
## Included Files: (1)
##                       images/dock/
##         
################################################################


Co mod potrafi:
:arrow: Dodaje w nagłówku dodatkowe menu - trójwymiarowe.

Ścieżki do poszczególnych stron w menu należy zmienić sobie samemu, w overall_header.tpl.

// added by Michael2318
Joli tylko przystosowała tę modyfikację pod phpBB2 by przemo. Nie jest ona autorką całego menu ;)

RuBiO - 17-09-2009, 23:47

joli, nie zawsze jesteś miła, nie zawsze jesteś uprzejma, ale zawsze jesteś pomocna, kochana kobieta z ciebie wielkie dzięki za to ;) oczywiście "pomogła" wędruje ;)

[ Dodano: 17-09-2009, 23:52 ]
joli, powinnaś to zamieścić w modyfikacjach tak myślę ;) nie jednemu się przyda taki bajer :D

Mario14125 - 08-10-2009, 16:22

Przepraszam, a jak zrobić odstęp od ikon, z jedno, dwa pola :?: Ponieważ ja próbuję wszystkiego i nic :(
xlesiu - 08-10-2009, 16:27

Mario14125, a wstawienie między np
Kod:
<a class="dock-item" href="#"><img src="images/dock/home.png" alt="Strona Główna" /><span>Strona Główna</span></a>
a
Kod:
<a class="dock-item" href="#"><img src="images/dock/link.png" alt="link" /><span>Link</span></a>
dwóch spacji
Kod:
&nbsp; &nbsp;

Tavaro - 08-10-2009, 16:56

Mario14125 napisał/a:
jak zrobić odstęp od ikon, z jedno, dwa pola?

CSS - margin

Mario14125 - 08-10-2009, 16:57

xlesiu, nom właśnie wstawiałem tam :( I nic :(
bonek04pl - 17-10-2009, 09:58

a ja mam pytanie. Wgrałem moda wszystko okey ale czego jest on nad logiem skoro w pliku tpl dałem go pod logiem ?
joli - 17-10-2009, 10:47

Bo masz skopany nagłowek. I nie wstawiłes pod logo, tylko w jakims dziwnym miejscu, wycinajac czesc kodu bezmyslnie.
Nie moze byc tak:

Kod:
</tr>

   <div class="dock" id="dock">
      <div class="dock-container">
         <a class="dock-item" href="#"><img src="images/dock/home.png" alt="Strona Główna" /><span>Strona Główna</span></a>
         <a class="dock-item" href="#"><img src="images/dock/link.png" alt="link" /><span>Link</span></a>
        <a class="dock-item" href="#"><img src="images/dock/email.png" alt="Kontakt" /><span>Kontakt</span></a>
         <a class="dock-item" href="#"><img src="images/dock/portfolio.png" alt="Portfolio" /><span>Portfolio</span></a>
         <a class="dock-item" href="#"><img src="images/dock/music.png" alt="Muzyka" /><span>Muzyka</span></a>
         <a class="dock-item" href="#"><img src="images/dock/video.png" alt="Video" /><span>Video</span></a>
         <a class="dock-item" href="#"><img src="images/dock/history.png" alt="Historia" /><span>Historia</span></a>
         <a class="dock-item" href="#"><img src="images/dock/calendar.png" alt="Kalendarz" /><span>Kalendarz</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss.png" alt="rss" /><span>RSS</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss2.png" alt="rss" /><span>RSS2</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'
                }
             )
             $('#dock2').Fisheye(
                {
                   maxWidth: 60,
                   items: 'a',
                   itemsText: 'span',
                   container: '.dock-container2',
                   itemWidth: 40,
                   proximity: 80,
                   alignment : 'left',
                   valign: 'bottom',
                   halign : 'center'
                }
             )
          }
       );

    </script>               

            </td>
            </tr>
            </table>
        <br />
         <!-- END header -->


tylko najwyzej tak:

Kod:
</tr></table>

   <div class="dock" id="dock">
      <div class="dock-container">
         <a class="dock-item" href="#"><img src="images/dock/home.png" alt="Strona Główna" /><span>Strona Główna</span></a>
         <a class="dock-item" href="#"><img src="images/dock/link.png" alt="link" /><span>Link</span></a>
        <a class="dock-item" href="#"><img src="images/dock/email.png" alt="Kontakt" /><span>Kontakt</span></a>
         <a class="dock-item" href="#"><img src="images/dock/portfolio.png" alt="Portfolio" /><span>Portfolio</span></a>
         <a class="dock-item" href="#"><img src="images/dock/music.png" alt="Muzyka" /><span>Muzyka</span></a>
         <a class="dock-item" href="#"><img src="images/dock/video.png" alt="Video" /><span>Video</span></a>
         <a class="dock-item" href="#"><img src="images/dock/history.png" alt="Historia" /><span>Historia</span></a>
         <a class="dock-item" href="#"><img src="images/dock/calendar.png" alt="Kalendarz" /><span>Kalendarz</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss.png" alt="rss" /><span>RSS</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss2.png" alt="rss" /><span>RSS2</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'
                }
             )
             $('#dock2').Fisheye(
                {
                   maxWidth: 60,
                   items: 'a',
                   itemsText: 'span',
                   container: '.dock-container2',
                   itemWidth: 40,
                   proximity: 80,
                   alignment : 'left',
                   valign: 'bottom',
                   halign : 'center'
                }
             )
          }
       );

    </script>               
        <br />
         <!-- END header -->

bonek04pl - 17-10-2009, 10:57

no jest ale teraz popsuło mi strukture forum zobacz :( co mam teraz zrobic ?? ;(
joli - 17-10-2009, 11:03

Bo nie zauwazylam, ze zjadles jeszcze
Kod:
</td>

po:
Kod:
<td align="left"><a href="{U_INDEX_PORTAL}"><img src="templates/GAnEt/images/top.png" border="0" align="left" alt="{L_INDEX_PORTAL}"></a>{MY_AVATAR_IMG}

Lisu15 - 17-10-2009, 11:25

Witam,
Może mi ktoś powiedzieć w jakim pliku zmienia się linki i obrazki tego :?:

joli - 17-10-2009, 11:36

Lisu15, A Ty nie widzisz? W kodzie jest
joli napisał/a:
<a class="dock-item" href="#"><img src="images/dock/home.png" alt="Strona Główna" /><span>Strona Główna</span></a>
jak wół
itd

Lisu15 - 17-10-2009, 11:38

To zauważyłem lecz nie zauważyłem gdzie wstawić linki, i nadal nie wiedze...
bonek04pl - 17-10-2009, 11:43

Kod:
<table width="753" cellspacing="0" cellpadding="0" border="0" align="center">
                <tr>
                       <td align="left"><a href="{U_INDEX_PORTAL}"><img src="templates/GAnEt/images/top.png" border="0" align="left" alt="{L_INDEX_PORTAL}"></a>{MY_AVATAR_IMG}</td>

</tr></table>
   <div class="dock" id="dock">
      <div class="dock-container">
         <a class="dock-item" href="#"><img src="images/dock/home.png" alt="Strona Główna" /><span>Strona Główna</span></a>
         <a class="dock-item" href="#"><img src="images/dock/link.png" alt="link" /><span>Link</span></a>
        <a class="dock-item" href="#"><img src="images/dock/email.png" alt="Kontakt" /><span>Kontakt</span></a>
         <a class="dock-item" href="#"><img src="images/dock/portfolio.png" alt="Portfolio" /><span>Portfolio</span></a>
         <a class="dock-item" href="#"><img src="images/dock/music.png" alt="Muzyka" /><span>Muzyka</span></a>
         <a class="dock-item" href="#"><img src="images/dock/video.png" alt="Video" /><span>Video</span></a>
         <a class="dock-item" href="#"><img src="images/dock/history.png" alt="Historia" /><span>Historia</span></a>
         <a class="dock-item" href="#"><img src="images/dock/calendar.png" alt="Kalendarz" /><span>Kalendarz</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss.png" alt="rss" /><span>RSS</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss2.png" alt="rss" /><span>RSS2</span></a>
      </div>
    </div>
            </tr>
            </td>
    <!--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'
                }
             )
             $('#dock2').Fisheye(
                {
                   maxWidth: 60,
                   items: 'a',
                   itemsText: 'span',
                   container: '.dock-container2',
                   itemWidth: 40,
                   proximity: 80,
                   alignment : 'left',
                   valign: 'bottom',
                   halign : 'center'
                }
             )
          }
       );

    </script>               

            </td>
            </table>


teraz mam tak i dalej nie działa :(

joli - 17-10-2009, 11:45

joli napisał/a:
href="#"






cos słyszałam o jakims supporcie?
:lol:

[ Dodano: 17-10-2009, 11:49 ]
bonek04pl, zjadles sniadanie? Byles na spacerze?
Kto Ci kazal wtykac te:

bonek04pl napisał/a:
</tr>
</td>
i
bonek04pl napisał/a:
</td>
</table>
gdzies tam w srodek kodu i po nim?


Skad Ty to wytrzasnales? Masz tak i nie działa. No wcale sie nie dziwie.



Powered by phpBB modified by Przemo © 2003 phpBB Group