Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS][JavaScript]Problem z rozwijanym menu i flashem.
bartekm0
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.07.2009

Ostrzeżenie: (0%)
-----

Robię sobie portfolio i używam galerii we flashu bardzo spodobał mi się jej efekt ale jednocześnie mam problem z moim rozwijanym menu chowa sie pod animacje flash. Trafiłem już na podobny temat na tym forum ale niewiele mi to pomogło. Potrzebuje bardzie dokładnych wytycznych żeby ktoś poprowadził mnie za rączkę. (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Kod strony:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta name="generator" content="WebSite PRO 4.3" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. <link rel="stylesheet" type="text/css" href="http://webgfx.privacy.pl/portfolio/chromestyle.css" />
  6. <title>Bartłomiej Marchlewicz Portfolio</title>
  7. <script type="text/javascript" src="http://webgfx.privacy.pl/portfolio/chrome.js"></script>
  8. </head>
  9. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  10.  
  11. <!-- SITE -->
  12. <center>
  13. <table id="Tabela_01" width="900" height="700" border="0" cellpadding="0" cellspacing="0">
  14.  
  15. <!-- LOGO -->
  16.        <tr>
  17.               <td colspan="17">
  18.                      <img src="http://webgfx.privacy.pl/portfolio/images/logo.gif" width="900" height="237" alt=""></td>
  19.        </tr>
  20. <!-- KONIEC LOGO -->
  21.  
  22. <!-- MENU -->
  23.        <tr class="chromestyle" id="chromemenu">
  24.               <td colspan="2">
  25.                      <img src="http://webgfx.privacy.pl/portfolio/images/menu_1.gif" width="52" height="24" alt=""></td>
  26.               <td width="64" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  27.                 <ul>
  28.                 <li><a href="index.html">GŁÓWNA</a></li>
  29.                 </ul>
  30.               </td>
  31.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_2.gif" width="2" height="24" alt=""></td>
  32.               <td width="65" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  33.                 <ul>
  34.                 <li><a href="#" rel="dropmenu1">NEWS</a></li>
  35.                 </ul>
  36.                 <!--1st drop down menu -->
  37.                 <div id="dropmenu1" class="dropmenudiv" style="width: 90px;">
  38.                 <a href="dane.html">Dane Personalne</a>
  39.                 <a href="zaiteresowania.html">Zaiteresowania</a>
  40.                 <a href="kwalifikacje">Kwalifikacje</a>
  41.                 <a href="http://www.codingforums.com">Coding Forums</a>
  42.                 </div>
  43.               </td>
  44.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_3.gif" width="2" height="24" alt=""></td>
  45.               <td width="69" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  46.                 <ul>
  47.                 <li><a href="#" rel="dropmenu2">GALERIA</a></li>
  48.                 </ul>
  49.                 <!--2nd drop down menu -->
  50.                 <div id="dropmenu2" class="dropmenudiv" style="width: 80px;">
  51.                 <a href="http://www.cnn.com/">Layouty</a>
  52.                 <a href="http://www.msnbc.com">Loga</a>
  53.                 <a href="http://news.bbc.co.uk">Zdjecia</a>
  54.                 <a href="http://news.bbc.co.uk">Wizytówki</a>
  55.                 <a href="http://news.bbc.co.uk">Plakaty</a>
  56.                 <a href="http://news.bbc.co.uk">Bannery</a>
  57.                 <a href="http://news.bbc.co.uk">Inne</a>
  58.                 </div>
  59.                 </td>
  60.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_4.gif" width="2" height="24" alt=""></td>
  61.               <td width="65" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  62.                 <ul>
  63.                 <li><a href="index.html">OFERTA</a></li>
  64.                 </ul>
  65.               </td>
  66.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_5.gif" width="2" height="24" alt=""></td>
  67.               <td width="89" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  68.               <ul>
  69.                 <li><a href="index.html">WSPÓŁPRACA</a></li>
  70.               </ul>
  71.               </td>
  72.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_6.gif" width="2" height="24" alt=""></td>
  73.               <td width="69" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  74.               <ul>
  75.                 <li><a href="index.html">KONTAKT</a></li>
  76.               </ul>
  77.               </td>
  78.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_7.gif" width="2" height="24" alt=""></td>
  79.               <td width="39" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  80.               <ul>
  81.                 <li><a href="index.html">LINKI</a></li>
  82.               </ul>
  83.               <script type="text/javascript">
  84.                 cssdropdown.startchrome("chromemenu")
  85.               </script>
  86.               </td>
  87.               <td colspan="2" width="369" height="24" background="http://webgfx.privacy.pl/portfolio/images/menu_8.gif">
  88.                 </td>
  89.        </tr>
  90. <!-- KONIEC MENU -->
  91.  
  92. <!-- MAIN -->
  93.        <tr>
  94.               <td background="http://webgfx.privacy.pl/portfolio/images/bg_bok.gif"></td>
  95.               <td colspan="15" background="http://webgfx.privacy.pl/portfolio/images/bg_center.gif" valign="top" height="450">
  96. <?php include 'index2.html'; ?>
  97.  
  98.                 </td>
  99.               <td background="http://webgfx.privacy.pl/portfolio/images/bg_bok.gif"></td>
  100.        </tr>
  101. <!-- KONIEC MAIN -->
  102.  
  103. <!-- FOOTER -->
  104.        <tr>
  105.               <td colspan="17" background="http://webgfx.privacy.pl/portfolio/images/footer.gif" height="25">
  106.                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color=white size=2> All rights reserved. BM-Design 2009</font></td>
  107.        </tr>
  108. <!-- KONIEC FOOTER -->
  109. </table>
  110. </center>
  111. <!-- KONIEC SITE -->
  112. <BR><BR>
  113. </body>
  114. </html>
[HTML] pobierz, plaintext


Kod strony od flasha nazwanej index2.html

[HTML] pobierz, plaintext 
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3. <meta name="generator" content="WebSite PRO 4.3" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <style type="text/css">
  6. <!--body {       
  7. margin-left: 0px;       
  8. margin-top: 0px;       
  9. margin-right: 0px;       
  10. margin-bottom: 0px;
  11.  
  12. }
  13.  
  14. -->
  15. </style> 
  16. <script language="javascript">AC_FL_RunContent = 0;</script>
  17. <script src="AC_RunActiveContent.js" language="javascript"></script>
  18. </head>
  19. <body>
  20. <!--url's used in the movie-->
  21. <!--text used in the movie-->
  22. <!-- saved from url=(0013)about:internet -->
  23. <script language="javascript">
  24.        if (AC_FL_RunContent == 0) {
  25.               alert("This page requires AC_RunActiveContent.js.");
  26.        } else {
  27.               AC_FL_RunContent(
  28.                      'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
  29.                      'width', '100%',
  30.                      'height', '100%',
  31.                      'src', 'main',
  32.                      'quality', 'high',
  33.                      'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
  34.                      'align', 'middle',
  35.                      'play', 'true',
  36.                      'loop', 'true',
  37.                      'scale', 'noscale',
  38.                      'wmode', 'window',
  39.                      'devicefont', 'false',
  40.                      'id', 'main',
  41.                      'bgcolor', '#000000',
  42.                      'name', 'main',
  43.                      'menu', 'true',
  44.                      'allowFullScreen', 'true',
  45.                      'allowScriptAccess','sameDomain',
  46.                      'movie', 'main',
  47.                      'salign', ''
  48.                      ); //end AC code
  49.        }
  50. </script>
  51. <noscript>
  52.        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="fullscreen" align="middle">
  53.        <param name="allowScriptAccess" value="sameDomain" />
  54.        <param name="allowFullScreen" value="true" />
  55.        <param name="movie" value="main.swf" />
  56.        <param name="quality" value="high" />
  57.        <param name="scale" value="noscale" />
  58.        <param name="bgcolor" value="#000000" />
  59.        <param name="allowscriptaccess" value="samedomain">
  60.        <param name="wmode" value="opaque">
  61.        <embed src="main.swf"
  62.        quality="high"
  63.        scale="noscale"
  64.        bgcolor="#000000"
  65.        width="100%"
  66.        height="100%"
  67.        name="main"
  68.        align="middle"
  69.        allowScriptAccess="sameDomain"
  70.        allowFullScreen="true"
  71.        type="application/x-shockwave-flash"
  72.        pluginspage="http://www.macromedia.com/go/getflashplayer"
  73.        wmode="opaque"/>
  74.        </object>
  75. </noscript>
  76. </body>
  77. </html>
[HTML] pobierz, plaintext



I style css:
[HTML] pobierz, plaintext 
  1. .chromestyle{
  2. width: 99%;
  3. font:normal 9px Arial;
  4. }
  5.  
  6. .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
  7. content: "."; 
  8. display: block; 
  9. height: 0; 
  10. clear: both; 
  11. visibility: hidden;
  12. margin:0;
  13. }
  14.  
  15. .chromestyle ul{
  16. border: 0px solid #BBB;
  17. width: 100%;
  18. background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
  19. background-height: 100%;
  20. padding: 6px 1px;
  21. margin: 0;
  22. text-align: center; /*set value to "left", "center", or "right"*/
  23. }
  24.  
  25. .chromestyle ul li{
  26. display: inline;
  27. }
  28.  
  29. .chromestyle ul li a{
  30. color: 7061fd;
  31. margin: 0;
  32. text-decoration: none;
  33. border-right: 0px solid #DADADA;
  34. }
  35.  
  36. .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
  37. background: url(images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
  38. }
  39.  
  40. /* ######### Style for Drop Down Menu ######### */
  41.  
  42. .dropmenudiv{
  43. position:absolute;
  44. top: 0;
  45. border: 1px solid #7061fd; /*THEME CHANGE HERE*/
  46. border-bottom-width: 1;
  47. font:normal 9px Arial;
  48. line-height:18px;
  49. z-index:100;
  50. background-color: black;
  51. width: 200px;
  52. visibility: hidden;
  53. }
  54.  
  55.  
  56. .dropmenudiv a{
  57. width: auto;
  58. display: block;
  59. text-indent: 3px;
  60. border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
  61. padding: 2px 0;
  62. text-decoration: none;
  63. font-weight: bold;
  64. color: 7061fd;
  65. }
  66.  
  67. * html .dropmenudiv a{ /*IE only hack*/
  68. width: 100%;
  69. }
  70.  
  71. .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
  72. background-color: 7061fd;
  73. color: black
  74. }
[HTML] pobierz, plaintext



a tutaj adres do tego jak to wygląda. http://webgfx.privacy.pl/portfolio/layouty/index.php


Proszę o pomoc! Z góry dzięki.
Go to the top of the page
+Quote Post
ayeo
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----

Witam!

Dodaj to do embed:
Kod
wmode="transparent"


Pozdrawiam!
Go to the top of the page
+Quote Post
wookieb
post
Post #3





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Tutaj nie poprawiłeś na opaque
Kod
'wmode', 'window',
Go to the top of the page
+Quote Post
bartekm0
post
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.07.2009

Ostrzeżenie: (0%)
-----

wookieb. wielkie dzięki działa idealnie. (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 22:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn