anpera.net
https://anpera.homeip.net/phpbb3/

Login verschieben !
https://anpera.homeip.net/phpbb3/viewtopic.php?f=34&t=5025		 Seite 1 von 1
Autor:  halfen [ Mi 28 Okt, 2009 16:25 ]
Betreff des Beitrags:  Login verschieben !


Moin!
Ich möchte den kompletten Loginkram (inputs,button usw) ganz oben rechts im Bildschirm haben.. also im header (ist es doch glaub ich ôÒ)

Habe dafür auch schon in die HTML Datei bei den Templates alles reingeschrieben und in der common.php {username},{passwort} und {button} ins header, bzw footer gesetzt.. aber das einloggen klappt einfach nicht.. wird immer angezeigt, dass die Logindaten Fehlerhaft seien (PW oder Benuternamen, obwohl alles richtig ist..

Des Weiteren wird nun dort, wo also ursprünglich der ganze Loginkrams war (also in der Mitte des Bildschirms) folgender Text angezeigt:

Zitat:
Warnung: Das username Teil wurde im login Template nicht gefunden! ( )
Warnung: Das password Teil wurde im login Template nicht gefunden! ( )
Warnung: Das button Teil wurde im login Template nicht gefunden! ( )


hab nun mal in allen Datein gesucht, wo das i-wie festgelegt wird, habe aber nichts gefunden >.<"

Könntet ihr mir dabei weiter helfen?

Also hier nochmal, was ich möchte:

* Der ganze Krams zum einloggen (inputs,buttons, username und passwort (auch pw vergessen) sollen ganz oben rechts auf dem bildschirm sein!

* nach dem einloggen sollen dort die Logindaten (Loginname) und ein paar Eckdaten, wie Gold stehen..

Hat da jemand ne Idee oder sowas?
Autor:  Eliwood [ Mi 28 Okt, 2009 18:09 ]
Betreff des Beitrags:  Re: Login verschieben !
Und die Frage, die ich bei jedem solcher Threads stelle:
Warum verändert man denn das HTML-Gerüst, wenn man alles mit CSS machen könnte mit dem korrekten HTML-Gerüst?

Und nun zum Problem: Der Loginteil ist weder in header - noch in footer vorhanden, sondern der ist ein eigener "Teil" der template-Datei. <!--!login--> müsste er heissen, wenn ich mich nicht irre. Den irgendwohin zu schieben, wo er nicht hingehört, ist gefährlich.
Der Loginteil wird von der index.php da hingepflanzt, wo er hinsoll - in den Fliesstext. Willst du hingegen eine andere Position, musst du den Loginteil auf einen div-Layer umschreiben - und den absolut an Seitenkopf positionieren.

PS: Farben sind eigentlich zur hervorhebung gedacht, nicht zur komplett-Färbung des Textes. Bisweilen hat hier niemand daran gedacht, seine Texte komplett einzufärben - und ich denke, dass viele dankbar wären, wenn das so bleibt. Schwarz auf Weiss (oder sehrhellblau) reicht völlig aus.
Autor:  halfen [ Mi 28 Okt, 2009 18:24 ]
Betreff des Beitrags:  Re: Login verschieben !
Ok, sry wegen der Dauerfärbung..

Mit der <!--!login--> hast du recht, deswegen kam auch diese Warnung zu stande, da ich dort ja nichtsmher hatte..

Und ganz oben rechts (also die Position des Loginzeugs) muss nicht unbedingt vom Monitor bzw bildschirm abhängig sein.. es soll einfach in der gleichen spalte sein, wie der header (wo bei der Startseite einfach Legend of the Green Dragon steht, nur auf der rechten Seite)

Inwiefern, bzw was muss ich in der index.php denn ändern, um das gesamte Loginteil zu verschieben?

Die ist das eizige, was ich da in Richtung von den input Teilen finde:

PHP:
output("<form action='login.php' method='POST'>"
.templatereplace("login",array("username"=>"<u>N</u>ame","password"=>"<u>P</u>asswort","button"=>"Einloggen"))
."<a href='anmelden.php?op=lostpw'>Passwort vergessen?</a></form>`c",true);
// Without this, I had one user constantly get 'badnav.php' :/ Everyone else worked, but he didn't
addnav("","login.php");


Da es aber ein Fließtext ist (also von oben nach unten) müsste ich dies doch nach oben verschieben, aber dann geht es doch nur bis unter den Header oder irre ich mich?
Autor:  Eliwood [ Do 29 Okt, 2009 15:21 ]
Betreff des Beitrags:  Re: Login verschieben !
Ich sagte doch bereits: Du musst den Login-Teil als div-Layer schreiben und ihn dann mit CSS absolut am oberen Rand positionieren. Im HTML-Code musst du, ausser den Login-Teil in ein Div-Layer stecken, nichts machen.
Autor:  Marja [ Fr 30 Okt, 2009 00:56 ]
Betreff des Beitrags:  Re: Login verschieben !
Ich sag nur zwei Sachen index.php und common.php.
Der Fehler kommt nicht aus der Umlaufbahn, nur weil er gerade einen schlechten Tag hat und dich ärgern möchte.
Wie wäre es wenn du mal konkret in diesen beiden Php's nach ihm suchst?

Okay, will mal nicht so sein ;)
Lösch den Teil mal aus der index. Also ich mein den:
$this->bbcode_second_pass_code('', 'output("<form action='login.php' method='POST'> "
.templatereplace("login",array("username"=>"`XCharaktername","password"=>"`XPersönliches Kennwort","button"=>"Auf die Insel"))
."</form>`c",true);')

und im Template dann entsprechend anpassen, ich denk das wirst du allein hinbekommen.
Ick gloub das wars? Wenn ich was vergessen hab, laut schreien >.<
Autor:  halfen [ Di 03 Nov, 2009 20:19 ]
Betreff des Beitrags:  Re: Login verschieben !
ok, danke.. hat geklappt :)

