WAS MAN SO BRAUCHEN KANN
Das ist jetzt keine offizielle Hilfeseite, aber mir hilft sie :D . Da ich ein faules Ego bin und auch nicht allwissend und mir vorallem auch nicht alles merke, habe ich hier die Dinge zusammengetragen die ich brauche oder oft im Hilfeforum gefragt werden :).


Zu bedenken, bevor man codet

  • Denkt daran, dass es User gibt, die vielleicht einen kleineren Bildschirm haben, eine Breite von ″800″ wird in der Regel von allen gut gesehen.
    Bedenkt das vor allem beim Coden der Lookups, "position:absolut in px angegeben" ist of relativ ^^ , verwendet, wenn möglich %.
  • Außerdem kann der selbe Code bei e toll aussehen und bei ff zum Weinen. Ich habe mir angewöhnt in ff zu coden, das passt meist auch für e und bedarf wenn, dann nur kleine Änderungen oder Zusätze, umgekehrt meistens nicht. Kontrolliern ist die beste Lösung.
    Ein gutes Beispiel sind Anker(Sonderzeichen gehen bei FF aber nicht bei IE) oder der hr-noshade-Code, der bei FF viel genauer definiert werden muss, als bei IE und man für eine gut aussehende Seite sogar beide Codes angeben muss.
  • Paige_321_9 ist eine sehr gute Seite um den Grundaufbau des User-Lookups zu verstehen.
    Hilfeseiten: Kaisrin, Flauschkopf
  • Generell ist es seit der letzten großen Filteränderung kaum mehr zu umgehen, verstehen zu müssen was man tut!
    Es ist hier allerdings auch kaum möglich gängige Codes zu verwenden, selbst TNTs eigene Petseiten gehen oft nicht durch den Filter, daher ist es wichtig zu wissen, wo nicht genau gecodet wurde, damit man bei der nächsten Filteränderung dort als erstes ansetzen kann, wenn man krampfhaft versucht sein Layout zu retten.
  • Je einfacher man codet, desto leichter hat man es und die nächsten Änderungen kommen bestimmt :( .

  • TNT LOOKUPCODE REGELN

    Dieser Artikel ist aus dem Editorial 230 und die Übersetztung habe ich EdiTrans zu verdanken!

    Okay, ich habe folgendes schon ins Hilfeforum gestellt, allerdings antwortete mir dort anscheinend niemand. Also dachte ich mir, gehe ich doch einfach direkt zur Quelle! Ich weiß, dass es bestimmte Regeln gibt, was man auf einem Profil oder in einer Gilde überdecken darf und was nicht, aber wie sieht es mit Geschäften aus? Ich bin letztens in ein Geschäft mit einem komplett neuem Seitenlayout gestolpert. Die Navigation (allerdings neu gestaltet) und die Gegenstände waren noch dort, aber alles andere (wie der Geschäftsführer, der "melde dieses Geschäft"-Link, usw.) waren verdeckt. Ist das gegen die Regeln? ~thedevilsarithmatic
    ANTWORT:
    Ähm, ja. Insbesondere den Link zum melden des Geschäfts zu verdecken ist nicht erlaubt. Kurz gesagt müssen alle Links immer da sein. Um das zu verdeutlichen ist hier noch mal eine Liste der klaren Regel zu diesem Thema.
    Benutzerprofil:
    Deine echten, offiziellen Statistiken MÜSSEN sichtbar sein. Du darfst diese nicht ersetzen. Auf jedem Profil müssen die offiziellen, voreingestellten Statistiken zu finden sein. (Der Infotextkasten, deine Neopets, deine Trophäen, usw.) Das ist einfach, damit jeder, der dein Profil besucht, sich sicher sein kann, dass diese Informationen dort stimmen. Du darfst dein Schild überdecken! Es ist ganz nett es mit etwas zu überdecken, was zu deinem Benutzerprofil passt. Dein Eintrittsdatum bei Neopets ist ja im Text angegeben, dass heißt, ein Schild zu überdecken verheimlicht nicht, wie lang du schon dabei bist. Allerdings ist es verboten das Schild mit einem anderem, offiziellen Neopian Schild zu überdecken. Wenn dein Schild "2 Jahre" anzeigt, dann darfst du es nicht mit einem Fünfjahresschild überdecken. Die Links der gelben Navigationsleiste sollten irgendwo so sein, dass man sie anklicken kann. Sie müssen nicht direkt auf der Navigationsleiste liegen, du kannst sie auch durch Textlinks ersetzen oder deine eigene Navigationsleiste machen. Was immer du willst, solange diese Links weiterhin auf der Seite sind. :)
    Pet Profil:
    Die echten Statistiken deines Neopets müssen sichtbar sein. Auch hier gilt, dass du diese weder ersetzen noch auf irgendeine Art und Weise überdecken darfst.
    Geschäft/Galerie:
    Da darfst die Navigationsleiste sowie die Kopfleiste ersetzen, solange ALLE Standartnavigationslinks wo anders in deinem Geschäft/deiner Galerie anklickbar sind. Wenn du diese Links nicht hast wird dein Geschäft/deine Galerie gelöscht. Prinzipiell müssen alle anderen Informationen wie Preise, dein Benutzerkontenname, Benutzerprofil- und Meldelink, usw. sichtbar und anklickbar sein. Speziell für Geschäfte gilt, dass du Schrift und Hintergrund NICHT gleich oder so ähnlich einfärben darfst, dass es schwierig ist die Preise der Gegenstände abzulesen. Dein Geschäft wird gelöscht, wenn ein Überwacher dies sieht. Ein Benutzer sollte klar und deutlich erkennen können was er kauft und wie viel es kostet.
    Gilden:
    Die echte Gildennavigation und der Willkommensteil müssen sichtbar sein. Du darfst alles andere mit Grafiken überdecken, allerdings MÜSSEN die Links aus der gelben Navigationsleiste irgendwo anders auf der Seite existieren, damit sich die Leute wieder aus deiner Gilde raus klicken können. Vielleicht haben wir einige Sachen vergessen, aber es sollte mit dieser Liste klar sein, was erlaubt ist und was nicht. :) Wenn du alle Originalinformationen sichtbar hast und der Benutzer auf alle Links, die dort auch normal sind, Zugriff hat, dann fährst du vermutlich gut mit deinem Code.

    Weitere Infos zu dürfen/nicht dürfen findet ihr bei Blutende_Sonne Funcodes z.B. Überdecken der Petbilder, ect.


    GRUNDWISSEN

    Styletag/sheet

    Mittels Styletags/sheets könnt ihr Grundinformationen einer Seite zusammenfassen oder bestimmte Abschnitte genau definieren. z.B. wie die Schrift Eurer Seite aussehen soll, die Links, Hintergründe in Tabellen, Überschriften, ect. Alles was einheitlich zusammengefasst werden kann, ist sinnvoll mit css zu coden und in die berühmten (style)-(/style) zu setzten.
    Wichtig ist sie auch immer zu schließen!
    VOR ALLEM TEXTAREAS, da kann euch nämlich sonst der ganze Code unter einer nicht geschlossenen Textarea verloren gehen!

    Ob nun b, style, div, table, center oder anderes eingesetzt wird ist egal, was ihr aufmacht muss auch geschlossen werden.
    Außerdem muss man jetzt nach jedem /center die Schriftfarbe, -größe, -stil wieder neu eingeben, falls man eine andere als in den Styletags definierte haben möchte

    Es gibt hier auf Neopets sehr viele gute Seiten, die Euch die zeigen, welche Befehle eingeben werden müssen um z.B. einen Text zu gestallten, eine andere Seite zu verlinken, Farben zu verwenden, ect.


    WAS GEHT NICHT MEHR

  • Marquee um die Schrift zu bewegen
  • target="_blank" um eine Verlinkung in einem neuen Fenster zu öffnen
    Helfen kann man sich:
    Wenn ihr ein Mausrad habt, auf dieses drücken
    statt der Maustaste gleichzeitig beim Klicken der linken Maustaste die Strg-Taste drücken
    mit der rechten Maustaste drücken und ″In einem neuen Fenster öffnen″ auswählen
  • Direktlink zum Userneomail auf Petpages. Man kann aber zum Userlookup verlinken auf Pet-Pages.
  • auch für die Positionierung eines Eck-Backgrounds muss man genauer werden - hier zu finden
  • u für Unterstreichen muss so gecodet werden
  • Anker mit Umlauten(ä,ö,ü), Leerzeichen und Sonderzeichen funktionieren nicht mehr bei IE, also lieber gleich lassen.
  • Der brühmte Schummelcode ist nun oft der der Grund warum ein Lay nicht mehr funktioniert.
  • Filter funktionieren auch nicht mehr
  • Wenn Ihr bei einem User- oder Pet-Lookup verbissen versucht etwas in die Mitte zu bekommen und es nicht klappt mit ″center″, probiert es so. Auch Rechts(right) und Links(left) können so angegeben werden
  • Außerdem muss man jetzt nach jedem /center die Schriftfarbe, -größe, -stil wieder neu eingeben, falls man eine andere als in den Styletags definierte haben möchte

  • BACKGROUNDCODES, CURSER, MUSIK

    BACKGROUNDCODES

    User-Lookup: Nick-Leiste ausblenden

    User-Lookup: graue Restleiste ausblenden

    ECK-Background und Art der Wiederholung eines Hintergrundes
    no-repeat, repeat, repeat-y, repeat-x
    Position: center; center top, bottom, left; left top,... ; pixel; %

    PPs: nur Hintergrundfarbe

    User-Lookup: Hintergrundbild

    Geschäft: Hintergrundbild

    CURSOR

    Lookup: BG und Cursor

    Geschäft: Cursor

    MUSIK

    Geschäft und Lookup: Musik
    Musik funktioniert eigentlich nur bei ie. Es gibt aber eigentlich auch keine erlaubte Musik, die hier abgespielt werden darf, außer die offizielle Sponsorenmusik
    Das die Runden Klammern durch Dreick-Klammern erstetzt werden müssen, ist hoffentlich allen klar.


    VERÄNDERN DER GRÖßE VON PET-BILDERN AUF LOOKUPS

    Der "neueste" Clou ist es die Größe der Petbilder zu verändern.

    User-Lookup:

    Pet-Lookup:

    Die Größe kann man nach Bedarf ändern, height=Höhe und width=Breite


    VERERLINKEN - TEXTAREAS

    Textarea:
    Dann wichtig, wenn Du z.B. einen Banner hast und möchtest, dass jeder sich den mitnehmen kann.
    Du musst Deinen Verlinkungscode in diese Textareas einsetzen.
    !!! Solltest Du vergessen eine Textarea mit / zu schließen, wirst Du nach dem aktuallisieren der Seite entdecken, dass auf der neu erschienenen Bearbeitungsseite nun der ganze Text ab der Textarea unter dem Fenster zum Coden zu sehen ist. Die Panik steigt - berechtigt! Wenn Du den Code nicht gespeichert hast, kannst Du nun alles ab der :k Textarea noch mal coden :( .
    mit den Dreick-Klammern natürlich, aber man kann einen korrekten Texareacode nicht in eine Textarea packen :D
    Außerdem siehst Du hier, dass man eine Textarea auch definieren kann, auch den Hintergrund z.B., wenn man möchte.
    Gibst Du keine Definition an hat die Textarea ein Standartaussehen wie folgt -

    mittels Bild/Banner verlinken:
    Mit border="0" nach der Bildurl verhinderst Du den unschönen Rahmen, der sich bei Bildverlinkungen automatisch einschleicht.
    Ein Beispiel für den Code innerhalb einer Textarea:
    so würde die Verlinkung dann aussehen:
    Wir kopieren das alle dauernd wo raus und verlinken so, nur wie man es selber macht ist oft die Frage :).
    Für die Logik: Man fängt mit der Seitenurl(a="url") an, dann kommt die Bildurl(img src="url") und dann schließt man die Seitenurl(/a). Hier seht ihr auch, wie border="0" eingetragen wird. Statt der Bildurl kann man natürlich auch einfach einen Text nehmen.

    Verlinkung mittels Tabelle von Bild und Text:

    TEXT
    Original Zufallsereignis

    Es ist etwas geschehen!
    XYZ hat sich gerade folgende Krankheit eingefangen: Neomelancholie!!!

    Zufallsereignis als Verlinkung:

    Es ist etwas geschehen!
    Dein Petpet ist wohl im Kohlekeller gelandet. Klicke hier um es zu waschen.
    Ob ihr eine Hintergrundfarbe angebt, bleibt Euch überlassen :).


    DIVS

    ein Punkt bezeichnet eine CLASS-Div, z.B.: .contentModul, und wird verwendet für eine öfter vorkommende Div-Beschreibung

    ein # bezeichnet eind ID-Div, z.B. #usercollections, eine einmalig vorkommende Div

    Die Position einer Div kann nicht (mehr) innerhalb der Styletags erfolgen, nur die Beschreibung, der Fonts-, Border-, Background-Farben

    andere Definitionsmöglichkeit

    Box

    Ich mag die Kleinen

    und noch eines

    und noch eines

    man kann es auch übertreiben :D


    z-INDEX

    Das Lookup soll Ebenen haben, so sind einige Dinge fix andere beweglich. Auch -1 ect. ist als z-index möglich, es wird von ff anders wiedergegeben, als von e und chrome. Vorallem kann einem passieren, dass man mit sich dem z-index den ″Änderungen speichern″-Link quasi überdeckt, bei bg-none kann es dauern, bis man drauf kommt, warum es nicht mehr geht :). Es funktioniert beim Userlookup in e und ff, auf der PP nur in ff
    Siehe Moach :D


    SONSTIGES

    Anführungszeichen
    ohne Abstände, geht leider nicht anders um es zu zeigen

    nickelodeonleiste wegbekommen

    hr noshade eigentlich ist eine Trennlinie:
    mit der man angibt, dass was neues mit eigenen Regeln(die man definieren muss) beginnt.
    Sie eignet sich aber auch perfekt um unsichtbar Absätze dort hin zu bekommen, wo HTML und vor allem Tabellen sie nicht haben wollen. Definieren muss man ihn innerhalb des für die Seite Style-Codes.
    Soll er SICHTBAR sein, dann einfach die entsprechende Farbe bei color eingeben und die Höhe und Breite, z.B.:(width:750px;height:25px;), noch eingeben.
    Für IE
    Für FF und CHROME muss man genauer definieren:

    UNSICHTBAR: Hintergrundfarbe oder transparent eingeben
    für IE
    für IE + FF + CHROME es muss sowohl der IE-Code, als auch der FF/CHROME-code eingegeben werden um für alle Neopetseiten zu funktionieren.


    SCHRIFT

    Änderung der TNT_Schriftgröße am Ende der PPs

    Userlookup Username Farbänderung

    Userlookup Navi-Dropdown/Hintergrund

    Unterstrichen

    Font-Beschreibung:

    Hallo Blau
    Hallo Blau


    GEHT NICHT MEHR - ABER VIELLEICHT MAL WIEDER

    Link öffnet in einem extra Fenster


    Bild spiegeln(FlipH/V), Filter bei einer Verlinkung mittels Bild ohne Rahmen:

    Das kam nach style=: style="filter:FlipH chroma(color=#FFFFFF)" H=horizontal Spiegenln / V=vertikal Spiegeln

    Filter
  • Filter tranparent:
    filter:alpha(style=3, opacity=50)
    opacity=Deckgrad (von 0 bis 100), style=Art (0,1,2,3)
  • Filter verwischt:
    filter:blur(direction=45, strength=80)
    direction=Richtung (45,90,...), strength=Stärke (von 0 bis 100)
  • Filter anderer Rand:
    filter:glow(color=gold, strength=20) strength=Stärke (von 1 bis 255)
  • Filter invertieren: invert
  • marquee
    Die Schrift, die "durchzieht´´
    Die runden Klammern müssen wieder ersetzt werden durch dreieckige.

    Schrift die von rechts kommt und dann hin und her zieht, andere Schrift, Schnelligkeit


    FILTERÄNDERUNGEN 04.2010

    Generell:
  • Probiert zuerst aus, ob Euer Lookup noch funktioniert, bevor Ihr Änderungen vornehmt. Also einfach versuchen das Lookup zu aktuallisieren wie es ist. Damit wisst Ihr dann, ob der ?Fehler? an den neuen Einfügungen liegt, oder am alten Code.
  • Wenn es nicht mehr funktioniert, kann es an Kleinigkeiten liegen, dann sind weiter unten noch Tipps angeführt.
  • Es kann aber auch quasi unrettbar sein. Z.B. wenn der Code in größerem Unfang position, family und andere Codierungen innerhalb der Styletags hat, die mittlerweile verboten sind. Wenn der Aufwand zur Rettung in Arbeit ausartet. Dann sucht Euch lieber gleich ein neues Lookup aus, denn grundsätzlich dürft Ihr ja den Code eines fertigen Lookups, dass wer anderer gestaltet hat gar nicht verändern. Auf jet bin ich die Seiten durchgegangen und habe gekennzeichnet, welche funktionieren, bzw. wo die Fehler der Userlookups liegen.
  • Das hat eine Userin damals im Hilfeforum gepostet, mir hat es sehr weitergeholfen. Leider weiß ich den Username nicht mehr um nachfragen zu können, ob ich Ihren Text hier verwenden darf. Ich hoffe auch Nachsicht :).

    Das Lookup sitzt zu weit oben:

    diesen Code noch zwischen die Styletags einfügen. Das ist ein Richtwert, es können also auch etwas mehr oder weniger px sein.
    Fehlermeldung: a -disallowed_word-ttp://www.neopets.com
    Hier hat jemand versucht sich die Anführungszeichen beim Coden zu sparen.
    Also den Code durchgehen und sie einsetzten, wenn Ihr das Lookup wollt. Schaut aber auch gleich, ob noch andere Codingfehler drinnen sind und ob sich die Arbeit überhaupt auszahlt.
    Fehlermeldung: ungültige Wörter: outline, position, text-decoration, margin_bottom, ...
    Hier kann Euch Ddianc unter Umständen weiter helfen. Allerdings - wenn es zu viel wird an Änderungen, sucht lieber ein neues Lay, das funktioniert.





    per me: das heißt ″für mich″!
    Diese Codes habe ich selbst gecodet und ich mag es gar nicht, wenn sich wer einfach bedient!

    Ich habe aber in der Regel nichts dagegen, wenn man mich vorher fragt, sich an die Regeln TNTs hält beim Coden, seine eigenen Farben, Texte und Bilder einsetzt und einen Link auf meinen HA setzt, wenn man sie verwendet. Also bitte fragen.

    einfaches PP-Layout

    kleines Lookup_0:

    kleines Lookup_3:

    Pet-Lookup: Hintergrund fix, Infos scrollbar





    NEOPETS, characters, logos, names and all related indicia
    are trademarks of Neopets, Inc., © 1999-2012.
    ® denotes Reg. US Pat. & TM Office. All rights reserved.

    PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
    Use of this site signifies your acceptance of the Terms and Conditions