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 & Updates
    • Announcements
    • Suggestions & Feedback
  • MMO Hub
    • General Chat
    • Gamer's Lounge
    • Member's Lounge
    • Dev Lounge
  • MMO Corner
    • MMO and MMORPG
    • Host Listing
    • Server Listings
    • Server Recruitment
    • Server Reviews
  • User Hub
    • Support
    • Report
    • Contact Staff
  • Creative Corner
    • GFX
    • VFX
  • Merchant Corner
    • Marketplace
  • General Development Releases
    • Applications
  • Tutorials
    • Programming
    • Web Development
  • Wasteland
    • Archives

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
  • Applications
  • Gaming
    • World of Warcraft
    • Lineage 2
    • Minecraft
    • Emulation
    • Nulled Distributions
  • Marketplace
    • Marsh Designs
    • iDarts

Calendars

  • Community Calendar

Found 6 results

  1. 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.
  2. 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.
  3. 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.
  4. 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
  5. 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
  6. 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.
×