transparent


  • olafklein34
  • 879 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • transparent

    hallo,

    :confused: Kann mir einer mein Code so um schreiben das es in transparent ist also rechte Box mitte und linke Box transparent so das man den Hintergrund sehen kann den ich habe keine Ahnung da von. :confused:
    hier kommt der Code:

    Inhalt der 1. Extra Box (rechts)

    PHP-Quellcode

    1. <center><object type="application/x-shockwave-flash"
    2. data="http://www.qpic.ws/images/4Aq43293.swf"
    3. width="150" height="160">
    4. <param name="movie" value="http://www.qpic.ws/images/4Aq43293.swf" />
    5. <param name="WMode" value="Transparent" /></object></center>
    6. <br />
    9. <center><table cellspacing="1" cellpadding="0" border="0" style="background-color: #042C50" width="122"><tr><td align="center" style="background-color : #042C50;"><a href="http://www.meteo24.de/wetter/49X10174.html" style="text-decoration: none;" target="_blank"><font face="Verdana" size="1" color="#FFCC00" style="text-decoration: none; font-weight: bold;">Wetter Cottbus</font></a></td></tr><tr><td align="center"><iframe width="120" height="98" scrolling="no" frameborder="0" src="http://www.meteo24.de/hptool/v1?cid=49X10174&l=de&style=9&disableflash=1"> </iframe></td></tr><tr><td align="center" height="15" style="background-color : #042C50;"><a href="http://www.meteo24.de/" style="text-decoration: none;" target="_blank"><font face="Verdana" size="1" color="#FFCC00">© meteo24.de</font></a></td></tr></table></center>
    11. <br />
    13. <center> <a href="" target="_blank"><img src="http://www.directcounter.de/dc/?uid=395919816" border="0" alt=""></a><br /><a href="http://www.directcounter.de/stats/395919816.htm" target="_blank">Statistiken</a></center>
    14. <br/>
    15. <center>
    16. <a href="http://www.wieistmeineip.de/cometo/?de"><img src="http://www.wieistmeineip.de/ip-adresse/?size=125x125" border="0" width="125" height="125" alt="IP" /></a></center>
    Alles anzeigen


    Text über dem Design:

    PHP-Quellcode

    1. <div id="Design04">
    2. <div id="Header_oben"></div>
    4. <script language="JavaScript1.2">
    5. var message="Willkommen"
    6. var message=message+""
    7. i="0"
    8. var temptitle=""
    9. var geschw="100"
    11. function titler(){
    12. if (!document.all&&!document.getElementById)
    13. return
    14. document.title=temptitle+message.charAt(i)
    15. temptitle=temptitle+message.charAt(i)
    16. i++
    17. if(i==message.length)
    18. {
    19. i="0"
    20. temptitle=""
    21. }
    22. setTimeout("titler()",geschw)
    23. }
    25. window.onload=titler
    26. </script>
    Alles anzeigen


    CCS-Code ohne Style Tags:

    PHP-Quellcode

    1. h1#title{display: none;}
    2. h2#title span {display: none;}
    3. div.header{display: none;}
    4. li.nav_element{list-style-type: none;}
    8. body {background-image:url(http://img.webme.com/pic/o/ottoklaus/univ02.jpg); }
    10. a{color:#000080; font-size: 15px; text-decoration: none;}
    11. a:hover {color: #000080; font-size: 15px; text-decoration: none;}
    12. a:link {color: #000080; font-size: 15px; text-decoration: none;}
    13. a:active {color: #000080; font-size: 15px; text-decoration: none;}
    14. a:visited {color: #000080; font-size: 15px; text-decoration: none;}
    16. li.nav_element a{
    17. color:#FFFFFF;
    18. display: block;
    19. margin: 5px;
    20. padding-left: 10px;
    21. text-decoration: none;
    22. width: 105px;
    23. height: 20px;
    24. background-image:url(
    25. http://img.webme.com/pic/o/ottoklaus/nav_fantasy_world.gif);
    26. background-color:#4D4D4D;}
    28. li.nav_element a:hover{
    29. color:#FFFFFF;
    30. display: block;
    31. margin: 5px;
    32. padding-left: 10px;
    33. text-decoration: none;
    34. width: 110px;
    35. height: 20px;
    36. background-image:url(http://img.webme.com/pic/o/ottoklaus/nav_vampire_night.gif );
    37. background-color:#919191;}
    39. * { padding: 0; margin: 0; }
    41. #Design04 {
    42. margin: 0 auto;
    43. width: 922px;}
    45. #Header_oben {
    46. height: 70px;
    47. width: 900px;
    48. background: #3C3C3C;
    49. background-image:url(http://img.webme.com/pic/o/ottoklaus/ralf1.jpg);
    50. color: #FFFFFF;
    51. border: 1px solid #6E6E6E;
    52. margin: 0px 0px 0px 0px;
    53. padding: 10px;
    54. float: left;}
    56. #nav_container {
    57. width: 120px;
    58. height: 600px;
    59. background: #C0C0C0;
    60. background-image:url();
    61. color: #000000;
    62. border: 1px solid #6E6E6E;
    63. margin: 0px 0px 0px 0px;
    64. padding: 10px;
    65. float: left;}
    67. #content {
    68. height: 600px;
    69. width: 596px;
    70. background: #F2F2F2;
    71. background-image:url();
    72. color: #000000;
    73. border: 1px solid #6E6E6E;
    74. margin: 0px 0px 0px 0px;
    75. padding: 10px;
    76. display: inline;
    77. float: left;
    78. overflow:auto;}
    80. #sidebar_container {
    81. height: 600px;
    82. width: 140px;
    83. background: #C0C0C0;
    84. background-image:url();
    85. color: #000000;
    86. border: 1px solid #6E6E6E;
    87. margin: 0px 0px 0px 0px;
    88. padding: 10px;
    89. float: right;
    90. overflow:auto;}
    92. #Feld_unten {
    93. width: 900px;
    94. background: #3C3C3C;
    95. color: #FFFFFF;
    96. clear: both;
    97. border: 1px solid #6E6E6E;
    98. margin: 0px 0px 10px 0px;
    99. padding: 10px;}
    100. #counter{display: none;}
    Alles anzeigen


    es wäre schön wenn ihr mir da weiter helfen könnt.

    mfg olafklein34

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von olafklein34 ()

  • Transparenz funktioniert im Prinzip schon mit CSS, nur haben wir hier wieder dasselbe Problem mit den verschiedene Browsern, ganz besonders unser Freund IE. Damit die Transparenz mit jedem Browser funktioniert, mußt Du das mit Javascript lösen. Ein Homepagebaukasten ist dafür auch nicht unbedingt das geeignete mittel. man sollte schon programmieren können, wenn man eine Internetseite erstellen will.