Advertisement
Leaderboard
Popular Content
Showing content with the highest reputation on 05/14/2016 in all areas
-
Version 1.0.0
761 downloads
Purchased this $99.99 theme myself, felt like sharing with you people. Be sure the smash the button if you like this theme. ________________________________________________________________ Live Demo Sales Page3 points -
Here's a tutorial on how to create a simple jQuery spoiler. This tutorial assumes that you already have an HTML file ready to edit and have basic HTML knowledge, so I won't bother with those things. Note: You will need jQuery for this code to work. If you don't already have jQuery installed, add inside your <head> tag. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> First, let's get started with the HTML markup. What you'll need is something like this: <div class="spoiler_wrap"> <input type="button" value="Show" /> <div class="spoiler_content">Here's some hidden content</div> </div> At first, it'll look something like this: As you can see, the content isn't hidden like it's supposed to be, but that's because we haven't applied the CSS yet. Let's do that right now. In your .css file, add this: .spoiler_wrap input[type='button'] { color: #fff; background-color: #2C93FA; padding: 2px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); cursor: pointer; } .spoiler_wrap .spoiler_content { display: none; margin-top: 5px; padding-left: 5px; border-left: 3px solid #2C93FA; } It should now look like this: Looks pretty good, right? The next (and final) part of this tutorial would be the jQuery itself. Some of you may not know jQuery, so I'll leave some comments in the code to make things easier to understand. $(document).ready(function() { // Once we click the spoiler button $(".spoiler_wrap input[type='button']").click(function() { // If the button's value is "Show", use the value "Hide" // But if it's not "Show", then change it back to "Show" var btn_txt = ($(this).val() == "Show") ? "Hide" : "Show"; // Actually change the button's value $(this).val(btn_txt); // Go to HTML element directly after this button and slideToggle it $(this).next().stop().slideToggle(); }); }); And you're done! Super easy, nice looking jQuery spoiler with just 3 pieces of code. Here's what it looks like after being opened: You can see that the button's text has been changed to "Hide" and that the content is now shown. You can even copy/paste the HTML as many times as you want and create multiple spoilers! Like so: Hope you found this useful!1 point
-
Version 1.0.0
62 downloads
Don't be a leech, click the reputation button if you want to get more files in the future. This hook will add mouseover to the profile card on user's link in members list.1 point -
Version 1.0.3
47 downloads
Don't be a leech, click the reputation button if you want to get more files in the future. Plugin adds ability to change time zone in account settings. It was initially created by one of our admins for our community. Translation key is timezone_changed. Enjoy! What's New in Version 1.0.3 updated to work with the Suite v4.1.9 and above1 point -
Very nice! Thanks a lot for this share. Everything is complete inside, HTML files, PHP files, everything you need. This is an absolute topper! Thanks again.1 point
-
Was accepted to MIT. My flight is Tuesday. Can't wait to start my college experiences at one of the most prestigious schools in the world.1 point
-
1 point
-
33 downloads
Don't be a leech, click the reputation button if you want to get more files in the future. This hook will allow admins and supermoderators with no restrictions in Manage Settings (Admin CP) to conveniently manage all board settings from Admin CP directly on forums, without the need to go to Admin CP to do it.1 point -
Just gonna leave this here if anyone needs the AJAX implementation using JQuery. HTML: <button id="my_button">Click Me</button> JS: $("#my_button").click(function(){ $.ajax({url: "/path/to/connect.php", success: function(result){ alert("The result is:" + result); }}); }); After you clicked it and the query you made in the connect.php file, it should popup a message saying "success" or in case of failure nothing will happen.1 point
-
Version 1.1.3
327 downloads
Using Quick Donate you can easily allow your community to receive donations through Paypal from your visitors through a widget which can be placed in header, footer & sidebar locations. Features: Easy to setup. Widget works with both head/footer and sidebar zones. Sandbox mode for testing. Set allowed donation amounts or use custom amounts. Set allowed currencies. Set return URL. Force Paypal to specified localization. Visibility settings. Set text on widget and dialog. Usable on small screens.1 point -
Version 1.1.0
176 downloads
[color=rgb(82,82,82)][font='Helvetica Neue']This hook will allow users to choose a personal photo during the registration process.[/font][/color] [b]Setting[/b][color=rgb(82,82,82)][font='Helvetica Neue']:[/font][/color] [color=rgb(82,82,82)][font='Helvetica Neue'][*]Make personal photo a required field[/font][/color] [color=rgb(82,82,82)][font='Helvetica Neue'][*]Setting to admin decide if wants users to remove their personal photo (on profile)[/font][/color]1 point -
In the skins global template find and delete this:{parse replacement="skinlink"}1 point
-
Envision Dark 4.1.x - IPBForo × Fatal error: Call to a member function resource() on a non-object in /home/kehaughton/public_html/system/Theme/Theme.php(1397) : eval()'d code on line 2 donest work for me-1 points
-
Theme trigger a mod_security rule on my server 403 Error...-1 points
-
Doesn't work, I got the same error as @Mephistopheles-1 points
-
Version 1.0.0
326 downloads
Theme edited by: IoNuT To edit menu buttons:-1 points
.thumb.png.267184132e48b991c16493df416343ce.png)
This leaderboard is set to New York/GMT-05:00