Autor
Nachricht
kotzz
02.02.2009 um 16:39 (UTC) Titel: Navi soll oben sein
Hallo ich will mein Navi nach obent setzten!! Aber es ist in der mitte vom Banner
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}
.menu li
{
width: 200px;
float: left;
}
.menu a
{
border: 1px solid #F2F2F2;
background-color:#3154FF;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}
.menu a:hover
{
background-color: #000C32;
}
#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Sonstiges</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://kotzz-chat.mainchat.de/" target="_self">kotzz-Chat</a></li>
<li><a href="http://kotzz.ourtoolbar.com/" target="_self">Toolbar</a></li>
<li><a href="http://kotzz.de.tl/Impressum.htm" target="_self">Impressum </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Designs</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://kotzz-designs.de.tl/Avatar_Galerie.htm" target="_self">Avatar-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Signatur_Galerie.htm" target="_self">Signatur-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Design_Galerie.htm" target="_self">Design-Galerie</a></li>
</ul>
</li>
</ul>
</div>
Das habe ich bei text über Design!
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 16:44 (UTC) Titel:
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 80 px;
left: 50%;
margin-left:-290 px;
width: 100%;
}
.menu li
{
width: 200px;
float: left;
}
.menu a
{
border: 1px solid #F2F2F2;
background-color:#3154FF;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}
.menu a:hover
{
background-color: #000C32;
}
#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Sonstiges</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://kotzz-chat.mainchat.de/" target="_self">kotzz-Chat</a></li>
<li><a href="http://kotzz.ourtoolbar.com/" target="_self">Toolbar</a></li>
<li><a href="http://kotzz.de.tl/Impressum.htm" target="_self">Impressum </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Designs</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://kotzz-designs.de.tl/Avatar_Galerie.htm" target="_self">Avatar-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Signatur_Galerie.htm" target="_self">Signatur-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Design_Galerie.htm" target="_self">Design-Galerie</a></li>
</ul>
</li>
</ul>
</div>
Habe es dir rot markiert womit du positionieren kannst!
↑
kotzz
02.02.2009 um 16:50 (UTC) Titel:
cool danke hat geklappt!! So noch ne frage ich habe oben rechts bei meinem Banner so ein feld!! wie lösch ich das??? Ich glaub das war der Counter denn ich nicht richtig gelöscht habe!!???
Zitat: #extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#6D6565;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 1150px;
height:1150px;
background-image:url() ;}
#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 950px;
height:100px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/bannernew.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 580px;
height: 580px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/backblue.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 260px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:10px solid #2B2020;
color:#000000;
overflow:auto;}
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -470px;
width: 160px;
border:10px solid #2B2020;}
ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}
li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#2B2020;
background-image:url(http://img.webme.com/pic/k/kotzz/buttonice.jpg);
border: 2px solid #2B2020;}
li.nav_element a:hover{
color: #000000;
background-color:#10C6EB;
background-image:url();}
Zuletzt bearbeitet von kotzz am 02.02.2009, 17:51, insgesamt einmal bearbeitet
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 16:56 (UTC) Titel:
Zitat: #extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#6D6565;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 1150px;
height:1150px;
background-image:url() ;}
#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 950px;
height:100px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/bannernew.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 580px;
height: 580px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/backblue.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 260px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:10px solid #2B2020;
color:#000000;
overflow:auto;}
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -470px;
width: 160px;
border:10px solid #2B2020;}
ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}
li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#2B2020;
background-image:url(http://img.webme.com/pic/k/kotzz/buttonice.jpg);
border: 2px solid #2B2020;}
li.nav_element a:hover{
color: #000000;
background-color:#10C6EB;
background-image:url();}
Das rote einfach löschen!
Achja das was du meinst ist nicht ein Banner sondern ein Header !
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.02.2009 um 16:56 (UTC) Titel:
Zitat: #counter {
position: absolute;
left: 50%;
top:30 px;
margin-left: 300 px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
Ändere das mal in:
Zitat: #counter{display: none;}
Oder soll der nur in der position geändert werden?
(Dann musst du die zahlen beim
blau makierten ändern)
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 02.02.2009, 17:57, insgesamt einmal bearbeitet
↑
kotzz
02.02.2009 um 17:00 (UTC) Titel:
so danke,sorry meinte header aber hab banner geschrieben
Habe counter gelöscht!!
↑
simulation-stadium
02.02.2009 um 17:46 (UTC) Titel:
Gibt´s sowas auch für den Butterfly Design?
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.02.2009 um 17:50 (UTC) Titel:
Ja, einfach den Code von oben nehmen,
denn das Coolmenü kannst du im jedem Design verwenden,
du solltest dann nur das Aussehen und die Links ändern.
mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