Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.10.2009 um 01:24 (UTC)    
Titel: CSS: Coolmenü wird nicht richtig angezeigt(erledigt)

Also habe von einem Iceblue Design umgestellt auf CSS. Habe aber jetzt das Problem das die Navigationleiste nicht passt. Beim testen schon.

Schwer zu beschreiben am besten schaut es euch mal bitte an.
www.gbpics4all.de.tl

Danke schonmal für die Hilfe die Ich echt brauche


Zuletzt bearbeitet von gbpics4all am 06.10.2009, 13:21, insgesamt 2-mal bearbeitet
Beitrag06.10.2009 um 06:53 (UTC)    
Titel:

Ich kann dir das machen,
das sind eigentlich nur die : "top" Werte im Coolmenü :

Zitat:
div.menu
{
position:absolute;
top:320px;
left:48%;
margin-left:-420px;
z-index:99;
width:750px;
height:30px;
background:url(URL) repeat-x;
padding-top:3px;
}


Und man muss die Navigation löschen :

Zitat:
#nav_container {
display:none;
}

#nav_heading {
display:none;
}

.nav_element {
display:none;

}


Der neue Code ist dann :

Zitat:

/* Beginn des CSS Codes */

img {
border:none;
}

body {
margin:0;
padding:0;
height:100%;
background:#696969;
font-family:Verdana;
font-size:12px;
}

#post_header {
position:absolute;
left:50%;
margin-left:-400px;
top:200px;
width:900px;
height:100px;
background:url(http://img.webme.com/pic/t/testmehp/post-content-werbung.png);
}

#smallbg {
position:absolute;
top:0;
left:0;
width:100%;
height:400px;
background:#696969 repeat-x;
z-index:-5;
}

#container {
position:absolute;
left:50%;
margin-left:-450px;
top:0;
width:800px;
z-index:-1;
}

#header_container {
width:900px;
height:200px;
background:url(http://img.webme.com/pic/t/testmehp/headergbpics.png) no-repeat;
}

#header {
display:none;
}

#nav_container {
display:none;
}

#nav_heading {
display:none;
}

.nav_element {
display:none;

}

#content_container {
width:700px;
background-color:#FFFFFF;
padding-left:10px;
min-height:350px;
padding-right:5px;
border: 0px solid #000000;
}

#content {
width:700px;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
min-height:350px;
font-family:Helvetica;
}

#title {
display:none;
}

#counter {
display:none;
}

a {
color:#FFFFFF ;
text-decoration:underline;
}

a:hover {
color:#FFFFFF;
}

.note {
border:1px solid #696969;
background:#696969;
width:740px;
margin-left:20px;
color:#696969;
}

.noteSec {
padding:10px;
}

#GoogleADCSS {
background-image:transparent;
position: absolute;
left:45%;
margin-left:-330px;
top: 200px;
}
margin:0;
}

#below_content {
width:700px;
height:50px;
border-top:dashed 1px #000000;
background-color:#XXXXXX;
line-height:40px;
vertical-align:middle;
text-align:right
}

#sidebar_container {
position:absolute;
left:50%;
top:350px;
margin-left:316px;
width:156px;
height:300px;
border-left: 1px solid #000000;
padding-right:20px;
padding-left:7px;
padding-bottom:5px;
background-color:#FFFFFF;
background-image:url(); repeat;
text-align:left;
}

#sidebar_heading { display: none;}

/* Ende des CSS Codes */

/* Beginn des Coolmenü Codes */

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position:absolute;
top:320px;
left:48%;
margin-left:-420px;
z-index:99;
width:750px;
height:30px;
background:url(URL) repeat-x;
padding-top:3px;
}