nun habe ich jedoch ein weiteres problem.. habe nämlich ein eigenes template gebastelt.. fehlermeldungen kommen keine, jedoch ist der background einfach weiß, navi fehlt, keine bilder (aus der css übernommen) usw..

könntet ihr mal schauen, woran es liegt:

test.htm
$this->bbcode_second_pass_code('', '
<!--!header--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>{title}</title>
<link href="test.css" rel="stylesheet" type="text/css" />
{headscript} {script}
</head>

<body>
<center>
<table cellpadding="0" cellspacing="0" id="table_mother">
<tr>
<td width="17" height="17" class="eol" cellpadding="0" cellspacing="0">&nbsp;</td>
<td height="17" class="shadowup">&nbsp;</td>
<td width="17" height="17" class="eor">&nbsp;</td>
</tr>
<tr>
<td width="17" class="shadowleft">&nbsp;</td>
<td id="content">

<table border="1" cellpadding="0" cellspacing="0" id="table_inside">
<tr>
<td colspan="3" class="header">{important}&nbsp; {petition}&nbsp;
{forum}&nbsp;&nbsp; {mail}&nbsp;
{online}</td>
</tr>
<tr>
<td>&nbsp;</td><td class="news">&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td class="nav">{nav}</td>
<td>&nbsp;</td>
<td class="auslagern">{stats}</td>
</tr>
<tr>
<!--!footer-->
<td colspan="2" style="border-top-style: groove" class="copy"><font face="Arial" size="1">&nbsp;{copyright}&nbsp;
| {pagegen}</font></td>
<td class="fire" style="border-top-style: groove">
<p align="right"><font face="Arial" size="1"><a href='http://www.mozilla.com/firefox?from=sfx&uid=0&t=310' target="_blank">
<img src='http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/FF3_80x15_b.png' border="0"></a>&nbsp;</font></td>
</tr>
</table>

</td>
<td width="17" class="shadowright">&nbsp;</td>
</tr>
<tr>
<td width="17" height="17" id="eul">&nbsp;</td>
<td height="17" class="shadowdown">&nbsp;</td>
<td width="17" height="17">&nbsp;</td>
</tr>
</table>

</center>
</body>

</html>
<!--!statstart--><table cellpadding='0' cellspacing='0' class='charinfo' width='150'>
<!--!stathead--><tr><td class='charhead' colspan='2' align='left'><b>{title}</b></td></tr>
<!--!statrow--><tr><td class='charinfo' align='left'><b>{title}</b></td><td class='charinfo' align='left'>`^{value}</td></tr>
<!--!statbuff--><tr><td class='charinfo' colspan='2' align='left'><b>{title}:</b><br />{value}</td></tr>
<!--!statend--></table>
<!--!navhead--><span class='navhead'><center>&#8211;{title}&#8211;</center></span>
<!--!navhelp--><span class='navhelp'>{text}</span><br />
<!--!navitem--><a href='{link}' {accesskey} class='nav' width='135' {popup} >{text}</a><br />
<!--!login-->
<table cellpadding='0' cellspacing='0' id="logintable">
<tr>
<td class='logintext' style='text-align:right;vertical-align:top;'>{username} :</td>
<td class='logintext' style='text-align:center;vertical-align:top;'><br />
<input name='name' accesskey='u' size='10' style="float: left" /></td>
</tr>
<tr>
<td class='logintext' style='text-align:right;vertical-align:top;'>{password} :</td>
<td class='logintext' style='text-align:center;vertical-align:top;'>
<input name='password' accesskey='p' type='password' size='10' style="float: left" /></td>
</tr>
<tr><td colspan="2" class='pw' style='text-align:center;vertical-align:top;'>
<a href='anmelden.php?op=lostpw' style="text-decoration: none">
<font color="#FF0000">{pw}</font></a></td></tr>
<tr>
<td class='logintext' style='text-align:center;vertical-align:top;'>
<p align="center">
&nbsp;<input type='submit' value='{button}' class='logbutton' style="border: 1px solid #00FF00" tabindex="1" /></td><td><p align="center">
<a href="anmelden.php">
<input type='submit' value='{register}' class='logbutton' style="border: 1px solid #F30404" /></a></p></td>
</tr>
</table>
')

test.css
$this->bbcode_second_pass_code('', '
body{
background-color: #0030FF;
}

table#table_mother{
width:800px;
height: 800px;
border:none;
}

#content{
background-color: #0084FF;
}

.shadowleft{
background-image:url(rahmen/links.png);
background-repeat:repeat-y;
}

.shadowright{
background-image:url(rahmen/rechts.png);
background-repeat:repeat-y;
}

.shadowup{
background-image:url(rahmen/oben.png);
background-repeat:repeat-x;
}

.shadowdown{
background-image:url(rahmen/unten.png);
background-repeat:repeat-x;
}

#eol{
background-image:url(rahmen/eol.png);
}

#eor{
background-image:url(rahmen/eor.png);
}

#eul{
background-image:url(rahmen/eul.png);
}

#eur{
background-image:url(rahmen/eur.png);
}

table#table_inside{
width:100%;
height: 100%;
/* border:none; */
}

.header{
height:145px;
background-image:url(newbanner.png);
background-repeat:no-repeat;
background-position:center;
}

.news{
height:20px;
}

.nav{
width: 100px;
}

.auslagern{
width:100px;
}

.copy{
height:20px;
}

.fire{
width:100px;
height:23px;
}

table.charinfo{
border:none;
width:150px;
background:url(login.png);/* ARBEITEN!!!! */
background-repeat:repeat-y;
}

td.charinfo{
/* border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6D6D6D; */
border-right-style:none;
border-top-style:none;
border-left-style:none;
cursor:default;
}

td.charhead{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000000;
border-right-style:none;
border-top-style:none;
border-left-style:none;
cursor:default;
color:#FFFFFF;
}

.navhead {
text-decoration: none;
font-weight: bold;
color:#FFFF00;
cursor: default;
background-image: url(header_nav.jpg);
width: 137px;
height:auto;
line-height:18px;
text-align: center;
clear:none;
float:left;
padding:1px;
}

.navhelp{
text-decoration:none;
width:135px;
height:auto;
float:left;
clear:none;
background:url(backgr_nav.jpg);
padding:1px;
}

.navhi{
color:#C0C0C0;
}

a.nav{
text-decoration:none;
width:135px;
height:auto;
float:left;
clear:none;
background-image:url(submenu_16.jpg);
padding-top:2px;
padding-left:2px;
padding-bottom:2px;
padding-right:2px;
}

a.navhilite{
text-decoration:none;
width:135px;
height:auto;
padding:1px;
float:right;
clear:none;
color:#FFFF00;
background-color:#330000;
border-top:thin solid #330000;
border-bottom:thin solid #330000;
border-right:thin none #330000;
border-left:thin none #330000;
}

table.nav{
height:auto;
width:135px;
}


td#nav_tbl_grama{
vertical-align:top;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
}

table#nav_table_mother{
width:164px;
border:none;
}

a:hover.nav{
border-top:1px solid #E81506;
border-left:1px solid #E81506;
border-bottom:1px solid #6B0801;
border-right:1px solid #6B0801;
background-image: url(navhover.jpg);
/*padding-top:1px;
padding-left:1px;
padding-bottom:1px;
padding-right:1px;*/
}

a:hover.navhilite{
background-color:#990000;
border-top:thin outset #CC0000;
border-right:thin none #CC0000;
border-bottom:thin outset #CC0000;
border-left:thin none #CC0000;
}

')
ihr könnt die Datein auch downloaden


wenn man die test.htm alleine startet, wird noch alles korrekt dargestellt (bei euch düfte der banner im header fehlen, weil der image ordner nicht mitbei ist, aber das ist ja egal..)

könnte es sonst an diesem teilstück in der test.htm liegen:

$this->bbcode_second_pass_code('', '<!--!statstart--><table cellpadding='0' cellspacing='0' class='charinfo' width='150'>
<!--!stathead--><tr><td class='charhead' colspan='2' align='left'><b>{title}</b></td></tr>
<!--!statrow--><tr><td class='charinfo' align='left'><b>{title}</b></td><td class='charinfo' align='left'>`^{value}</td></tr>
<!--!statbuff--><tr><td class='charinfo' colspan='2' align='left'><b>{title}:</b><br />{value}</td></tr>
<!--!statend--></table>
<!--!navhead--><span class='navhead'><center>&#8211;{title}&#8211;</center></span>
<!--!navhelp--><span class='navhelp'>{text}</span><br />
<!--!navitem--><a href='{link}' {accesskey} class='nav' width='135' {popup} >{text}</a><br />
<!--!login-->
<table cellpadding='0' cellspacing='0' id="logintable">
<tr>
<td class='logintext' style='text-align:right;vertical-align:top;'>{username} :</td>
<td class='logintext' style='text-align:center;vertical-align:top;'><br />
<input name='name' accesskey='u' size='10' style="float: left" /></td>
</tr>
<tr>
<td class='logintext' style='text-align:right;vertical-align:top;'>{password} :</td>
<td class='logintext' style='text-align:center;vertical-align:top;'>
<input name='password' accesskey='p' type='password' size='10' style="float: left" /></td>
</tr>
<tr><td colspan="2" class='pw' style='text-align:center;vertical-align:top;'>
<a href='anmelden.php?op=lostpw' style="text-decoration: none">
<font color="#FF0000">{pw}</font></a></td></tr>
<tr>
<td class='logintext' style='text-align:center;vertical-align:top;'>
<p align="center">
&nbsp;<input type='submit' value='{button}' class='logbutton' style="border: 1px solid #00FF00" tabindex="1" /></td><td><p align="center">
<a href="anmelden.php">
<input type='submit' value='{register}' class='logbutton' style="border: 1px solid #F30404" /></a></p></td>
</tr>
</table>')

muss ich alle classe's in die css datei übernehmen und in das template stopfen?

lg
Autor:  Marja [ Di 03 Nov, 2009 21:47 ]
Betreff des Beitrags:  Re: Login verschieben !
Bei mir fehlt die Navi nicht, sie ist einfach nur total falsch positioniert.
Desweiteren achte bitte dadrauf, das deine Bilder den richtigen Pfad bekommen.
Ein Beispiel ist
$this->bbcode_second_pass_code('', 'rahmen/links.png')

Hast du nen Ordner namens Rahmen? Gibt es vielleicht auf deinem Server weitere Ordner, die ebenfalls erwähnt werden müssen,
wie
$this->bbcode_second_pass_code('', 'templates/images/rahmen/links.png') ?
Autor:  halfen [ Di 03 Nov, 2009 22:03 ]
Betreff des Beitrags:  Re: Login verschieben !
alle verzeichnisse zu den grafiken liegen vor.. wiegesagt.. wenn ich einfach nur die *.htm mit firefox öffne, wird das design richtig angezeigt,..
nur wenn ich auf den server gehe (localhost), dann schauts zerstört, bzw gar nocht vorhanden aus..

die navi hab ich auch grad gefunden usw.. aber wiegesagt. völlig an der falschen stelle
Autor:  Auric [ Di 03 Nov, 2009 23:19 ]
Betreff des Beitrags:  Re: Login verschieben !
die .htm-Files liegen ja auch im templates-ordner, damit verschieben sich die relativen Pfade. Diese müssen vom deinem LotgD-Root aus angegeben werden.
Autor:  halfen [ Di 03 Nov, 2009 23:21 ]
Betreff des Beitrags:  Re: Login verschieben !
Ah, ok, der pfad zur css stimmt nicht.. danke :)

