Jump to content
RAGE Multiplayer Community

[UNFINISHED] Login Register UI - html only


concil
 Share

Recommended Posts

Hey everyone,

now i publish my register login ui developed for an roleplay Server that i was make but never be finished and i dont want to finish ..

This is a simple login or register ui with "wished" tabs animation with tilt plugin for jquery.

the items of register content its dynamic and javascript functions must not need to be changed.

 

Login View: https://streamable.com/fackq

Register View: https://streamable.com/o0x8h

// example for a big text on the left side: (the white box goes to the right side)
<div class="item left big">
  <h6>Charakternamen Richtlinien</h6>
  <p>
    [any text here]
    <br />
    <strong>Beispiel von nutzbaren Namen: <span class="green-text">Max Mustermann</span></strong>
    <br />
    [any text here]
  </p>
</div>

// example for small text to the right side: (the white box goes automaticly to the left side)
<div class="item right big">
  <h6>User Werben User</h6>
  <p>
    [any text here ...]<br/><br/>
    <strong>Charaktername des Spielers:</strong>
    <input id="recruit_name" type="text" class="white-text" value="Max Mustermann">
  </p>
</div>

 

use cef.execute to call the javascript function: 

show(0, "usernamehere"); // for login view
show(1, "usernamehere"); // for register view

Javascript Library's and CSS Frameworks i used:

  • jquery (jquery.color-2.1.2)
  • materialize
  • tilt.jquery
  • noty

use it, change if you like and do anything you want with it.

 

Download: https://mega.nz/#!VdFkFISK

Kryptokey: FLkKpmP3nQbK48Tl4fW4mDxb2FwJGbpzW2NcNfnGVGE

Greetz,

Concil

 

Edited by concil
krypto added
  • Like 3
Link to comment
Share on other sites

  • 2 weeks later...

Hi, 

du kannst dir deine eigene Einbindung entwickeln wie auch immer du das machen wollen würdest.

die einfache Methode:

in 'client_packages' die Dateien hereinschmeißen und in der 'index.js' den Browser erstellen Beispiel:

const browserVariable = mp.browser.new("linkzur.htmldatei");

browserVariable.active = true // <- activieren des Browsers...

browserVariable.execute('show(0, "username");'); // im browser javascript ausführen, hier um das Fenster login animation zu starten ...

show(1, ... ); wäre dann hier die Registrierung.

 

du kannst letztendlich das einbauen wie du möchtest, brauchst allerdings Erfahrung in Javascript für client-side und eben um deine Eigenen Funktionen in der html Datei zu schreiben.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...