Content positionieren - nPage.de

Laura3 · #1 (**permalink**) 04.08.2012, 23:44

Guten Tag,

Ich habe eine Frage zum Eigenen Design. Hatte vor kurzem bei oyla.de eine Homepage mit eigenen Design und es hat einwandfrei funktioniert (Code siehte unten). Nun habe ich den alten Design Code im Editor von npage.de eingegeben. Das Grundgerüst ist io., aber der Content nicht. Dieser ist nämlich am Ende/unten am Design bzw. falsch positioniert. Ich bin kein Profi was HTML usw. angeht und habe ein bisschen herumgewerkelt, was bisher aber nicht funktioniert hat. Wie kann ich den Content "richtig" bei npage einfügen? Funktioniert die Funktion %content% nicht mehr?

Es gab bereits eine ähnliche Theards, die mir jedoch nicht weiter geholfen haben.

Content-Code / Oyla

Zitat:

.div
{

position:absolute;
top:550px;
left:440px;
width:940px;
height:950px;
overflow:auto;
}

<div class="div">
<table>
<tr>
<td>%content%</td>
</tr>
</table>
</div>

PS: Über HTML/CSS-Fehler bitte hinwegsehen. Wie gesagt, ich bin kein Profi. Hauptsache es funktioniert!

bolivien · #2 (**permalink**) 05.08.2012, 18:00

%content% gibt es bei NPage nicht, NPage baut ein eigenes Design immer aus
Design-Style-Header
Inhalt der Textseite (oder Gästebuch, Galerie usw)
Design-Style-Footer
zusammen.

Eine CSS-Anweisung wie

HTML-Code:

.div
{
position:absolute; 
top:550px; 
left:440px; 
width:940px; 
height:950px;
overflow:auto;
}

sollte immer so eingefügt werden:

HTML-Code:

<style type="text/css">
.div
 {
position:absolute; 
top:550px; 
left:440px; 
width:940px; 
height:950px;
overflow:auto;
}
</style>

HTML-Laie · #3 (**permalink**) 05.08.2012, 21:43

Habe mal dein Design überarbeitet und den Mischmasch aus Tabellen und divs halbwegs bereinigt. Habe die Tabellen entfernt.

Dieses kommt in den Style-Header:

Code:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="de">
<meta name="description" content="Beschreiben Sie Ihre Homepage hier bitte kurz.">
<meta name="robots" content="index, follow">
<base href="http://sirea-artworks.npage.de/">
<title>Sirea-Artworks</title>
<link rel="shortcut icon" href="http://file1.npage.de/011057/61/bilder/favicon2.ico">
<style type="text/css">
body {
font-size: 12px;
font-family: verdana;
color: #3b6d2e;
padding-left: 0px;
text-align: left;
background-color: #F6CE6C;
scrollbar-face-color : #F6CE6C;
scrollbar-shadow-color : white;
scrollbar-highlight-color : white;
scrollbar-3dlight-color : #F6CE6C;
scrollbar-darkshadow-color : #F6CE6C;
scrollbar-track-color: #F6CE6C;
scrollbar-arrow-color: #ffffff;
}

