Guten Abend zusammen!
Ich habe ein mittleres Problem. Und zwar sitze ich bereits seit Stunden dran, und versuche den Text eines Menüs is meine neue Grafik anzupassen, aber ich komme einfach nicht voran, egal was ich versucht habe. So langsam bin ich am verzweifeln...
Zum Theme: Es geht in meinem Fall um das Theme "gameworld".
Der Link zu meiner Seite teampg.de/
Sicherlich wird mein Problem jedem gleich ins Auge springen.
Zum Code:
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:200px;
position:center;
z-index:11;
}
#secondarymenu {
float:right;
background:url(images/topmenu-left.png) left top no-repeat;
padding-left:61px;
}
.menu-topmenu-container {
background:url(images/topmenu-right.png) right top no-repeat;
height:42px;
padding-top:-12px;
}
#secondarymenu ul {
margin-left:-30px;
margin-right:30px;
}
#secondarymenu a {
text-decoration:none;
padding:10px;
display:block;
color:#fff;
font-size:13px;
}
#secondarymenu a:hover{
}
#mainmenu-container {
height:230px;
z-index:999;
margin:15px 0px;
background:url(images/menu.png) left top no-repeat;
}
#mainmenu li a {
text-align:right;
display:block;
text-decoration:none;
padding:150px 50px 150px;
font-size:15px;
color:#fff;
text-shadow:1px 1px 1px #81401a;
}
#mainmenu li {
position:relativ;
}
#mainmenu li a:hover{
}
#header li ul {
top:43px;
}
#header li ul .inner {
background:#ae581f;
padding:0;
}
#header ul.children li, #header .sub-menu li {
padding:0 !important;
margin:0 !important;
height:25px;
line-height:25px;
}
#header ul.children li a, #header .sub-menu li a {
color:#fff !important;
padding:0 !important;
background:none;
height:25px;
line-height:25px;
}
#header ul.children li a:hover, #header .sub-menu li a:hover {
background: #c16d26 !important;
border-radius:0 !important;
border:none !important;
box-shadow:none !important;
}
#header .sub-menu .sub-menu {
top:0 !important;
}Ich wüsste beim besten Willen nicht, wie ich das hinbekommen kann, oder ob es mit diesem Theme überhaupt möglich ist, das Menü so anzupassen, dass ich diese Grafik mit "einbinden" kann.
Das nächste Problem wäre der Slider unterhalb. Dieser verschiebt sich komischerweise immer wieder nach unten, sodass ich mein bündiges Ergebnis zwischen Menü und Slider hinbekomme.
Um noch kurz anzumerken: Der Platz am header ist gewollt, da ich ein etwas größeres "Logo" mit einfügen möchte, also sollte möglichst so bleiben.
Ich hoffe mir kann jemand helfen.
Vielen herzlichen Dank im Voraus!
MfG