Autor
Nachricht
meinetest
26.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
↑
podologie-jakoby
26.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
↑
meinetest
26.01.2009 um 17:38 (UTC) Titel:
Ja
danke
ich mein aber das hindergrund bild
↑
podologie-jakoby
26.01.2009 um 17:50 (UTC) Titel:
hintergrundbild? von was?
mfg
↑
meinetest
↑
podologie-jakoby
26.01.2009 um 18:07 (UTC) Titel:
achso!
ja tut mir leid, aber das weiß ih leider auch nicht!
mfg
↑
meinetest
26.01.2009 um 18:13 (UTC) Titel:
ok aber danke
weiß das einer
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
26.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
↑