Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.08.2010 um 20:42 (UTC)    
Titel: Coolmenü über Header u.s.w.

Hallo bin dabei mir ein Design zu machen, habe Butterfly, hatte schon vorher was gemacht, aber hab dann nichts mehr geblickt,
so jetzt hab ich neu angefangen, ein Coolmenü und eine Grafik reingemacht...
(edit: und Farben geändert)

Jetzt hab ich das Problem, das das Coolmenü auf der Grafik liegt edit (hab es bissle runter gekriegt aber ist nicht optimal)... bitte dann mal schauen kann es nicht so gut erklären... ich will es aber unter der Grafik...
Und jetzt hab ich ein Coolmenü oben und des normale auf der Seite???
Wie kann ich das auf der Seite wegbekommen?

Und wie kann ich das Coolmenü beschriften und ein forumlink setzen, hab gedacht das nimmt automatisch Home, Kontakt u.s.w. rüber...?

Und ich hätte es gern über die Seite, bei mir hängt es in der Mitte?

Ach ja und ich will des wo dann aufklappt weg haben weil es im Moment ja nix gibt was ich da hab....?

Könnt mir bitte jemand helfen??? Crying or Very sad Ich hätte auch gern mein Header in der Mitte und weiß überhaupt nicht was ich machen soll, die Codes hab ich hier gefunden...

(edit: Hab vorhin versucht die linke Navigation wegzukriegen, ging aber nicht, dann wollt ich noch den Hintergrund der Box in der Mitte auch wegmachen, ging aber nur die Grafik weg, dann wollt ich des lila machen das man des nicht sieht aber ging alles nicht) Die rechte Box ging auch nicht weg Sad (edit: ging weg Smile )

Hier mal mein Code:

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
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: 270px;
left: 25%;
margin-left: -305px;
width:1000px; }

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

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

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FFFFFF;
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="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 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>

<style type="text/css">
<!--

td.cont{
background-image:url();
background-color:#CC99FF; }

td.edit_header{background-repeat:no-repeat;background-image:url(http://up.picr.de/4982893.png);}
left:25%

td.headline {visibility: hidden;}

* Balken über Textfeld */
td.edit_content_top{display:none;}

/* Seitentitel über Textfeld */
td.headline2 {visibility: hidden;}

/* Textfeld */
td.edit_content{
background-image: url();width: 0px;}

/* Erste Balken unter Textfeld */
td.edit_content_bottom{visibility: hidden;width: 0px;}

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2{background-image: url();} Geht nicht!

td.edit_content_headline{ visibility:hidden; }

td.edit_content_headline3 { visibility:hidden; }

/* rechte Boxen 1 bis 5 */
td.shouty{display:none;}
td.shouty2{display:none;}
td.shouty3{display:none;}
td.shouty4{display:none;}
td.shouty5{display:none;} Geht nicht!

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none;} Geht nicht!

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom{display:none;} Geht nicht!

body{ background-image: url(Bild URL);
background-color: #E5E5E5;}

-->
</style>

Hätte gern das Textfeld transparent, sodass man es gar nicht sieht, nur lila, und die Schrift.... mit allen Balken und so das alles weg ist... ausser mein Header...

Liebe Grüße

Sammi


Zuletzt bearbeitet von dogs-for-us am 15.08.2010, 13:17, insgesamt 5-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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