1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Tutorial für euren Modding & Misc Bereich!

Dieses Thema im Forum "Fragen zur Einrichtung von SysProfile" wurde erstellt von HackerChris, 19. Januar 2008.

  1. HackerChris

    HackerChris Lebende CPU

    Registriert seit:
    3. Dezember 2007
    Beiträge:
    1.304
    Zustimmungen:
    95
    Name:
    "nur" Chris ^^
    1. SysProfile:
    163800
    2. SysProfile:
    39431
    65909
    65910
    Steam-ID:
    kesnar

    Da ich feststellen musste das die einzige wirkliche Hilfe für den Modding & Misc Bereich aus einem kleinen Beispiel (hier der Link) besteht und ich auch schon danach gefragt wurde wie ich den M&M Bereich so gestaltet habe, habe ich hier einen kleinen Thread geschrieben in dem (wahrscheinlich ^^) alle Codes vom M&M Bereich stehen!


    Nur kurz zur Erläuterung:
    Im M&M Bereich kann man genauso wie hier im Forum mit BBCode schreiben! Dieser ist sehr ähnlich zum html-Code, weshalb auch die meisten Befehle aus dem html-Code hier und im M&M Bereich funktionieren!


    Vorneweg (Oder nur für Anfänger ^^):
    Fast jeder Code wird mit einem Befehl geöffnet und mit einem geschlossen! Der Close-Befehl ist meist derselbe wie zum öffnen, nur hat er hinter der eckigen Klammer „[„ ein Slash „/“!
    Wenn man dies vergisst Funktioniert der ganze Befehl nicht mehr, was auch ein häufiger Grund für Fehler bzw. Fragen ist …
    Genauso wenig darf (meist) in den Klammern kein Leerzeichen stehen! Wieder ein Grund für Fehler …



    Unter “Zitat:“ hat man eine Vorschau wie der Text im M&M Bereich dann aussehen wird und unter “HTML-Code:“ steht der im M&M Bereich einzugebende Text (Das html-Code steht nur zweckhalber drüber damit der Code nicht umgewandelt ist, obwohl es ja kein html-Code ist! Also nicht verwirren lassen!)

    Überall wo „URL“ steht muss man dies entweder durch eine Adresse einer Internetseite ersetzten
    oder durch die Adresse eines zu verlinkenden Bildes!
    Überall wo „TEXT“ steht kann man einen beliebigen Text eingeben!




    BBCodes die im Modding & Misc Bereich gehen:


    Grundlegendendes zur Schrift:


    • Den Text nur fett darstellen:
      HTML:
       [b] TEXT [/b] 

    • Den Text unterstrichen darstellen:
      HTML:
       [u] TEXT [/u] 

    • Den Text kursiv darstellen:
      HTML:
       [i] TEXT [/i] 

    • Den Text größer, kursiv und Fett darstellen:
      HTML:
       [big] TEXT [/big] 



    Links erstellen:


    • Den Link direkt als Schrift zum anklicken anzeigen:
      HTML:
       [url] URL [/url]

    • Einen beliebigen Text eingeben der durch darauf klicken zu einer Internetseite führt:
      HTML:
       [url= URL ] TEXT [/url]



    Bilder einbauen:


    • Ein Bild direkt in den Text eingebaut, als ob es ein Wort währe!
      Die Höhe des Bildes bestimmt die Höhe der Zeile!
      HTML:
       [img]URL[/img] 

    • Ein Bild im M&M-Bereich angeordnet!
      Das Bild kann so rechts oder links ausgerichtet werden!
      - Es wird nicht mehr als Teil des Textes erkannt, sondern als Objekt!
      - Das Bild kann hier über mehrere Zeilen des Textes laufen!
      - Zentrieren geht nur über den „allgemeinen [center ] Befehl“ (siehe weiter unten!)
      HTML:
      [img align=left]URL[/img]
      
      [img align=right]URL[/img]

    • Ein Bilder vergrößert oder verkleinert darstellen!
      Wenn man ein großes Bild auf einem anderen Server gespeichert hat und es verkleinert im M&M-Bereich darstellen will!
      - Die erste Zahl hinter dem ist gleich Zeichen ist die Höhe die das Bild haben soll, die zweite Zahl ist die Breite.
      - Danach kann man wie gewohnt auch noch die Ausrichtung per „align“ ändern!
      HTML:
      [img=30,100]URL[/img]
      
       [img=40,30]URL[/img]

    • Thumbnail bzw. Vorschaubild einbauen!
      Ist dasselbe wie der obige Befehl mit dem kleinen Extra:
      - Wenn man das Bild anklickt erscheint ein PopUp mit dem Vollbild!
      (Dieser Befehl geht nicht in Verbindung mit einem anderen verlinken des Bildes!)
      HTML:
      [viewer=30,100 align=right]URL[/viewer] 
      
      [viewer=40,30 align=left]URL[/viewer] 

    • Bild von pic.sysprofile.de einbauen!
      Ist dasselbe wie der obige Befehl nur noch einen Tick einfacher!
      - Einfach ein Bild bei http://pic.sysprofile.de/ hochladen
      - Die „Pic- ID“ einsetzen und fertig
      - Das Bild wird auch verkleinert angezeigt und erscheint als PopUp wenn man es anklickt!
      (Dieser Befehl geht auch nicht in Verbindung mit einem anderen verlinken des Bildes!)
      HTML:
      [syspic] Pic-ID [/syspic]
      (Pic- ID = Ziffern die man bekommt, wenn man ein Bild bei „pic.sysprofile.de“ hoch lädt!
      Dabei die Dateiendung nicht vergessen wie z.B. „.jpg“!)



    Aufzählungen und Listen:
    (Im gesamten Bereich beim übertragen die Leerzeichen im „HTML-Code“ Bereich weglassen!)


    • Eine einfache Aufzählung beginnen:
      Eine einfache Aufzählung mit je einem Punkt davor beginnt man so!
      Und das Schließen der Liste nicht vergessen!
      HTML:
      [list ]
      
      [/list ] 

    • Eine Liste mit fortlaufenden Zahlen beginnen:
      Eine Liste mit fortlaufenden Zahlen vor dem Text beginnt man so!
      Und das Schließen der Liste auch hier nicht vergessen!
      HTML:
      [ol ]
      [/ol ]

    • Punkte in einer Liste setzen:
      Vor jedem Unterpunkt in einer Liste muss man wider einen Code setzen,
      dabei gibt es zwei Möglichkeiten die genau dasselbe bewirken:
      Und das Schließen der Unterpunkte auch nicht vergessen!
      HTML:
      [* ] TEXT [/* ]
      
      [li ] TEXT [/li ]

      Ein Listenanfang kann man mit einem beliebigen Unterpunkt Code kombinieren, z.B. so:
    HTML:
    [list ]
    [* ] TEXT1 [/* ]
    [* ] TEXT2 [/* ]
    [/list ]
    
    
    [list ]
    [li ] TEXT3 [/li ]
    [li ] TEXT4 [/li ]
    [/list ]
    
    [ol ]
    [* ] TEXT5 [/* ]
    [* ] TEXT6 [/* ]
    [/ol ] 




    Sonstiges:


    • Eine einfache horizontale Trennlinie:
      HTML:
       [hr] 
    • Ausrichtung des Textes ändern:
      Damit kann man natürlich auch Bilder zentrieren!
      HTML:
       
         [ center] TEXT [ /center]
       




    Was nicht geht, wonach aber gefragt wird:


    - Man kann keine Videos im M&M Bereich einbauen!

    - Man kann keinen normalen html Code verwenden!

    - Man kann keine andere Schriftart verwenden!

    - Man kann keine beliebige Schriftgröße verwenden!

    - Und man kann die Schrift nicht Farbig gestallten!





    Das komische daran ist aber auch das einige von den Codes die im Modding & Misc Bereich nicht gehen hier, im Forum, gehen aber Andere gehen wiederum im M&M Bereich aber nicht hier im Forum!

    Für Verbesserungs- und Ergänzungsvorschlage der Liste wäre ich dankbar!

    Die Liste wird von mir sofort editier falls jemand mehr Befehle weiß oder einen Fehler entdeckt hat!

    MfG
    Chris
     
    #1 HackerChris, 19. Januar 2008
    Zuletzt bearbeitet: 8. Juli 2008
    23 Person(en) gefällt das.
  2. gemini

    gemini Wandelnde HDD

    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.012
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510

    Sehr schönes Tutorial!

    Gibt ein + Renommee
     
  3. Raceface

    Raceface You know how we do it

    Registriert seit:
    23. Juli 2007
    Beiträge:
    3.225
    Zustimmungen:
    141
    Name:
    Sascha
    1. SysProfile:
    36499
    2. SysProfile:
    139778
    Finde ich auch, sehr gut gemacht HackerChris!
    Hilft mir sogar noch!

    Von mir auch + Renommee
     
  4. Ben1337

    Ben1337 Wandelnde HDD

    Registriert seit:
    30. Oktober 2007
    Beiträge:
    2.777
    Zustimmungen:
    92
    Name:
    Ben "Ben1337" G.
    1. SysProfile:
    43930
    Hammer geiles Tut....Bekommst n Keks (Nach deiner Wahl ^^) und n Renomme

    Edit: Ich hätte nen kleinen Verbesserungsvorschlag....Und zwar würde ich
    die Beschreibung der Codes über den Code schreiben und nicht darunter ^^
    Ich denke das wirkt einfach n Wenig besser
     
  5. gemini

    gemini Wandelnde HDD

    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.012
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510
    Stimmt. Und vlt. könnte man noch kleine Beispiele dazu machen, damit man sofort sieht was der Code bewirkt. Das ist teilweise leichter als eine Beschreibung zu verstehen;)
     
  6. alex

    alex killed in action

    Registriert seit:
    30. Dezember 2006
    Beiträge:
    8.226
    Zustimmungen:
    291
    1. SysProfile:
    63644
    2. SysProfile:
    18897
    40873
    /anpinn ;)
     
  7. R33p3r

    R33p3r Profi-Schrauber

    Registriert seit:
    5. Dezember 2007
    Beiträge:
    367
    Zustimmungen:
    4
    1. SysProfile:
    47928
    super tut /anpinn too
     
  8. HackerChris

    HackerChris Lebende CPU
    Themenstarter

    Registriert seit:
    3. Dezember 2007
    Beiträge:
    1.304
    Zustimmungen:
    95
    Name:
    "nur" Chris ^^
    1. SysProfile:
    163800
    2. SysProfile:
    39431
    65909
    65910
    Steam-ID:
    kesnar
    Danke!

    Mal schauen was sich machen lässt! ;)
     
    #8 HackerChris, 19. Januar 2008
  9. HackerChris

    HackerChris Lebende CPU
    Themenstarter

    Registriert seit:
    3. Dezember 2007
    Beiträge:
    1.304
    Zustimmungen:
    95
    Name:
    "nur" Chris ^^
    1. SysProfile:
    163800
    2. SysProfile:
    39431
    65909
    65910
    Steam-ID:
    kesnar
    Also, ich hab das ganze Tut ein bisschen editiert ...

    Jetzt gibt es zu allen Codes die gehen ein Beispiel unter Zitat!
    Einige Fehler hab ich noch verbessert aber sonst hat es nicht viel zum ergänzen gegeben!

    Ist es so selbsterklärender als vorher?

    MfG
    Hacker Chris
     
    #9 HackerChris, 7. Februar 2008
  10. Snuffy

    Snuffy Capt'n Strohhut

    Registriert seit:
    20. November 2007
    Beiträge:
    5.893
    Zustimmungen:
    332
    1. SysProfile:
    44741
    2. SysProfile:
    181059185458188596190734
    Steam-ID:
    Snuffy_aka_eve
    dafür gibbet nen PLUS!
     
  11. GIGU

    GIGU Hardware-Wissenschaftler

    Registriert seit:
    24. Dezember 2006
    Beiträge:
    515
    Zustimmungen:
    7
    1. SysProfile:
    166445
    2. SysProfile:
    109128
    gutes tutorial!

    aber ich wäre froh für weitere hilfe.
    es gibt profile, die sogar ihre bilder verkleinert haben!
    oder bilder eingefügt haben, die nicht verlinkt sind. (also wenn man drauf klickt, passiert nichts)
    oder wie ordnet man die bilder schön an?
    siehe mein profil... ich habe sicher schon fast eine stunde investiert, und ich habe es nicht hinbekommen...

    ich wäre froh wenn mir das jemand sagen könnte.
     
  12. HackerChris

    HackerChris Lebende CPU
    Themenstarter

    Registriert seit:
    3. Dezember 2007
    Beiträge:
    1.304
    Zustimmungen:
    95
    Name:
    "nur" Chris ^^
    1. SysProfile:
    163800
    2. SysProfile:
    39431
    65909
    65910
    Steam-ID:
    kesnar
    @ all:
    Ich hab mal den Code zum Größen verändern editiert!

    @ GIGU:
    Und das die Bilder nicht zum anklicken sein sollen:
    Du hast warsch. einfach den vorgefertigten Code für das Bild eingefügt. Lösche einfach das "[url =***] [ /url]" heraus (Das in der Mitte musst du stehen lassen)

    MfG
    HackerChris
     
    #12 HackerChris, 18. Februar 2008
  13. GIGU

    GIGU Hardware-Wissenschaftler

    Registriert seit:
    24. Dezember 2006
    Beiträge:
    515
    Zustimmungen:
    7
    1. SysProfile:
    166445
    2. SysProfile:
    109128
    ich kriege es nicht hin.
    also ich will dass die bilder kleiner sind, und wenn man draufklickt werden sie vergrössert.
    und sie sollen schön nacheinander angezeigt werden!
    ca. 6 bilder nebeneinander die nächsten dann eine reihe weiter unten.

    so sieht es momentan aus:

    PC Bilder:

    Oktober 2006
    [syspic align=left]WTj44740.jpg[/syspic]
    [syspic align=left]iwV44746.jpg[/syspic]
    [syspic align=left]8ud44763.jpg[/syspic]
    [syspic align=left]uac44728.jpg[/syspic]

    Februar 2007
    [syspic]SU719953.jpg[/syspic]
    [syspic]mMN19982.jpg[/syspic]
    [syspic]gK420003.jpg[/syspic]
    [syspic]tZO20052.jpg[/syspic]
    [syspic]vzP46838.jpg[/syspic]

    Oktober 2007
    [syspic]coi46197.jpg[/syspic]
    [syspic]QyE46219.jpg[/syspic]
    [syspic]c2C46317.jpg[/syspic]
    [syspic]uKi46874.jpg[/syspic]

    Januar 2008
    [syspic]fg033494.jpg[/syspic]
    [syspic]eQl33537.jpg[/syspic]
    [syspic]pc433674.jpg[/syspic]
     
  14. gemini

    gemini Wandelnde HDD

    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.012
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510
    Ich glaube du darfst dann keinen Absatz machen, sondern alles hintereinander schreiben.
     
  15. HackerChris

    HackerChris Lebende CPU
    Themenstarter

    Registriert seit:
    3. Dezember 2007
    Beiträge:
    1.304
    Zustimmungen:
    95
    Name:
    "nur" Chris ^^
    1. SysProfile:
    163800
    2. SysProfile:
    39431
    65909
    65910
    Steam-ID:
    kesnar
    So musst du das machen:

    Wichtig ist das "align=left", die Space zwischen den Bildern und viel Platz lassen zur nächsten Überschrift!

    MfG
    HackerChris


    Editiert:
    Ich glaub ich has falsch verstanden!
    Wie willst du die Bilder in einer Reihe haben, schon Horizontal!?

    2tes Edit:
    Ich hab gemerkt das man SysPics nicht vergrößern oder verklenern kann!
    Aber mach es so wie es gemini brand sagt: Ohne Leerzeichen die Bilder aneinander Reihen!
     
    #15 HackerChris, 19. Februar 2008
    Zuletzt bearbeitet: 19. Februar 2008

Diese Seite empfehlen