1.12.8 - 3D Dock menu
joli - 17-09-2009, 16: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:
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, 22: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
Mario14125 - 08-10-2009, 15:22
Przepraszam, a jak zrobić odstęp od ikon, z jedno, dwa pola Ponieważ ja próbuję wszystkiego i nic
xlesiu - 08-10-2009, 15: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
Tavaro - 08-10-2009, 15:56
Mario14125 napisał/a: | jak zrobić odstęp od ikon, z jedno, dwa pola? |
CSS - margin
Mario14125 - 08-10-2009, 15:57
xlesiu, nom właśnie wstawiałem tam I nic
bonek04pl - 17-10-2009, 08: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, 09: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, 09:57
no jest ale teraz popsuło mi strukture forum zobacz co mam teraz zrobic ??
joli - 17-10-2009, 10:03
Bo nie zauwazylam, ze zjadles jeszcze
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, 10:25
Witam,
Może mi ktoś powiedzieć w jakim pliku zmienia się linki i obrazki tego
joli - 17-10-2009, 10: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, 10:38
To zauważyłem lecz nie zauważyłem gdzie wstawić linki, i nadal nie wiedze...
bonek04pl - 17-10-2009, 10: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, 10:45
cos słyszałam o jakims supporcie?
[ 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.
|
|
|