Jump to content

Search the Community

Showing results for tags 'ipb'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • News and Announcements
    • News
  • General
    • Suggestions & Feedback
    • General Chat
    • GFX
    • VFX
  • MMO Hub
    • Gamer's Lounge
    • Member's Lounge
    • Developer Lounge
  • MMO Corner
    • World of Warcraft
    • Lineage 2
    • Minecraft
    • Host Listing
    • Server Listing
    • Server Recruitment
    • Server Reviews
    • The Underground
  • User Hub
    • Support
    • Report
    • Contact Staff
  • Merchant Corner
    • Marketplace
  • General Development Releases
    • Applications
  • Tutorials
    • Programming
    • Web Development
  • Wasteland

Categories

  • Creative Corner
    • GFX Releases
    • VFX Releases
    • Resources
  • MMO and MMORPG
    • World of Warcraft
    • Lineage 2
    • Minecraft
  • Webmasters
    • Content Management Systems
    • Addons
    • Scripts
    • Designs
    • Proxies
    • HTML
  • Applications
  • Gaming
    • World of Warcraft
    • Lineage 2
    • Minecraft
    • Emulation
    • Nulled Distributions
  • Marketplace
    • Marsh Designs
    • iDarts

Product Groups

  • Membership
  • Advertise
  • Promote

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Interests


How Did You Find Us?


Contributor


Discord

