style hilfe

Beitrag von **Nathaly** » Sa 24. Nov 2012, 14:14

Hallo

ich versuche gerade ein npage hilfe style einzubauen aber irgentwie komme ich nicht weiter

http://npage-hilfe.net/tools/templates/ ... index.html

HP http://nicoles-einblicke.npage.de/

Desgin

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>nicoles-einblicke</title>
<link href="http://file1.npage.de/010516/73/html/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <div id="aussen"><a name="top"></a>
  <div id="navioben">
<table width="100%" align="center" id="menu1" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" width="20%"  ><a href="index.html" >Musterlink 1</a></td>
<td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
<td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
  
<td align="center" width="20%"  ><a href="index.html" >Musterlink 2</a></td>
<td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
<td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
  
<td align="center" width="20%"  ><a href="index.html" >Musterlink 3</a></td>
<td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
<td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
  
<td align="center" width="20%"  ><a href="http://www.npage-hilfe.de" target="_blank">Npage-hilfe.de</a></td>
<td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
<td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td>
  
<td width="20%" align="center"><a href="http://npage-hilfe.net" target="_blank">Webmaster Portal</a></td>
</tr>
</table>
    </div>
<div id="header"></div>
<div id="navi">
  
<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556; border-bottom:solid 1px #5A5556;">

<tr><td><a href="index.html" >Musterlink 4</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

</table>
  
<div class="navibox">Navigation 1</div>

<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556; border-bottom:solid 1px #5A5556;">

<tr><td><a href="index.html" >Musterlink 5</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

<tr><td><a href="index.html" >Musterlink 6</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

<tr><td><a href="index.html" >Musterlink 7</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

<tr><td><a href="index.html" >Musterlink 8</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

</table>

<div class="navibox" align="center" >Navigation 2</div>

<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;">

<tr><td><a href="index.html" >Musterlink 9</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

<tr><td><a href="index.html" >Musterlink 10</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

<tr><td><a href="index.html" >Musterlink 11</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

<tr><td><a href="index.html" >Musterlink 12</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
   
<tr><td><a href="index.html" >Musterlink 13</a></td></tr>
<tr><td class="trenn"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr><td class="trenn2"><img src="bilder/pixelspace.gif" width="1" height="1" border="0" alt="" /></td></tr>

</table>
  
</div>
<div id="inhalt">

style.css

Code: Alles auswählen

/*CSS Format by http://npage-hilfe.de*/

body {
  color: #7F00E5;
  font-family: Verdana;
  font-size: 16px;
  background-color: #FFFFFF;
  background-image: url(bilder/bg.jpg);
  background-repeat: repeat-x;
  background-attachment: fixed;
}
a:link {
  font-family: Verdana;
  font-size: 16px;
  color: #D02090;
  text-decoration: none;
}
a:visited {
  color: #D02090;
  text-decoration: none;
}
a:active {
  color: #D02090;
  text-decoration: none;
}
a:hover {
  color: #000088;
  text-decoration: underline;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #D02090;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #7F00E5;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #7F00E5;
}
#aussen {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(http://file1.npage.de/010516/73/bilder/bg2.jpg);
  background-repeat: repeat;
  background-color: #FF99CC;
  border: ridge 10px #FFE4E1;
}
#navioben {
  float: left;
  height: 70px;
  width: 100%;
  color: #FFF;
  background-color: #FF66FF;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 12px;    
}
#header {
  float: left;
  height: 250px;
  width: 100%;
  background-image: url(http://file1.npage.de/010516/73/bilder/header.jpg);
  background-repeat: no-repeat;
  background-position:  center;
  background-color: transparent;
  color: #FF00FF;
  border-top: ridge 6px #FFE4E1;
  border-right-width: 0px;
  border-bottom: ridge 6px #FFE4E1;
  border-left-width: 0px;
}
#navi {
  float: left;
  width: 225px;
  border-top: ridge 0px #FFE4E1;
  border-right: ridge 6px #FFE4E1;
  border-bottom: ridge 6px #FFE4E1;
  border-left: ridge 0px #FFE4E1;
  background-color : transparent;
  font-size: 16px;
  color: #7F00E5;
}
.navibox {
  float: left;
  width: 225px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-top: ridge 3px #FFE4E1;
  border-right: ridge 6px #FFE4E1;
  border-bottom: ridge 3px #FFE4E1;
  border-left: ridge 0px #FFE4E1;
  background-color : #FFBBFF;
  background-image : url(bilder/bg_box.jpg);
  background-repeat : no-repeat;
  margin-top: -2px;
  font-size: 18px;
  font-weight: bold;
  color: #7F00E5;
}
#menu1 a, #menu1 a:visited , #menu1 a:active {
  display: block;
  height: 70px;
  line-height: 70px;
  color: #111111;
  font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  background-color: #FFBBFF;
  background-image: url(bilder/button1.jpg);
  background-repeat: repeat-x;
  background-position:  50% 0%;
  border-top: solid 1px #FFFFB2;
}
#menu1 a:hover {
  color: #000088;
  text-decoration: none;
  background-image: url( http://file1.npage.de/010516/73/bilder/bg_box.jpg);
  background-color: #FFE1FF;
}
.trenn {
  width: 1px;
  background-color: #FFE4E1;
}
.trenn2 {
  width: 1px;
  background-color: #CDB5CD;
}
#menu2 a, #menu2 a:visited , #menu2 a:active {
  display: block;
  width: 225px;
  height: 40px;
  line-height: 40px;
  color: #111111;
  font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
  font-size: 17px;
  text-align: center;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  background-image: url(bilder/button3.jpg);
  background-color: #FFBBFF;
  border: 0px;
}
#menu2 a:hover {
  color: #000088;
  text-decoration: none;
  background-image: url(bilder/button4.jpg);
  background-color: #FFE1FF;
}
#inhalt {
  float: left;
  width: 630px;
  padding: 1px;
  margin-top: 2px;
  margin-bottom: 12px;
  margin-left: 25px;
  border: 0px;
}
#footer {
  width: 900px;
  height: 30px;
  text-align:  center;
  padding-top: 6px;
  margin-right: auto;
  margin-left: auto;
  border-top: ridge 6px #FFE4E1;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  background-image: url(.jpg);
  background-color: #FFBBFF;
}
.copyright {  
  font-size: 16px;
  font-family: Impact;
  font-weight: normal;
  color: #7F00E5;
  text-align: center;
}  
.copyright a {
  font-size: 16px;
  font-family: Impact;
  font-weight: normal;
  color: #7F00E5;
  text-decoration: underline;
}
.copyright a:hover {
  color: #000088;
  text-decoration: none;
}
.clear {
  clear : both;
}

