Sign in to follow this  
concil

CEF [UNFINISHED] Login Register UI - html only

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 2

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.