ich werde dieses thema evtl bei weiteren problemen nutzen^^


//EDIT:

DIe Texte, die eig in den content sollten, werden nun entweder über, oder unter der gebauten tabelle angezeigt ôÒ

wenn ich si zB das Design zu diesem hier ändere, steht oben (also über den tabellen) dieses zeug hier:

$this->bbcode_second_pass_code('', 'Einstellungen gespeichert Skin:
test
o_test
Neues Passwort: (lasse das Feld leer, wenn du es nicht ändern willst)
Wiederholen:
E-Mail Adresse: ')

Neues Support Forum Nachrichten: 0 neu, 0 alt , die navi und stats werden in den dafür vorgesehenen zellen angezeigt..

unter den tabellen, wo eig nichts mehr sein sollte steht:

$this->bbcode_second_pass_code('', 'Einstellungen
E-Mail senden wenn du eine Nachricht bekommst?
E-Mail bei Systemmeldungen senden (z.B. Niederlage im PvP)?
Kein Wortfilter für Nachrichten?
Die Sounds deaktivieren?
Beschreibung des Kämpfers (Maximal 3000 Zeichen)
Link auf einen Avatar
(Bilddatei - maximal 400x400 Pixel)


...

')

und rechts von der tabelle, wo auch nichts sein sollte stehen die copyright infos ôÒ

wie kommt das zu stande?

würde euch ja gern ein bild uppen, klappt aber i-wie nicht so

//EDIT:

Habs gelöst^^
Autor:  halfen [ Mi 04 Nov, 2009 20:21 ]
Betreff des Beitrags:  Re: Login verschieben !
//new question

nun habe ich eine frage, bezüglich der addnavs.
ich möchte, dass das hintergrundbild von denen 100x30 px groß ist.. habe da auch schon ein passendes angefertigt..

habe in der *.css datei auch bei allen teilen, wo i-wie etwas mit navi steht die maße auf 100x30px geändert.. dennoch bleibt die größe gleich (also zu klein) und es wird nur ein teilbereich von meinem wunschBG angezeigt..
Autor:  Marja [ Fr 06 Nov, 2009 19:48 ]
Betreff des Beitrags:  Re: Login verschieben !
Class in der html defeniert? In html mal geschaut was da steht?
Es kann dir keiner helfen ohne den Code o.O
Seite 1 von 1 Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/