[GastForen Programme Web/Internet Adobe Dreamweaver visuell transparente navigation

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

visuell transparente navigation

coastline
Beiträge gesamt: 162

6. Sep 2006, 17:11
Beitrag # 1 von 14
Bewertung:
(5639 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
wie erstellt man eine transparente navigation, wie sie bei tvr zu finden ist?

im hintergrund das bild und vorne eine transparente nav.

zu sehen bei:

http://www.tvr.co.uk/overview_tamora.php

grüsse, coastline
X

visuell transparente navigation

loethelm
  
Beiträge gesamt: 6029

6. Sep 2006, 21:37
Beitrag # 2 von 14
Beitrag ID: #249310
Bewertung:
(5628 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

wo ist da was transparent?


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------


als Antwort auf: [#249282]

visuell transparente navigation

coastline
Beiträge gesamt: 162

6. Sep 2006, 21:48
Beitrag # 3 von 14
Beitrag ID: #249312
Bewertung:
(5627 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo

je nach hintergrundbild, sieht die navigation (vertikal) anders aus, und der hintergrund schimmert durch die weissen navigationselemente.

grüsse, coastline


als Antwort auf: [#249310]

visuell transparente navigation

Dirk Levy
  
Beiträge gesamt: 9428

6. Sep 2006, 22:02
Beitrag # 4 von 14
Beitrag ID: #249319
Bewertung:
(5623 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Über CSS geht das zu machen,
ist aber nicht Browserstabil, d.h.
es geht nur in wenigen Browsern...

Sonst mit Flash oder Bild...

Gruß
Dirk

[LMCP - LEVY MEDIA MULTICHANNEL PUBLISHING]
http://www.levy-media.de


als Antwort auf: [#249312]

visuell transparente navigation

SabineP
Beiträge gesamt: 7586

6. Sep 2006, 22:09
Beitrag # 5 von 14
Beitrag ID: #249320
Bewertung:
(5620 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
29 Fehler in der CSS-Datei:

http://jigsaw.w3.org/...Foverview_tamora.php

Wenn das in einem Browser funktioniert, dann nur mit viel Glück.

Gruß Sabine


als Antwort auf: [#249319]

visuell transparente navigation

coastline
Beiträge gesamt: 162

6. Sep 2006, 22:12
Beitrag # 6 von 14
Beitrag ID: #249322
Bewertung:
(5616 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
vielen dank für die antworten.

wie würde man dies beispielsweise in css erstellen?


als Antwort auf: [#249320]

visuell transparente navigation

Dirk Levy
  
Beiträge gesamt: 9428

6. Sep 2006, 22:16
Beitrag # 7 von 14
Beitrag ID: #249324
Bewertung:
(5615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Wozu willst Du das wissen? Es ist nicht Browserstabil,
also ich würde das nicht einsetzen....

Gruß
Dirk

[LMCP - LEVY MEDIA MULTICHANNEL PUBLISHING]
http://www.levy-media.de


als Antwort auf: [#249322]

visuell transparente navigation

loethelm
  
Beiträge gesamt: 6029

6. Sep 2006, 23:05
Beitrag # 8 von 14
Beitrag ID: #249328
Bewertung:
(5611 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich hab nicht umsonst gefragt.
Safari zeigt das nicht transparent.
Wenn du das machen willst, musst du Bilder einsetzen.


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------


als Antwort auf: [#249324]

visuell transparente navigation

ganesh
Beiträge gesamt: 1981

7. Sep 2006, 01:26
Beitrag # 9 von 14
Beitrag ID: #249339
Bewertung:
(5600 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf [ coastline ] wie erstellt man eine transparente navigation, wie sie bei tvr zu finden ist?


Schau doch einfach den Quellcode an... das ist ja das schöne an HTML.

.shadow3 {
background-color:#A5A5A5;
filter: alpha(opacity=20);
-moz-opacity:.20;
opacity: .20;
}


Mit einem Minimum-Englisch-Wortschatz, CSS-Wissen oder Google hättest du schnell herausgefunden, was "opacity" ist :)

Es ist mit immerhin ~95% aller modernen Browser sichtbar (Firefox, IE). Also keine Katastrophe, wenn die anderen halt keine Teil-Transparenz sehen. YMMV :)


als Antwort auf: [#249282]
(Dieser Beitrag wurde von ganesh am 7. Sep 2006, 01:30 geändert)

visuell transparente navigation

coastline
Beiträge gesamt: 162

7. Sep 2006, 16:06
Beitrag # 10 von 14
Beitrag ID: #249595
Bewertung: |||||
(5578 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
---
zitat ganesh:
" Mit einem Minimum-Englisch-Wortschatz, CSS-Wissen oder Google hättest du schnell herausgefunden, was "opacity" ist "


hier scheint ja jemand wirklich minderwertigkeitskomplexe zu haben, wenn sich jemand auf solche art und weise etwas beweisen muss.

sorry ganesh, mit solchen bemerkungen bist du in diesem forum am falschen ort!
---

gruss, coastline


als Antwort auf: [#249339]

visuell transparente navigation

loethelm
  
Beiträge gesamt: 6029

7. Sep 2006, 16:14
Beitrag # 11 von 14
Beitrag ID: #249600
Bewertung:
(5574 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo coastline,

wenn dir der Ton von ganesh nicht gefällt, ist das das eine.

Aber der Inhalt der Aussage ist ja zutreffend, oder? Und passt außerdem zum Motto "HilfDirSelbst" ;-)
Das kann man selbst herausfinden und lernt dabei eine ganze Menge. Wenn dann Fragen offen bleiben, meckert keiner, wenn diese gestellt werden.


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------


als Antwort auf: [#249595]

visuell transparente navigation

coastline
Beiträge gesamt: 162

7. Sep 2006, 16:41
Beitrag # 12 von 14
Beitrag ID: #249610
Bewertung:
(5566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo loethelm

hmm ist aus meiner sicht komplex umzusetzen, wie würde man nun diese alpha-werte konkret in das script implementieren, welches ich im anhang beigefügt habe?

grüsse, coastline

Code
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

#navibox ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navibox a {
display: block;
color: #6F6F6F;
background-color: #EDEDED;
width: 16em;
padding: .4em 1em;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#navibox a:hover {
background-color: #E4E4E4;
color: #666666;
}

#navibox li { margin: 0; }

#Layer1 {
position:absolute;
left:144px;
top:114px;
width:180px;
height:141px;
z-index:2;
}
</style>
</head>

<body>
<div id="Layer1">
<div id="navibox">
<ul>
<li><a href="#">CURRENT MODEL </a></li>
<li><a href="#">DEALER LOCATOR </a></li>
<li><a href="#">APPROVED</a></li>
<li><a href="#">FINANCIAL SERVICES </a></li>
<li><a href="#">PERFORMANCE</a></li>
<li><a href="#">MOTORSPORT</a></li>
<li><a href="#">ANNOUNCEMENTS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div></div>

</body>
</html>



als Antwort auf: [#249600]

visuell transparente navigation

loethelm
  
Beiträge gesamt: 6029

8. Sep 2006, 11:12
Beitrag # 13 von 14
Beitrag ID: #249763
Bewertung:
(5527 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich würds mal da
Code
#navibox li { margin: 0; } 

oder in einem neuen Element
Code
#navibox li a{  } 

probieren.


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------


als Antwort auf: [#249610]

visuell transparente navigation

coastline
Beiträge gesamt: 162

9. Sep 2006, 11:49
Beitrag # 14 von 14
Beitrag ID: #249939
Bewertung:
(5516 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo loethelm

vielen dank für die antwort, hat geklappt :-)

einzig, beim firefox sieht die darstellung noch etwas anders aus. muss mich demnach noch etwas eingehender mit css beschäftigen, damit ich diese differenzen beheben kann resp. aus dem quellcode entnehmen kann.

toll! gruss, coastline


als Antwort auf: [#249763]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=310

Enfocus World Tour 2022
Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=310

Enfocus World Tour 2022