input, select, textarea
{
border:1px solid #3b6d2e;
color: #373B72;
background-color: #ffffff;
font-family: verdana;
font-size: 11px;
}
a:link{color:#3b6d2e; text-decoration:none;}
a:visited {color:#3b6d2e; text-decoration:none;}
a:active{color:#90c06a; text-decoration:none;}
a:hover{color:#90c06a; text-decoration:none; text-shadow:#ffffff 1px 1px; }
i, em {
font-family:verdana;
color: #feca67;
font-size: 11px;
line-height: 10px;
font-weight: italic; }

b, strong {
font-family:verdana;
color: #3b6d2e;
font-size: 11px;
line-height: 10px;
font-weight: bold; }

u {
font-family:verdana;
color: #feca67;
font-size: 11px;
line-height: 10px;
text-decoration: dotted;
text-decoration: underline; }

.navi {
font-family:verdana;
color: #516FEA;
font-size: 11px;
line-height: 10px;
text-decoration: dotted;
text-decoration: underline;
}

#content {
padding: 0px 40px;
overflow:auto;
}
.nav {
 padding:35px;
font-size: 15px;
line-height: 10px;
 }
.contentbg {

 font-size: 11px;
 font-family: Verdana;
 color: #363636;
 text-align: justify;
 background-image:url(http://file1.npage.de/011057/61/bilder/pause-navi-bg.png);
 border-radius:20px;
 -moz-border-radius:20px;
 -khtml-border-radius:20px;
 border-left: solid 2px #fe754a;
 border-right: solid 2px #fe754a;
}
</style>
</head>
<body background="http://file2.npage.de/011980/36/bilder/bg.png">
<div align="center">
<div style="width:1000px;height:1000px;background: url(http://file2.npage.de/011980/36/bilder/sa_1.png)">
</div>

<div style="position:absolute; top: 370px; left: 10px;">
<div class="navi" align="left">
<img src="http://www.oyla.de/userdaten/202/55647/bilder/button_allgemein.jpg">
<br>
<a href="LINK">Hauptseite</a><br>
<a href="LINK">Admin</a><br>
<a href="LINK">Kontakt</a><br>
<a href="LINK">G&#228;stebuch</a><br>
<a href="LINK">Verlinkung</a><br>
<a href="LINK">Credits</a><br></td>
</div>
<div class="navi" align="left">
<img src="http://www.oyla.de/userdaten/202/55647/bilder/button_geschichten.jpg">
<br>
<a href="LINK">Tesoro del mundo</a><br>
<a href="LINK">Kage o hisomeru</a><br>
<a href="LINK">Ysatnaf 3.0</a><br>
<a href="LINK">Damon&#228;</a><br>
<a href="LINK">Calthendirwen</a><br>
<a href="LINK">Amazonaslilie</a><br>
<a href="LINK">Xewn Ditin</a><br></td>
</div>
<div class="navi" align="left">
<img src="http://www.oyla.de/userdaten/202/55647/bilder/button_sonstiges.jpg">
<br>
<a href="LINK">Fortsetzungen</a><br>
<a href="LINK">Kurzgeschichten</a><br>
<a href="LINK">Neverending</a><br>
<a href="LINK">Andere Bilder</a><br>
<a href="LINK">Sonstiges</a><br></td>
</div>
</div>
<!-- Navi-->
<div class="contentbg" style="width: 600px; height: 70px; position: absolute; left: 345px; top: 265px; overflow: auto;">
<a class="nav" href="http://element-warriors.npage.de/pause.html">Home</a>
<a class="nav" href="http://element-warriors.npage.de/credits_50834672.html">Credits</a>
<a class="nav" href="http://element-warriors.npage.de/linkstuff_59726624.html">Linkstuff</a>
<a class="nav" href="http://feedbook.de/24354" target="_blank">G&#228;stebuch</a>
</div>
<!-- Navi Ende -->
<!-- EW News-->
<div class="contentbg" style="width: 600px; height: 100px; position: absolute; left: 345px; top: 160px; overflow: auto;">
<!-- EW News Ende -->
<b>Kurznews:</b> - News 1</div>
<!-- EW Navi-->
<div style="width: 500px; height: 585px; position: absolute; left: 230px; top: 365px; z-index: 1; overflow: auto;">
<!-- EW Navi Ende -->

<div id="content">

Der Rest in den Footer:

Code:

</div>
</div>
<div align="center">(c)Desiree B. | Sirea-Artworks | Optimiert f&#252;r Mozilla Firefox
</div>
</body>
</html>

Im Anhang ein Screenshot wie es aussieht.

MfG
Hape

Laura3 · #4 (**permalink**) 08.08.2012, 19:56

Vielen Dank für eure Hilfe. Gibt es echt gar keine Möglichkeit zu Oyla zurückzukehren? Ich kann mit npage überhaupt nichts anfangen, obwohl einige Funktionen "besser" sind. Ich meine, ich hatte vor kurzem noch eine Homepage bei oyla und habe sie gelöscht, da ich dachte, dass eine Neuregistrierung möglich sei.

bolivien · #5 (**permalink**) 08.08.2012, 19:59

Zitat:

Zitat von Laura3

Vielen Dank für eure Hilfe. Gibt es echt gar keine Möglichkeit zurück zu Oyla zu gelangen? Ich kann mit npage überhaupt nichts anfangen, "bessere" Funktionen hin oder her.

Oyla gibt es doch weiterhin !

Laura3 · #6 (**permalink**) 08.08.2012, 20:07

Zitat:

Zitat von bolivien

Oyla gibt es doch weiterhin !

Von "aussen" betrachten bringt mich nichts. Ich hätte gerne eine Homepage bei oyla, anstelle von npage. Bei einer oyla Registrierung werde ich jedoch automatisch zu npage weitergeleitet dh. ich kann oyla nur noch von "aussen" betrachten. (Das ist zum heulen!)

bolivien · #7 (**permalink**) 09.08.2012, 09:05

Zitat:

Zitat von Laura3

Von "aussen" betrachten bringt mich nichts. Ich hätte gerne eine Homepage bei oyla, anstelle von npage. Bei einer oyla Registrierung werde ich jedoch automatisch zu npage weitergeleitet dh. ich kann oyla nur noch von "aussen" betrachten. (Das ist zum heulen!)

Ich wusste bisher nicht, dass ASNetworks Oyla sterben lassen will. dann hast du keine Wahl. Wisch dir die Tränen aus dem Gesicht, vergiss Oyla und die Vorgehensweise dort und lerne mit NPage umzugehen.
Auch wenn dir manches ungewohnt erscheinen mag ist NPage besser als Oyla.

Cocktail · #8 (**permalink**) 09.08.2012, 18:58

Das mit dem Content hatte ich auch erst und da stehst halt alleine da, da keiner was zu dem Thema zu sagen hat, was einem wirklich mal weiter bringt.

Sich da Informieren und das nötige Wissen selber zu bekommen ist auf normalem Weg unmöglich:
In allen Tutorials die ich bisher angeschaut habe geht es nämlich immer darum sich entweder jede Seite inkl. Content zu erstellen und hochzuladen->oder man nimmt ein Grafikprogramm wie z.B. PS oder Dreamweaver und exportiert das als HTML/CSS.

Und da hat mal halt ein Problem, denn Beides lässt sich hier nicht einfügen.

So lange es da nicht ein richtiges Tutorial gibt, welches sich auf die Npage bezieht, kannst das vergessen hier auf eigene Faust was hinbekommen zu können!

bolivien · #9 (**permalink**) 09.08.2012, 19:23

Zitat:

Zitat von Cocktail

So lange es da nicht ein richtiges Tutorial gibt, welches sich auf die Npage bezieht, kannst das vergessen hier auf eigene Faust was hinbekommen zu können!

Meine Erfahrungen mit sehr vielen NPage-Nutzer, die keine umfangreichen Kenntnisse zu HTML/CSS hatten, besagen genau das Gegenteil.

Cocktail · #10 (**permalink**) 10.08.2012, 08:54

Zitat:

Zitat von bolivien

Meine Erfahrungen mit sehr vielen NPage-Nutzer, die keine umfangreichen Kenntnisse zu HTML/CSS hatten, besagen genau das Gegenteil.

Mal eine andere Frage: Will oder kann man einem nicht sagen, wie man hier von Null zum eigenen Design kommt und was dabei zu beachten ist?

Die Tutorials hier vermitteln nämlich, man könnte mit Photoshop ein Design malen und die exportierten Codes einfach hier einfügen...und da kennst du mehrere Leute die das hier so gemacht haben?

Denn als ich beim Ersteller nachgefragt hatte, wie man so ein Design hier einfügt, bekam ich die Antwort, dass er es selber nicht weiss und man sich halt jemanden suchen muss, der einem das für Npage "umcodet"!

Und bei meinem Dreamweaver-Design lief es einfach so: Man schrieb einen herablassenden Beitrag über die Software und dann lies man das Problem einfach im Raum stehen, wie es hier halt in der Regel bei dem Thema : "Eigenes Design", von denen die anscheinend wissen wie es geht, gehandhabt wird ohne mal ein richtiges Beispiel bzw. ein Muster auf den Tisch zu legen!