Jump to content
OldLibar Fun

Guest - Welcome to OldLibar Fun

New Announcements

OldLibar Fun Quizzes

OldLibar Fun Clubs

  • Arcade Club
    Arcade Club

    Arcade Club

    Public Club  ·  Last active

    Club for all Arcade - Games players! Just come in and enjoy!
  • Bela - Belot
    Bela - Belot

    Bela - Belot

    Open Club  ·  1 member

    Many of us like play card game - Bela!
  • Videos - Movies Club
    Videos - Movies Club

    Videos - Movies Club

    Public Club

    Everything what you write or ask about videos and movies!

OldLibar Tutorials

  • Now all users can use audio player and listen musics when they surf all pages (contents) in Site - OldLibar Fun (only not on Arcade)!

    It is very simple - just see attached pictures! Ask if you need more help!

    Will also add video (in superadd post)!  

     

    musicbox.png

    musicbox_1.png

    musicbox_3.png

    musicbox_4.png

    musicbox_5.png

  • Now all users have possibility att clear owns Notifications! 

    Just see how use that!

    clear_notifications.png

  • Just see image and you can just click and add owns modd! 

    mood_users.png

  • Just info - Before make post - choose in which Forums (Theme) want to post (Topic) for your post. You can make New Topic (Post) or Reply for someones (or owns) Topic!

    Forum Name = Theme (Every user can start own Topics) or reply (post) in existing Topic.

    Just watch video!

    And check this link

    https://www.oldlibar.fun/index.php?/blogs/entry/15-how-add-make-post-on-oldlibar-fun/

     

  • All users on site has possibilities att use our Invite System for their friends, family ...

    Very easy to use this system - just see attached pictures!

    Picture 6 - when your friend or family get e-mail with invite code to put in their registration account here on OldLibar.fun (picture 7)

    :ok-and-thumbs-up-smiley-emoticon:

     

     

    Invite _1.png

    invite_2.png

    invite_3.png

    invite_4.png

    invite_5.png

    invite_6.png

    invite_7.png

  • Go to ACP - Themes (Choose Theme what you will add background image) click on CSS - Custom.CSS of the theme and put a bellow code .

    make sure your image is a least 1600 x 1000

    And upload image on your server

    adjust the background size for your image.

    change the image to yours
      

    /* Light */
html body {
background-image: url(https://www.my_site.com/test_images/image.jpg);
 background-repeat: no-repeat;
 background-size: 1900px 1000px;
  background-position-x: center;
  background-attachment: fixed;  
}

    I used here Default IPS Theme!

     

    default_theme_back.png

  • Just check this link!

    https://www.oldlibar.fun/index.php?/blogs/entry/32-how-start-quiz/

     

  • Go to admin cp customizations click theme you want snow in click paint brush of the theme click header & footer add this to Header HTML.
    it is the same code just entered in different places.(V5)

    Its in global template on 47 right after the </header> (V4)

      

    <!-- Let it Snow! -->
<div id="snow"></div>
<style>
	#snow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1000;
}
</style>
<script>
	document.addEventListener('DOMContentLoaded', function(){
    var script = document.createElement('script');
    script.src = 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js';
    script.onload = function(){
        particlesJS("snow", {
            "particles": {
                "number": {
                    "value": 200,
                    "density": {
                        "enable": true,
                        "value_area": 800
                    }
                },
                "color": {
                    "value": "#ffffff"
                },
                "opacity": {
                    "value": 0.7,
                    "random": false,
                    "anim": {
                        "enable": false
                    }
                },
                "size": {
                    "value": 5,
                    "random": true,
                    "anim": {
                        "enable": false
                    }
                },
                "line_linked": {
                    "enable": false
                },
                "move": {
                    "enable": true,
                    "speed": 5,
                    "direction": "bottom",
                    "random": true,
                    "straight": false,
                    "out_mode": "out",
                    "bounce": false,
                    "attract": {
                        "enable": true,
                        "rotateX": 300,
                        "rotateY": 1200
                    }
                }
            },
            "interactivity": {
                "events": {
                    "onhover": {
                        "enable": false
                    },
                    "onclick": {
                        "enable": false
                    },
                    "resize": false
                }
            },
            "retina_detect": true
        });
    }
    document.head.append(script);
});
</script>


     

    Result: Users can see (Theme - Laxeri Dark-Light)

     

  • Now we have some Quizzes on site! All members try our quizzes and maybe help me to adjust this application to made more better!

    You can test and tried here  - https://www.oldlibar.fun/index.php?/quizzes/

    :hihi:

  • Now all users can add video file in their profiles! Very easy and simple!

    Just see attached photos.

    :ok-and-thumbs-up-smiley-emoticon:

     

     

    video_profile_1.png

    video_profile_3.png

  • Here we has problem with Audio Player when use on all pages like users in OldLibar Fun - but when we log out from site - Audio Player continue play song what we chooses like login in user!

    Soon hope that problem will be fixed! 

    :ok-and-thumbs-up-smiley-emoticon:

  • Tips att You know that your codes are ok - just check and problem is fixed!

    https://jsonformatter.org/html-validator

     

    html_validator.png

  • Add to theme editor custom CSS 

    * {
  scrollbar-width: thin;
  scrollbar-color: #9A1506 transparent;
}


    You can see where to change the color to match your theme -----> #9A1506

     

    scrollbar.gif

Gallery

Download Files

Topics

Posts

OldLibar Fun Staff

OldLibar fun - Stats

  • 0

    Overall Members

  • 0

    Overall Reputation

  • 0

    Total Attachments

  • 0

    Forum Topics

  • 0

    Forum Posts

  • 0

    Files Uploaded

  • 0

    Images

  • 0

    Image Views

About Us

    Greetings and welcome to our website!
    Registration is completely free, quick and easy, so jump to explore our vast collection of content and have fun!
    Dive in and enjoy!     😀 🎉
     

Our Links - 1

Our Links -2

OldLibar Fun - Info

Email : nenad_ze@oldlibar.fun

Address : No Street
Borås
Sweden
504 55

×
×
  • Create New...
The popup will be closed in 5 seconds...