Beitrag von **goefi-chiangmai** » Sa 24. Nov 2012, 14:49

Und wo liegt das Problem?
kleiner Tip: Wenn das richtige Download Paket genommen hättest, müsstest an der CSS rein gar nichts machen ausser Hochladen
wenn nach dieser Anleitun Vorgehst: Design Einbauen - Npage-hilfe.de Design bei Npage Einbauen

Beitrag von **Nathaly** » Sa 24. Nov 2012, 15:06

ja das habe ich npage

ich komme mit den Bilder Namen nicht klar wo was hin gehört

bg.jpg
bg2.jpg
bg_box.jpg
button1.jpg
button2.jpg
button3.jpg
button4.jpg
header.jpg
pixelspace.gif

Beitrag von **goefi-chiangmai** » Sa 24. Nov 2012, 15:13

In der Beschreibung Steht nichts von Bildernahmen wechseln in der CSS, musst aber die extra CSS hochladen im Ordner von Bildern!
Sonnst der Name ist immer identisch

Das ist so gemacht damit an der CSS nichts machen musst, genau wegen solchen sachen, die Dir bereits passierten, wo eventuell nicht jeder Browser Schluckt
background-image: url(?http://file1.npage.de/010516/73/bilder/bg_box.jpg);

Beitrag von **Nathaly** » Sa 24. Nov 2012, 15:17

Axso dann muss ich die Bilder style.css da hoch laden ?

es gibt 2 style.css Datein

so hab neu hoch geladen und was mache ich jetzt ?

hab jetzt so gemacht wie beschrieben aber irgendwie klappt das nicht

Beitrag von **goefi-chiangmai** » Sa 24. Nov 2012, 15:26

Seite aufruffen und es funktioniert, Du musst jedoch den Cache leeren.
Wir können leider ja nicht gucken!

Das einzige was bei diesem Design musst, ist im HTML Header die pixelspace.gif : richtig http://file1.npage.de/010516/73/bilder/pixelspace.gif verlinken, das funktioniert bei npage leider noch nicht automatisch

Beitrag von **Nathaly** » Sa 24. Nov 2012, 15:27

und wo kommt die hin ?

Beitrag von **goefi-chiangmai** » Sa 24. Nov 2012, 15:36

Hast es ja oben reingestellt bei jedem Link

Beitrag von **goefi-chiangmai** » Sa 24. Nov 2012, 17:24

Rein zur INFO:

Schlussendlich war alles richtig, obwohl ich auch nur eine Weisse seite sah!
Hatte mich dann für Sie EINGELOGT um alles zu konntrolieren, war aber alles komlett korreckt

Problemlösung:
das nPage Account hat einen fehler, hatte nochmals einen neuen Style erstellt alles rüberkopiert, Style auf den neuen zugewissen, und siehe da es ging!
Ich Spinne und treume nicht, der style war in diesem Account kaputt..........funktionsunfähig
Also wenn ihr mal probleme habt, Style löschen und einen neuen erzeugen!
---------------------------------------------------------
Bin mir am überlegen ob ich das im Supportforum melden soll..............vermutlich kommen dann wieder schlaumeier wo von Browser cache leeren sprechen und Glauben tut es eh niemand das an einigen Account manchmal fehler vorkommen

Beitrag von **Nathaly** » So 25. Nov 2012, 15:45

wie krieg ich die Navigation Schrift 1 und 2 weg ? :U

HomepageHelfer.org

style hilfe

style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Re: style hilfe

Wer ist online?