Found 8 results

  1. Hello everyone, ​This tutorial is only for Invision Power Board 4.x! Today I would like to share this tutorial about how to get a Twitch block on your Invision Power Board 4.x forum! Let's start: You will need to create PHP block under Pages and use the following code: function is_channel_live($channel) { $request = json_decode( @[member='fileposter']_get_contents( 'https://api.twitch.tv/kraken/streams/' . $channel ) ); return ( ! is_null( $request->stream ) ) ? TRUE : FALSE; } $chan = "twitch"; if (is_channel_live($chan)==true) echo " <h3 class='ipsType_reset ipsWidget_title'>Live Stream (Online)</h3> <div class='embed-container'> <iframe src='http://www.twitch.tv/' . $chan . '/embed' frameborder='0'></iframe> </div>"; else echo " <h3 class='ipsType_reset ipsWidget_title'>Live Stream (Offline)</h3> <div class='embed-container'> <font color=red><b>Offline</b></font> </div>"; Not much of an tutorial, I know but it's not very hard to this. I hope it's working for you guys! Kind regards, Unrecognized.
  2. Hello everyone, This tutorial is only for Invision Power Board 4.x! This tutorial will allow you to add a guidelines link to the footer of your site and have it opened in a new lightbox window and also make the privacy policy do the same. Go to your Admin Control Panel -> Customization -> Themes Click the </> code button on the theme you want to edit, this case been the default. Go to the Templates -> Core -> Front -> Global -> Footer Find the code... {{if \IPS\Settings::i()->privacy_type != "none"}} .. {{endif}} Change it with... {{if \IPS\Settings::i()->privacy_type != "none"}} <li><a href='{{if \IPS\Settings::i()->privacy_type == "internal"}}{url="app=core&module=system&controller=privacy" seoTemplate="privacy"}{{else}}{setting="privacy_link"}{{endif}}' data-ipsdialog data-ipsdialog-title="{lang="privacy"}">{lang="privacy"}</a></li> {{endif}} {{if \IPS\Settings::i()->gl_type != "none"}} <li><a href='{{if \IPS\Settings::i()->gl_type == "internal"}}{url="app=core&module=system&controller=guidelines" seoTemplate="guidelines"}{{else}}{setting="gl_link"}{{endif}}' data-ipsdialog data-ipsdialog-title="{lang="guidelines"}">{lang="guidelines"}</a></li> {{endif}} Your privacy policy should now open in a lightbox window and also have a new guidelines link that opens the guidelines in a new lightbox window. Kind regards, Unrecognized.
  3. Hello everyone, This tutorial is only for Invision Power Board 4.x! This tutorial will make your navigation bar transparent and will add rounded edges to it and also to the active listed item corners. Example: Go to your Admin Control Panel > Customization > Theme > click button </> to edit the HTML & CSS code. Go to the CSS tab and find Custom.css and add the following: #elSearchNavContainer{ background:rgba(0,0,0,0.5); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } #ipsLayout_header nav a.ipsNavActive { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } Save the file and it should now look like the image which is shown on top of this thread. Kind regards, Unrecognized.
  4. Hello everyone, ​This tutorial is only for Invision Power Board 4.x! Go to: Customization > Theme > Edit HTML & CSS > Templates > GlobalTemplate Here you have to find: </footer> {template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} Add below: <script> $('#elSearchNavContainer').addClass('original').clone().insertAfter('#elSearchNavContainer').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','2000').removeClass('original').hide(); $('.cloned #elSearch').remove(); $(document).ready(function() { var stickyNavTop = $('#elSearchNavContainer').offset().top; window.addEventListener("resize", clone); function clone() { var test = document.getElementById('elSearchNavContainer').offsetWidth; $('.cloned').css('width',test); } var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.cloned').css('display', 'inline'); $('.original').css('visibility', 'hidden'); $('.original #elSearch').appendTo('.cloned'); } else { $('.cloned').css('display', 'none'); $('.original').css('visibility', 'visible'); $('.cloned #elSearch').appendTo('.original'); } }; stickyNav(); clone(); $(window).scroll(function() { stickyNav(); }); }); </script> Click the save button. It should look like this image: Navigation should now scroll down, like it does on LordCraft. Here is a preview: Credits Kind regards, Unrecognized.
  5. This tutorial will teach you how to add a background image to the header in the default IPS 4.x.x theme, as shown below. BEFORE: AFTER: 1. To begin, log into your ACP and browse to Customization > Themes. Click the arrow to the right of your theme and select Manage Resources. Click the + Add Resource button at the top right. 2. Change the location from admin to global and use the Choose single file... button to upload your background image. This tutorial uses header.jpg as the file name, however you are welcome to use whatever name you like. Press Save. 3. You will be taken back to the resources page. Use the Search: Name field at the top right to search for your file name (header.jpg). Under the Template tag column, you'll see your resource code which allows you to reference that image in your css and HTML. We'll need this code in the next step: {resource="header.jpg" app="core" location="global"} 4. Go to Customization > Themes > Edit HTML and CSS. Click the CSS tab and choose custom.css. Paste the following code: @media screen and (min-width:980px){ #ipsLayout_header header{ background-image: url('{resource="header.jpg" app="core" location="global"}'); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; } #elSearchNavContainer{ background: rgba(0,0,0,0.5); } } The first line, starting with @media restricts the css to desktops and laptops. The background image will not be shown for tablets or mobiles (which is ideal for loading times). If you wish to show the image on all devices, remove the top line, and the } in the very last line. background-image simply defines our image URL, using the template tag from step 3. background-size defines if the image should be stretched to occupy the entire space of the header. Remove this line if you don't want the image to use it's natural image size background-position defines the position of the image (centered horiztontally, positioned at the top vertically). background-repeat defines how the image should be repeated (no-repeat, repeat, repeat-x, repeat-y) For an added effect, the background of the navigation bar has been changed to a semi-transparent black, which allows your background image to show beneath it. You are welcome to remove that code if you wish since it may not look correct for all images. Done! Credits for the Guide: Beaker
  6. This will let you make your menu transparent and add rounded edges to menu header and active listed item corners example: Go to ACP -> Customization -> Theme -> click button </> to edit html & CSS Go to CSS tab and find Custom.css and add the following #elSearchNavContainer{ background:rgba(0,0,0,0.5); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } #ipsLayout_header nav a.ipsNavActive { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } Save & it should now look like the above picture. Credits for the Guide: Beaker
  7. Go to .. Customization > Theme > Edit HTML & CSS > templates > globatTamplate find..just below </footer> {template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} Add below.. <script> $('#elSearchNavContainer').addClass('original').clone().insertAfter('#elSearchNavContainer').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','2000').removeClass('original').hide(); $('.cloned #elSearch').remove(); $(document).ready(function() { var stickyNavTop = $('#elSearchNavContainer').offset().top; window.addEventListener("resize", clone); function clone() { var test = document.getElementById('elSearchNavContainer').offsetWidth; $('.cloned').css('width',test); } var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.cloned').css('display', 'inline'); $('.original').css('visibility', 'hidden'); $('.original #elSearch').appendTo('.cloned'); } else { $('.cloned').css('display', 'none'); $('.original').css('visibility', 'visible'); $('.cloned #elSearch').appendTo('.original'); } }; stickyNav(); clone(); $(window).scroll(function() { stickyNav(); }); }); </script> click the Save button should look like the below image Navigation should now move when you scroll down the page. example: Enjoy! Credits for the Guide: Beaker
  8. I'm not sure if I'm allowed to post this as I do on WebFlake. But I'm currently banned from webflake because one of the mods don't like me... Anyways here is my problem.... When I download the moods and added it to my forum its not showing the Mickey mouse as it is on here. Please help! Also, if I'm not allowed to post it any staff member feel free to close, or delete.
×
×
  • Create New...