.menu li
{
width: 100px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color:;
background-image: url(http://img.webme.com/pic/t/testmehp/button1.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #000000;
}

.menu a:hover
{
background-color:;
background-image: url(http://img.webme.com/pic/t/testmehp/buttontr.png);
}

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
background-image: url(http://img.webme.com/pic/t/testmehp/buttontr.png);
}

</style>

<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>
<div class="menu">

<li><a href="http://gbpics4all.de.tl/St.ae.dte.htm">Home</a></li>
</ul>
</li>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Wochentage</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">

<li><a href="http://gbpics4all.de.tl/Montag.htm">Montag</a></li>
<li><a href="http://gbpics4all.de.tl/Dienstag.htm">Dienstag</a></li>
<li><a href="http://gbpics4all.de.tl/Mittwoch.htm">Mittwoch</a></li>
<li><a href="http://gbpics4all.de.tl/Donnerstag.htm"> Donnerstag</a></li>
<li><a href="http://gbpics4all.de.tl/Freitag.htm">Freitag</a></li>
<li><a href="http://gbpics4all.de.tl/Samstag.htm">Samstag</a></li>
<li><a href="http://gbpics4all.de.tl/Sonntag.htm">Sonntag</a></li>
<li><a href="http://gbpics4all.de.tl/Wochenende.htm">Wochenende</a></li>

</ul>
</li>
<li><a href="http://gbpics4all.de.tl/St.ae.dte.htm">Städte</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://gbpics4all.de.tl/Landschaften.htm">Landschaften</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://gbpics4all.de.tl/Animierte-Pics.htm"> Animiert</a></li>

<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);">Sonstiges</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://gbpics4all.de.tl/Sonstige.htm">Sonstige</a></li>
<li><a href="http://gbpics4all.de.tl/FUNNY.htm">Fun</a></li>
<li><a href="http://gbpics4all.de.tl/Sexy.htm">Sexy</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" href="javascript:void(0);"> Nettigkeiten</a>
<ul onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" id="smenu6">
<li><a href="http://gbpics4all.de.tl/Gr.ue..ss.e_Nettigkeiten.htm">Nettigkeiten</a></li>

<li><a href="http://gbpics4all.de.tl/Gr.ue..ss.e_Nettigkeiten.htm">Grüße</a></li>
<li><a href="http://gbpics4all.de.tl/Liebe.htm">Liebe</a></li>
</ul>
</li>
</div>

/* Ende des Coolmenü Codes */



Legende :

Rot : Top Wert des Coolmenüs, Abstand von oben.
Blau : Macht die Elemente unsichtbar.

Und noch ein Tipp,
crypte deinen CSS Code,
der ist sehr leicht zu klauen.

Besonders der Text über dem Design ist sehr einfach selber zu schreiben,
und der CSS Code ist auch leicht zu bekommen.

Hier kannst du denien Code crypten :
www.css.xe.cx


Zuletzt bearbeitet von homepage-vergleich am 06.10.2009, 10:19, insgesamt 10-mal bearbeitet
Beitrag06.10.2009 um 09:11 (UTC)    
Titel:

Bin mir jetzt nicht sicher obs du es shon dort hast aber füge das Coolmenu bei : Text über dem Desing ein. Dann verschwindet das //--> oben links.

lG. Patrick
Beitrag06.10.2009 um 10:49 (UTC)    
Titel:

Danke Patrik das hat geglabt, aber der obere Code nicht weil dadurch meine ganze Navigationsleiste weg ist und nurnoch die Menüpunkte da stehen
Beitrag06.10.2009 um 11:07 (UTC)    
Titel: ...

Also bei mir sieht es immernoch wie früher aus;) hier noch ein Tip:

Code:
li.top_menu{background-image: url();}
li.top_menu a{color:#000000;}
li.top_menu ul li{background:#FFFFCC;}
li.top_menu ul li a{color:#000000;}


füge das irgendwo in deinem Coolmenu ein, so kannst du 2 verschiede buttons machen, also die Unterseiten habe zb: Blauen Hintergrund und der Titel zB. Gelb. Die 2 oben sind die überschrift die 2 unten die unterseiten.

lG. Patrick
Beitrag06.10.2009 um 11:44 (UTC)    
Titel:

Bite nächstes mal einen Aussagekräftigen Titel wählen!
Denn ein "Hilfe!!!" beschreibt nicht dein Problem.

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

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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