Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.11.2009 um 16:08 (UTC)    
Titel: Design CSS: Navigation

Hallo,
hab mich zum erstem mal an nen Css Design gewagt, aber bekomme die Navigation und die Links im Copyright nicht hin. Confused
Hier mein Code:
Code:
<div id="Dein_Design"></div>
<style type="text/css">
<!--
div.header {display: none;}
#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;}
#header_container {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;} div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}   
body { background-image:url(http://img.webme.com/pic/m/ms-testseite/bild2.png); font-family: arial,verdana; font-size:12px; color:#000000;}   
div{ font-family: arial,verdana; font-size:12px; color:#000000;}
content farbe   a{ color:#000000; font-size: 25px; text-decoration: none;} 
a:hover { color:#000080; font-size: 25px; text-decoration: none;}   
a:link { color: #000080; font-size: 12px; text-decoration: none;}   
a:active { color:#000080; font-size: 12px; text-decoration: none;}   
a:visited { color:#000080; font-size: 15px; text-decoration: none;}   
#Dein_Design { position: absolute; left: 50%; margin-left:-648px; width: 1280px; height: 1024px; background-image:url(http://img.webme.com/pic/m/ms-testseite/bild.png); background-repeat: no-repeat;}   
#content{ position: absolute; left: 50%; top: 400px; margin-left:-355px; width: 716px; height: 611px; color: #000000; background-image:url(); background-repeat: no-repeat; border: 0px solid #000000; overflow: auto;}   
#sidebar_container {display: none;}   
#counter {display: none;}   
li.nav_element{ list-style-type: none; border: 0px; width: 89,5px; height: 31px; text-align: center;}   
li.nav_element a{ display: block; width: 89,5px; height: 31px; margin: 0px; color: #000000; font-weight: bold; text-decoration: none; background-color: #xxxxxx; background-image: url(); background-repeat: no-repeat; padding-left: 0px; border: 1px solid #xxxxxx;}   li.nav_element a:hover{ display: block; color: black; font-weight: bold; text-decoration: none; background-color:#xxxxxx; background-image: url(); background-repeat: no-repeat; border: 1px solid #xxxxxx;}
-->
</style>


Lg. Wink
Beitrag30.11.2009 um 16:29 (UTC)    
Titel:

Dein Code ist völlig durcheinander so wirt es schwär zu helfen.

Ich habe dir denn Code mal bearbeidet und die Navigation eingefügt und rot makiert.


Zitat:
<div id="Dein_Design"></div>

<style type="text/css">
<!--

div.header {display: none;}
#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;}
#header_container {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#sidebar_container {display: none;}
#counter {display: none;}

body {
background-image:url(http://img.webme.com/pic/m/ms-testseite/bild2.png);
font-family: arial,verdana;
font-size:12px;
color:#000000;}

div{ font-family: arial,verdana;
font-size:12px;
color:#000000;}

content farbe a{
color:#000000;
font-size: 25px;
text-decoration: none;}

a:hover {
color:#000080;
font-size: 25px;
text-decoration: none;}

a:link {
color: #000080;
font-size: 12px;
text-decoration: none;}

a:active {
color:#000080;
font-size: 12px;
text-decoration: none;}


a:visited {
color:#000080;
font-size: 15px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-648px;
width: 1280px;
height: 1024px;
background-image:url(http://img.webme.com/pic/m/ms-testseite/bild.png);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 400px;
margin-left:-355px;
width: 716px;
height: 611px;
color: #000000;
background-image:url();
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;}

/* Titel Navigation */
#nav_heading {
padding:0px;
height:18px;
color:#000000;
font-size:14px;
font-family:arial;
text-align:center;
background-color:#XXXXXX;
background-image:url();
border:0px solid #000000;}

/* Feld Navigation */
#nav_container {
position:absolute;
top:100px;
left 50%;
margin-left: -475px;
width:120px;
height:200px;
background-color:#XXXXXX;
background-image:url();
border:1px solid #000000;
}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
border: 0px;
width: 89,5px;
height: 31px;
text-align: center;}

li.nav_element a{
display: block;
width: 89,5px;
height: 31px;
margin: 0px;
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #xxxxxx;
background-image: url();
background-repeat: no-repeat;
padding-left: 0px;
border: 1px solid #xxxxxx;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: bold;
text-decoration: none;
background-color:#xxxxxx;
background-image: url();
background-repeat: no-repeat;
border: 1px solid #xxxxxx;}


-->
</style>
Beitrag30.11.2009 um 16:36 (UTC)    
Titel:

Erstmal echt riesen dankeschön, für die schnelle hilfe. Very Happy
Aber wie bekomm ich unterschiedliche Buttons hin? Neutral

lg.
Beitrag30.11.2009 um 17:55 (UTC)    
Titel:

Bei Text über dem Desing einfügen:

Code:
<style type="text/css">
<!--
#nav_Titel{background-image:url();background-color: #XXXXXX;}
#nav_Titel{background-image:url();background-color: #XXXXXX;}
#nav_Titel{background-image:url();background-color: #XXXXXX;}
-->
</style>


oder so bei Css ohne Style Tags einfügen:

Code:
#nav_Titel{background-image:url();background-color: #XXXXXX;}
#nav_Titel{background-image:url();background-color: #XXXXXX;}
#nav_Titel{background-image:url();background-color: #XXXXXX;}


Beim Seitentitel muss der Name der Seiten eingetragen werden,
dabei ist folgendes zu beachten:

Der Seitentitel darf keine Leerzeichen oder Umlaute (äöü) enthalten,
die werden im Code einfach nicht berücksichtigt.

zB.

Das Gästebuch = DasGstebuch


Zuletzt bearbeitet von faxilein am 30.11.2009, 18:56, insgesamt einmal bearbeitet
Beitrag30.11.2009 um 18:18 (UTC)    
Titel:

Bräuchte ich für die Navigation nicht ein Coolmenü?

Arrow http://www.ms-testseite.de.tl

Klappt mit dem anderen nicht..

Lg. Wink


Zuletzt bearbeitet von marcelseidel am 03.12.2009, 19:00, insgesamt 2-mal bearbeitet
Beitrag03.12.2009 um 15:52 (UTC)    
Titel:

Push. Confused

-edit- Problem gelöst, jemand codet mir mein Design komplett neu.


Zuletzt bearbeitet von marcelseidel am 04.12.2009, 21:34, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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