• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

[Znote AAC] Underworld Layout

Erickso

Omaar&Steph
Joined
Oct 13, 2012
Messages
35
Reaction score
32
Location
Tijuana
GitHub
montycode
Hi everyone!

In my last post i released my Bootstrap 4 Layout for Znote, now i'll bring you this little layout made with BS4 too but a little more optimized for a Tibia Server, hope you like it!

Features:
  • Bootstrap 4
  • Responsive and mobile ready
  • Jumbotron only at Index page
  • Images on new's post
  • Customizable
Guide to install

In order to make this layout work in your server you need to follow this steps:
  1. Extract layout in: www/layout
  2. Open www/config.php
  3. Look for:
    PHP:
    $date = "d F Y (H:i)"; // 15 July 2013 (13:50)
  4. Replace with:
    PHP:
    $date = "d F Y H:i"; // 15 July 2013 13:50
  5. Enable sub-pages
    PHP:
    $config['allowSubPages'] = true;
  6. To show your image on new's post you need to upload your image to: www/layout/assets/img/news and name it EXACTLY LIKE YOUR NEW'S TITLE (IE: Brawlers Approaching.jpg)
  7. Post any bug in this thread!
Customize

  • You can find a .PSD file in www/layout/assets/img to modify the bg file.
  • To change the buttons color gardiento go to: www/layout/assets/css/style.css and look for:
    CSS:
    background-image: linear-gradient(to left, #12505c 0%, #02060c 51%, #12505c 100%);
  • Replace:
    CSS:
    #12505c
    and
    CSS:
    #02060c
    with your favorite gardient colors.
  • If you want to customize more check out Bootstrap documentation.

I hope you enjoy it and leave a feedback.

**NOTE: Tested only on latest Znote AAC version from GitHub


1582046146022.png
1582046398682.png
1582046561624.png
 

Attachments

  • Underworld Layout.zip
    12.7 MB · Views: 512 · VirusTotal
Some screenshots would be nice to have.
mfXOzE9.png

😁
 
This may be my favorite so far, amazing work!
I'll defently use this, thanks.
 
where can I change the background? it's a bit too white for my eyes.. also, on the download page it's really hard to see the gray text over the blue icon

good job tho, it looks amaxing and very smoth
 
This may be my favorite so far, amazing work!
I'll defently use this, thanks.

Thank you so much :D



where can I change the background? it's a bit too white for my eyes.. also, on the download page it's really hard to see the gray text over the blue icon

good job tho, it looks amaxing and very smoth

Working on it! Thanks for your feedback, i'll update this soon!
 
Amazing work!
Atm I only found this bug where the sidebar moves out of place in some pages:
1597187069786.png
 
Back
Top