Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.10.2009 um 10:12 (UTC)    
Titel: Suche Code für Design "Css": Coolmenü

Brauche einen Code für das Coolmenü beim Design Css. Wie ungefähr bei: www.ig444.de.tl.

Liebe Grüße.
Beitrag06.10.2009 um 11:42 (UTC)    
Titel:

Das ist kein Coolmenü Wink
Dies ist die vorhandene Navigation vom CSS Design...
Wenn du die Navigation so dargestellt haben möchtest,
dann musst du folgenden Code einfügen:
Zitat:
li.nav_element{
background-image: url(Bild URL);
background-color: #000000
height: 35px;
width: 200px;
display: inline;}
Das andere sind noch Codes,
womit du die Höhe, Breite, Hintergrundbild und Hintergrundfarbe einstellen kannst.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.10.2009 um 08:06 (UTC)    
Titel:

Versuch ich gleich mal.
P.s: Dachte alle Navigationen die oben sind nennt man "Coolmenü's".
Beitrag07.10.2009 um 08:23 (UTC)    
Titel:

Nicht das, was ich wollte. Bräuchte eine Navigation "oben", die man manuel einbaut. So muss man die Seiten nicht verstecken. Gibs sowas?

Liebe Grüße, David.
Beitrag07.10.2009 um 12:23 (UTC)    
Titel:

Hast du den Code überhaupt eingefügt?!? Rolling Eyes
Die Navigation Buttons werden dann in einer Reihe dargestellt,
dabei wird aber die Standart Navigation verwendet!

Ergebnis kann auch so aussehen:
http://designvorlage.de.tl

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.10.2009 um 12:36 (UTC)    
Titel:

Klar hab ich das.

Will bloß (wie beim Coolmenü bei Iceblue - wenn Standart Navi unsichtbar ist) nur bestimmte Seiten in der Navigation haben. Die man manuel einbaut. Damit die restlichen Seiten nur durch Links zu erreichen sind. Habe kein Bock immer alle Seiten mit "versteckte Seiten" unsichtbar zu machen. Sowas gibs doch, was ich meine?

Edit: Die Standartnavigation mach ich unsichtbar.
Lg David


Zuletzt bearbeitet von gwieny am 07.10.2009, 13:37, insgesamt einmal bearbeitet
Beitrag07.10.2009 um 12:39 (UTC)    
Titel:

Dann nimm doch einfach ein Coolmenü:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

Die Standart Navigation machst du bei CSS so weg:
#nav_container{display: none;}

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.10.2009 um 12:55 (UTC)    
Titel:

Klappen tuts!
Gibs evlt. noch andere Möglichkeiten (Ich nerv oder?)?
Beitrag07.10.2009 um 13:35 (UTC)    
Titel:

Hey,

Hättest dir meine Seite genauer ansehen müssen ;D
http://ig444.de.tl/CSS3.htm

Aber hier Kurzerklärung:

CSS-Code ohne Styletags:
Zitat:
#nav_container
{
display: none;
}


#navigation
{
Poistion der Navigation
height: 30px;
width: 900px;
background-image: url(BILDADRESSE);
}
#navigation a
{
display: block;
float: left;

Styleanweisungen für Buttons
}
#navigation a:hover
{
Styleanweisungen für Hover
}


Die fettmarkierten Einträge musst du selbst hinzufügen, das kursiv Markierte muss bleiben. Zur Position ein Tipp:
Positioniere sie automatisch mit float oder margin.

Text über Design:
Zitat:
<div id="navigation">
<a href="Link.htm">Link</a>
...
</div>


Dies erstellt die neue Klasse Navigation im oberen Teil des Designs.

Das wärs.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag07.10.2009 um 14:02 (UTC)    
Titel:

Danke.

Habe nur noch 2 Probleme:
1. Navigation sollte unter den Header.
2. Wie setze ich einen Balken hinter die Navigation ein?

Lg. David
______________
Jeder lernt es... Irgendwann...
Beitrag07.10.2009 um 16:42 (UTC)    
Titel:

gwieny hat Folgendes geschrieben:
Danke.

Habe nur noch 2 Probleme:
1. Navigation sollte unter den Header.
2. Wie setze ich einen Balken hinter die Navigation ein?

Lg. David


Zu 1:
Alles was vor der Navigation ist kommt ebenfalls nach "Text über Design"
Über den Navigationscode einfach folgendes hinzufügen:

Code:
<div id="header_new"></div>


Dann bei CSS-Code ohne Styletags dies einfügen:

Code:
#header_container
{
display: none;
}

#header_new
{
Styleanweisungen von Header importieren
}


Zu 2:
Was meinst du genau?

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag07.10.2009 um 18:16 (UTC)    
Titel:

Da der Coolmenü code. Also so verstehe ich das was du meisnt =)

Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Untermenü 1.1">Untermenü 1.1</a></li>
<li><a href="Untermenü 1.2">Untermenü 1.2</a></li>
<li><a href="Untermenü 1.3">Untermenü 1.3</a></li>
<li><a href="Untermenü 1.4">Untermenü 1.4</a></li>
<li><a href="Untermenü 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>
Beitrag08.10.2009 um 07:44 (UTC)    
Titel:

ig444 hat Folgendes geschrieben:
gwieny hat Folgendes geschrieben:
Danke.

Habe nur noch 2 Probleme:
1. Navigation sollte unter den Header.
2. Wie setze ich einen Balken hinter die Navigation ein?

Lg. David


Zu 1:
Alles was vor der Navigation ist kommt ebenfalls nach "Text über Design"
Über den Navigationscode einfach folgendes hinzufügen:

Code:
<div id="header_new"></div>


Dann bei CSS-Code ohne Styletags dies einfügen:

Code:
#header_container
{
display: none;
}

#header_new
{
Styleanweisungen von Header importieren
}


Zu 2:
Was meinst du genau?

mfg


Achso. Habs gestern auch hingekriegt (Hab die Anleitung gelesen). Danke trotzdem. Der Thread kann jetzt auch geschlossen werden.

Liebe grüße David
______________
Jeder lernt es... Irgendwann...
Beitrag09.10.2009 um 15:16 (UTC)    
Titel:

Okay alles klar, danke für deine Rückmeldung.
Schön, dass meine Tuts doch verständlich sind.

[closed]
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de