Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.08.2011 um 15:10 (UTC)    
Titel: navigationsfeld hinzufügen??

Ich möchte ein Desgin machen und bis jetzt klappt alles aber ich kann kein navifeld hinzufügen, es sollte so aussehen : http://02111973.de.tl/Titel-der-neuen-Seite.htm (wie auf dem link)

ich weiß auch nicht wo man den code hinzufügen soll?? wäre toll wen mir jemand helfen kann Smile


text über dem desgin
Code:
<div id="Mein_Bild"></div>

<div id="header"><img src="http://img.webme.com/pic/0/02111973/nehmediesenhedaer.png"></img></div>



<div id="navibox">
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>
<a href="url" class="navi">Navititel</a>


</div>

<div id="navibox2">
<a href="url" class="navi2">#1</a>

<a href="url" class="navi2">#2</a>
</div>


css-code ohne style tags
Code:

.h1 {
font-family: Georgia,Arial;
text-transform: uppercase;
font-weight:bold;
font-size: 15px;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: left;
letter-spacing: 1px;
padding-left: 14px;
color: #a7a7a7;
background: transparenz;
border-left: 20px solid #7d8e0e;
background-color: #;
padding-top: 2px;
}

#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;}
 #delightful_content {display: none;}
 #nav{display: none;}
 div.header{display: none;}
 h2#title{display: none;}

a:link {
color: #999999;
background-color: #;
text-decoration: none;}

a:visited {
color: #999999;
background-color: #;
text-decoration: none;
}

a:hover {
color: #000000;
background-color: #;
}

b, strong{
color:#9b9800;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image:url(http://img.webme.com/pic/0/02111973/21lmvf8.png);
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:500px;
border:0px;}

#content {
position: absolute;
top:498px;
border-top: 0px solid #343434;
background-color: #ffffff;
margin-left: 120px;
width: 490px;
left: 170px;
color: #454545;
padding-right:10px;
padding-left:10px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
background-color: #ffffff;
font-family: Franklin Gothic Book,arial;
font-size: 11px;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}

#header{
position: absolute;
left:290px;
top:153px;
border: 5px solid #ffffff;
overflow:auto;}


#navibox{
position: absolute;
left:322px;
top:163px;
padding: 5px;
width: 100px;
overflow:auto;}

#navibox2{
position: absolute;
left:791px;
top:145px;
padding: 5px;
width: 140px;
overflow:auto;}

.infobox {
padding: 5px;
border-bottom: 1px dotted #7d7d7d;
background-color: #dddddd;
text-shadow:#ffffff  1px 1px;
text-align: left;
widht: 150px;
}

::-moz-selection
{
color: #d8f589;
background-color: #7da318;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;
width: 100px;
height: 15px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #bababa;
background-color:#272e55;
background-image:url();
border-bottom: 0px solid color:#ffffff; }



li.nav_element a:hover{
color: #ffffff;
background-color:#272e55;
background-image:url(xx);}           


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #ffffff;
text-shadow: #4b4b4b 1px 1px;
}

A.navi:hover {
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #e8e8e8;
background-image:url();
text-shadow: #4b4b4b 1px 1px;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 7px;
padding-bottom: 7px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
color: #ffffff;
background-color:#b7b400;
text-shadow: #4b4b4b 1px 1px;
}

A.navi2:hover {
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 7px;
padding-bottom: 7px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
color: #e8e8e8;
background-color:#b7b400;
text-shadow: #4b4b4b 1px 1px;
}
Beiträge der letzten Zeit anzeigen:   


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