Autor |
Nachricht |
-
rabenhorde
Wohnort: im dunklem Walde
|
21.03.2012 um 21:46 (UTC) Titel: Flash Navi einfügen |
|
|
Hallo zusammen,
ich bräuchte mal wieder eure Hilfe.
Ich habe mir auf http://www.flashvortex.com eine Navileiste erstellt, aber sie ersetzt nicht die vorhandene Leiste.
Nun meine Fragen:
Kann man die eigendliche Navileiste unsichtbar machen und dafür die erstellte einbauen?
Ich habe da 2 Codes bekommen, einmal der:
<script src="http://h1.flashvortex.com/display.php?id=2_1332364880_4030_151_0_137_446_6_1_117" type="text/javascript"></script>
da sieht man die Navileiste, und den:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="137" height="446">
<param name="movie" value="flashvortex.swf" />
<param name="quality" value="best" />
<param name="menu" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="flashvortex.swf" quality="best" menu="true" width="137" height="446" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="sameDomain" />
da sieht man den weißen Block unten.
Ich verwende das Disign Red und habe es mal unter die Navileiste eingefügt.
Würde mich über Antwort freuen.
MFG Marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
-
keinkonsum
Wohnort: Mülheim a.d.R
|
22.03.2012 um 10:56 (UTC) Titel: |
|
|
Du könntest die Navidoch einfach ausbelnden.
Dein klassennamen für die navi und visibility:hidden;
hier sind die Klassen der Designs aufgeführt:http://www.homepage-baukasten.de/forum/viewforum.php?f=26
Übrigens ist mir in Deinem Quelltext aufgefallen das Du ganz viele <style type="text/css"> </style>
eingefügt hast.Das sollte nur einmal vorkommen also erst öffnen <style type="text/css" den css Code und dann einmal schließen </style>.
Grüße ______________ |
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
22.03.2012 um 11:55 (UTC) Titel: |
|
|
Hallo ich nochmal,
also auf tranzparent setzen meinst??
Mfg marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
-
keinkonsum
Wohnort: Mülheim a.d.R
|
22.03.2012 um 11:59 (UTC) Titel: |
|
|
rabenhorde hat Folgendes geschrieben: Hallo ich nochmal,
also auf tranzparent setzen meinst??
Mfg marcel
Ne nicht tranzparent!
Navi verstecken mit dieser anweisung:visibility:hidden; ______________ |
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
22.03.2012 um 13:19 (UTC) Titel: |
|
|
Hallo ich nochmal, hab ich getan.
Aber wie bekomme ich jetzt die navi da hoch???
MFG Marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
|
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
22.03.2012 um 22:09 (UTC) Titel: |
|
|
Hallo, mit none das habe ich gemacht.Meine Navi ist unsichtbar.
Nur wie bekomme ich die neue Navi jetzt dahin wo di alte war???
Sie ist zu weit unten.
MFG Marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
|
22.03.2012 um 22:16 (UTC) Titel: |
|
|
Was hast du denn auf none gesetzt?
Du musst die Tabellenzelle der Klasse edit_navi_bg auswählen:
Zitat: td.edit_navi_bg{
display:none;
} |
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
22.03.2012 um 22:32 (UTC) Titel: |
|
|
Hab ich einbmal hier:
<style type="text/css">
<!--
/* rote Hintergrund hinter Navi-Buttons / Breite 202 Pixel */
td.edit_navi_bg {
background-color: #none;
background-image:url(Bild-URL); }
-->
</style>
und einmal hier:
<style type="text/css">
<!--
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: Valhalla;Comic Sans MS;font-size: 10px;color: #FFFFE5;text-decoration: none;display: none;line-height: 20px;}
a.rednav:hover{font-family: Valhalla;Comic Sans MS;font-size: 10px;color: #ff0000;text-decoration: none;display: block;line-height: 20px;}
</style>
bei der letzten ist es alles unsichtbar geworden.
und nun habe ich das:
<script src="http://h1.flashvortex.com/display.php?id=2_1332364880_4030_151_0_137_446_6_1_117" type="text/javascript"></script>
bei Hinweis unter der Navi eingefügt, weil bei Text über Disign ist es oben links über dem Header.
Kann man das mit Css verschieben???
MFG Marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
|
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
22.03.2012 um 22:40 (UTC) Titel: |
|
|
Weiter habe ich da nix gefunden.Das oben war das einzige was das gezeigt hat.
Das steht bei mir im Text über Disign.
Kannst mir da helfen???
Nur mal markieren wo du meinst.
MFG Marcel
<style type="text/css">
<!--
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url(http://img.webme.com/pic/r/rabenhorde/hintergrundneueins.jpg);background-color:#000000;background-attachment:fixed;background-position: center top;background-repeat:no-repeat;}
-->
</style>
<style type="text/css">
<!--
/* Rechte Box / Rahmen oben / weiß-rot / 217 x 23 Pixel */
td.edit_rechts_header2 {
background-color: #transparent ;
background-image:url(); }
/* weißer Hintergrund Rechte Box / Breite 217 Pixel */
td.edit_rechts_bg {
background-color: #000000;
background-image:url(Bild-URL); }
/* Rechte Box / Rahmen unten / weiß-rot / 217 x 19 Pixel */
td.rb_footer {
background-color: #000000;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
td.edit_rechts_bg{font-family: Valhalla;Comic Sans MS;
font-size: 10px;
color: #FFFFFF;
;}
-->
</style>
<style type="text/css">
<!--
/* roter Hintergrund links vom Design */
td.edit_links_bg {
background-color: #transparent;
background-image:url();}
-->
</style>
<style type="text/css">
<!--
/* grauer Hintergrund hinter Navigation / Breite 206 Pixel */
td.edit_page_main_bg {
background-color: #transparent;
background-image:url(); }
-->
</style>
<style type="text/css">
<!--
/*grauer Streifen über Titel Navigation / Höhe 10 Pixel */
td.edit_links_bg_unten {
background-color: #transparent;
background-image:url(); }
-->
</style>
<style type="text/css">
<!--
/* roter Streifen über Titel Navigation / 202 x 4 Pixel */
td.edit_navi_top {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* rote Hintergrund hinter Navi-Buttons / Breite 202 Pixel */
td.edit_navi_bg {
background-color: #none;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Hintergrund Navi-Titel / 202 x 23 Pixel */
td.edit_navhead {
background-color: #transparent;
background-image:url(); }
-->
</style>
<style type="text/css">
<!--
/* rote Streifen unter Navi-Titel / Höhe 2 Pixel */
td.edit_nav_klein {
background-color: #transparent ;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Navi-Buttons / 202 x 28 Pixel */
td.edit_button_bg {
background-color: #transparent;
background-image:url(); }
-->
</style>
<style type="text/css">
<!--
/* Link im Navi-Button */
td.rednav {
color: #FFFFFF;
font-size: 14px;
font-family: Valhalla;Comic Sans MS;
text-decoration: none; }
-->
</style>
<style type="text/css">
<!--
/* rote Streifen unter Navi-Buttons / 202 x 2 Pixel */
td.nav_mini {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* grauer Streifen links der Navigation / Breite 2 Pixel */
td.edit_links_navi_left_spacer {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Hintergrund hinter Navigation / grau / Breite 202 Pixel */
td.edit_links_navi_container {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* grauer Hintergrund hinter Textfeld */
td.edit_page_main2 {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* grauer Streifen über Textfeld / 522 x 11 Pixel */
td.content_over {background-color: #transparent;
background-image:url(Bild-URL);}-->
</style>
<style type="text/css">
<!--
/* Feld hinter Textfeld */
td.edit_content_bg {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Rote Balken im Textfeld / Höhe 13 Pixel */
td.edit_content_header {
background-color: #transparent;
background-image: url(http://img.webme.com/pic/r/rabenhorde/holzbutton.png);}
-->
</style>
<style type="text/css">
<!--
/* Titel über Textfeld (Schrift) */
td.Stil2 {
font-size: 12px;
font-familiy: Valhalla;Comic Sans MS;
color: #transparent;}
-->
</style>
<style type="text/css">
<!--
/* Textfeld / Breite 510 Pixel */
td.cont {
color: #FFFFFF;
font-size: 13px;
font-family:Valhalla;Comic Sans MS;
text-align:left;
background-color: #transparent;
background-image:url(); }
-->
</style>
<style type="text/css">
<!--
/* Textfeld / weiße Balken unten im Textfeldbereich / 522 x 55 Pixel */
td.cont_bottom {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* grauer Hintergrund hinter rechten Boxen / Breite 221 */
td.edit_zeile {
background-color: #transparent;
background-image:url(Bild-URL); }
/* grauer Hintergrund hinter rechten Boxen / Breite 221 */
td.edit_zeile2 {
background-color: #transparent ;
background-image:url(Bild-URL); }
/* roter Hintergrund hinter rechten Boxen / Breite 221 */
td.edit_zeile3 {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* dunkle Streifen über Titel rechte Box / Höhe 3 Pixel */
td.rb_over {
background-color: #transparent ;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Hintergrund Titel rechte Box / 217 x 23 Pixel */
td.edit_rechts_header {
background-color: #transparent;
background-image:url(); }
-->
</style>
<style type="text/css">
<!--
/* Rechte Box / Rahmen oben / weiß-rot / 217 x 3 Pixel */
td.edit_rechts_header2 {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* weißer Hintergrund Rechte Box / Breite 217 Pixel */
td.edit_rechts_bg {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Rechte Box / Rahmen unten / weiß-rot / 217 x 19 Pixel */
td.rb_footer {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* roter Streifen unter rechter Box / 220 x 4 Pixel */
td.rb_bottom {
background-color:transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Feld unter rechter Box / Höhe 58 Pixel */
td.rb_bottom2 {
background-color: #transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* weißer Rechter Aussenrand des Designs / Breite 2 Pixel */
td.rb_right_mini {
background-color: #transparent ;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* roter Hintergrund / rechts vom Design / 400 x 22 Pixel */
td.edit_rechts_bg_unten {
background-color: #000000;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
/* Aussenrand unten vom Design / rot-weiß / 1000 x 0 Pixel */
td.edit_bottom_bg {
background-color: transparent;
background-image:url(Bild-URL); }
-->
</style>
<style type="text/css">
<!--
td.rb_footer img{display:none;}
td.rb_footer{background-color:#000000;height:0px;}
-->
</style>
<style type="text/css">
<!--
*Boxentabelle, der Abstand oben und zwischen den Boxen, Farbton der Boxentabelle nehmen */
td.edit_rechts_header{background-image:url();
height: 2px;background-color:#transparent;}
/*Hintergrund rechte Boxen, bei Solid dann den Farbton der Boxentabelle nehmen*/
td.edit_rechts_bg{background-image:url();background-color:#000000;border: 1px solid #FFFFFF;} /*Schrift der Boxen*/
td.edit_rechts_bg{font-family: Valhalla;Comic Sans MS;font-size: 11px;color: #FFFFFF;}
/*Boxen, untere Teil entfernt*/
td.edit_rechts_bg_unten img{display:none;}
td.edit_rechts_bg_unten{background-image:url();background-color:transparent ;}
-->
</style>
<style type="text/css">
<!--
#TB_load img{visibility:hidden!important;}
#TB_load{
background: url(http://img.webme.com/pic/r/rabenhorde/rollowiking.gif)!important;
width: 140px!important;
height: 140px!important;
} -->
</style>
<style type="text/css">
<!-- body, a, a:hover {cursor: url(http://img.webme.com/pic/r/rabenhorde/rabeneucursur.png), progress;} -->
</style>
<style type="text/css">
<!--
/*Content*/
td.Stil3{visibility: hidden;}
td.edit_content_bg{background-image: url();background-color: 000000;}
td.content_over img{visibility: hidden;}
td.content_over{background-image: url();background-color: 000000;}
td.Stil2_left{background-image: url();background-color: 6a0000;}
td.Stil2{background-image: url();background-color: 000000;}
td.edit_content_header{background-image: url();background-color: 000000 ;}
td.cont_bottom{visibility: hidden;}
span.Stil2{color: #FFFFFF;}
-->
</style>
<style type="text/css">
<!--
/*Ramen&Striche*/
td.edit_page_main_bg{background-image: url();background-color: transparent ;}
td.edit_page_main2{background-image: url();background-color: transparent ;}
td.edit_zeile{background-image: url();background-color: transparent ;}
td.rb_over{background-image: url();background-color: transparent ;}
td.edit_rechts_bg{background-image: url();background-color: transparent ;}
td.edit_bottom_bg img{visibility: hidden;height: 0px;}
td.edit_bottom_bg{background-image: url();background-color: transparent ;}
td.edit_zeile2{background-image: url();background-color: transparent ;}
td.edit_zeile3{background-image: url();background-color: transparent ;}
td.rb_footer{visibility: hidden;height: 0px;}
td.edit_header_sub_1{background-image: url();background-color: transparent ;}
-->
</style>
<style type="text/css">
<!-- hriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: Valhalla;Comic Sans MS;font-size: 10px;color: #FFFFE5;text-decoration: none;display: none;line-height: 20px;}
a.rednav:hover{font-family: Valhalla;Comic Sans MS;font-size: 10px;color: #ff0000;text-decoration: none;display: block;line-height: 20px;}
-->
</style>
<style type="text/css">
<!--
body{background-image:url(http://img.webme.com/pic/r/rabenhorde/hintergrundmithelm.jpg);backgroundattachment:fixed;}
td{background-image: url();background-color: transparent;}
td.edit_header{background-image: url(http://img.webme.com/pic/r/rabenhorde/headerschwarzweiss.jpg);
background-position: center top;background-repeat:no-repeat}
td.rb_footer img,td.edit_navi_top img,td.content_over,td.nav_mini,td.cont_bottom,td.edit_bottom_bg,td.rb_bottom img{visibility: hidden;}
-->
</style>
<style type="text/css">
<!-- td.cont table[width="100%"] td[width="33%"] p, td.cont table[width="100%"] td[width="33%"] a {
font-family: Valhalla;Comic Sans MS;
color:#FFFFFF!important;
}-->
</style>
<style type="text/css">
<!-- a {
color:#ffffff;
}
-->
</style>
<style type="text/css">
<!--
.edit_rechts_header{text-align:left;
font-family:font-family: Valhalla;Comic Sans MS;
font-size: 12px;
color: #000000;
}
-->
</style>
<style type="text/css">
<!--
.edit_navhead{
color:#000000;
font-size:12px;
font-family: Valhalla;Comic Sans MS;
}
-->
</style>
<style type="text/css">
<!--
.Stil2{
color:#FFFFFF
font-size:12px;
font-family: Valhalla;Comic Sans MS;
}
-->
</style>
<style type="text/css">
<!--
td.edit_navi_bg > table > tbody > tr:nth-of-type(2) > td{
color:transparent;
height:20px;
background:transparent url() no-repeat;
}
-->
</style>
<style type="text/css">
<!--
#irgendwas{
position:relative;
left:-11%;
width:111%;
height:74px;
color:transparent;
background-image:url();
background-repeat:no-repeat;
}
-->
</style>
<style type="text/css">
<!--
#irgendwas1{
position:relative;
left:-11%;
width:111%;
height:74px;
color:transparent;
background-image:url();
background-repeat:no-repeat;
}
td.edit_navi_bg{
display:none;
}
-->
</style> ______________ "der vermiedene Kampf, ist der eigendliche Sieg."
Zuletzt bearbeitet von rabenhorde am 22.03.2012, 23:55, insgesamt einmal bearbeitet
|
|
↑
|
|
|
|
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
23.03.2012 um 08:04 (UTC) Titel: |
|
|
Guten morgen,
Habe es eben ausprobiert, und siehe da es geht.
Dankeschön für deine schnelle Hilfe.
Wünsche ein Schönes Wochenende.
MFG Marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
-
rabenhorde
Wohnort: im dunklem Walde
|
23.03.2012 um 13:40 (UTC) Titel: |
|
|
Hallo ich nochmal.
gibt es noch eine Möglichkeit die Navi etwas nach unten zu verschieben???
Habe hier schon mal im Forum gesucht aber nix passendes gefunden.
Wäre toll wenn ich noch mal Hilfe bekommen würde.
MFG Marcel ______________ "der vermiedene Kampf, ist der eigendliche Sieg." |
|
↑
|
|
|
|
23.03.2012 um 21:30 (UTC) Titel: |
|
|
Gib der Tabellenzelle der Klasse edit_links_navi_container einfach ein padding-top.
Zitat: td.edit_links_navi_container{
padding-top:XXpx;
} |
|
↑
|
|
|
|