1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  2. SysProfile 2.0 - Hilf mit

    Hallo Gast,

    die Entwicklung von SysProfile 2.0 hat begonnen. Sei von Beginn an dabei und unterstütze uns durch Vorschläge und Kritik.
    Mehr Informationen findest Du im Diskussionsthread: Zum Thread
    Information ausblenden

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.011
    Zustimmungen:
    515
    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.011
    Zustimmungen:
    515
    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.011
    Zustimmungen:
    515
    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
Die Seite wird geladen...

Tutorial für euren Modding & Misc Bereich! - Weitere Themen

Forum Datum

Modding & Misc Bereich gestalten

Modding & Misc Bereich gestalten: Servus (wie die österreicher ja sagen) an alle ! --- Ich möchte meinen Modding&Misc Bereich gestalten, und das nur mit Bildern. Ich habe im Adobe Illustrator einen 1500px mal 2000px Hintergrund...
Fragen zur Einrichtung von SysProfile 26. Februar 2011

Bild im Modding & Misc Bereich

Bild im Modding & Misc Bereich: hi ich versuche jetzt seit 2 tagen ein bild für den modding & misc bereich hochzuladen, habe auch schon sämtliche forenbeiträge (sofern ich sie gefunden habe) gelesen aber bekomme es einfach...
Fragen zur Einrichtung von SysProfile 11. Oktober 2009

Modding und Misc Bereich verschwunden / vertauscht!

Modding und Misc Bereich verschwunden / vertauscht!: Hi leute, hoffe einer der davon Ahnung hat, besonders die Admins können mir hier weiter helfen! Und zwar gehts darum: Habe heute meine Sysprofiles mal überarbeitet und grade beim letzten das ich...
Archiv 6. Juli 2008

Modding & Misc Bereich Problem

Modding & Misc Bereich Problem: Hi, in meinen M&M Bereich ist seit heute alles verschoben! Ich hab schon alles versucht, mehr abstand zwischen den Bildern und Text aber all das war ohne Wirkung! Bis gestern war alles noch...
News & Bugs zu SysProfile 24. April 2008

Verschiedene Schriftarten für Modding & Misc-Bereich?

Verschiedene Schriftarten für Modding & Misc-Bereich?: würde gerne in den nächsten tagen meinen modding & misc-bereich bearbeiten bzw. verschönern und noch informativer gestalten. in einigen profilen habe ich gesehen das manche user verschiedene...
Fragen zur Einrichtung von SysProfile 14. April 2008

Bilderausrichtung im Modding&Misc Bereich

Bilderausrichtung im Modding&Misc Bereich: Ich schaffe es nicht den kleinen Widderkopf (Gif-Datei) so korrekt auszurichten, dass er zwischen den beiden Begrenzungslinien liegt. Entweder ist es darunter (so wie im Moment) oder er schneidet...
Fragen zur Einrichtung von SysProfile 1. März 2008

Video in Modding & Misc Bereich?

Video in Modding & Misc Bereich?: Hi Leute, ich hab mal ne frage und zwar, ist es möglich im Modding & Misc Bereich ein video einzubinden? von youtube zum beispiel? wenn ja wie? wenn nein....könnte man das regeln?
News & Bugs zu SysProfile 30. Januar 2008

Wie im Modding & Misc Bereich Schriftgröße ändern

Wie im Modding & Misc Bereich Schriftgröße ändern: Hallo geht das und wenn ja wie? THX mfg FrankieFixX
Fragen zur Einrichtung von SysProfile 2. Dezember 2007

Diese Seite empfehlen