Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.01.2009 um 17:16 (UTC)    
Titel: Navi Bild

Hallo HPBK User

Frage

wo kann ich das Bild in der navi machen oder Fehlt mir da was ?

Code:
#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:#69a8dd;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 1000px;
height:585px;
background-image:url(http://www.uploadplanet.de/bild.php/44744,habbowolkenfax5xMZJSI.jpg);}

#header_container {
position: absolute;
left: 50%;
margin-left:-310px;
width:700px;
height:100px;
top:45px;
background-color:#343434;
background-image:url();
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}


#content {
position: absolute;
left: 50%;
top: 150px;
margin-left:-310px;
width: 680px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url();
border: 1px solid #FFFFFF;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:150px;
margin-left: -490px;
width: 160px;
height:400px;
border:1px solid #FFFFFF;
overflow:auto;}

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:#343434;
background-image:url(HIER BUTTON-URL_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}


Mit freundlichen Grüßen
Beitrag26.01.2009 um 17:24 (UTC)    
Titel: Re: Navi Bild

meinetest hat Folgendes geschrieben:

#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:#69a8dd;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 1000px;
height:585px;
background-image:url(http://www.uploadplanet.de/bild.php/44744,habbowolkenfax5xMZJSI.jpg);}

#header_container {
position: absolute;
left: 50%;
margin-left:-310px;
width:700px;
height:100px;
top:45px;
background-color:#343434;
background-image:url();
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}


#content {
position: absolute;
left: 50%;
top: 150px;
margin-left:-310px;
width: 680px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url();
border: 1px solid #FFFFFF;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:150px;
margin-left: -490px;
width: 160px;
height:400px;
border:1px solid #FFFFFF;
overflow:auto;}

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:#343434;
background-image:url(HIER BUTTON-URL_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}


Meiner meinung nach stehen die doch schon da, du musst nurnoch Bilder einfügen!
Rot=Das erscheinungsbild
Blau=Das Bild wenn du mit der Maus darüber fährst

mfg
Beitrag26.01.2009 um 17:38 (UTC)    
Titel:

Very Happy Ja

danke

ich mein aber das hindergrund bild
Beitrag26.01.2009 um 17:50 (UTC)    
Titel:

hintergrundbild? von was?

mfg
Beitrag26.01.2009 um 18:03 (UTC)    
Titel:

http://www.uploadplanet.de/bild.php/45152,unbenanntIJZOF.jpg

bei der Navi ein bild im hintergrund da wo es blau istmochte ich ein bid rein mache nur ich weiß nicht wo ich de Adresse rein machen soll

die Butten weiß ich ja
Beitrag26.01.2009 um 18:07 (UTC)    
Titel:

achso!
ja tut mir leid, aber das weiß ih leider auch nicht!

mfg
Beitrag26.01.2009 um 18:13 (UTC)    
Titel:

ok aber danke

weiß das einer
Beitrag26.01.2009 um 19:55 (UTC)    
Titel:

Hi, Ich würde mal sagen, dass es diese Klasse ist:
Zitat:
#nav_container{
position: absolute;
left: 50%;
top:150px;
margin-left: -490px;
width: 160px;
height:400px;
border:1px solid #FFFFFF;
overflow:auto;
background-image:url(Bild URL);}
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