Jump to content

Community

Search the Community

Showing results for tags 'Theme Tip'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Categories

  • Themes
    • Light Themes
    • Dark Themes
  • Applications and Plugins
    • Utilities and Stats
    • Look and Feel
    • Blocks and Widgets
    • Social Experience
    • Bridges and Integration
    • Developer Resources
    • Member Extensions
    • Staff Extensions
    • Commerce
    • Fields
    • Multimedia
  • Translations
  • Invision Community Extras
    • Invision Community Guides
  • Image Packs (Deprecated)
  • Theme Followers's Downloads

Categories

  • Welcome
  • Client Services
  • Getting Started
    • Community in the Cloud
    • Migrating From Another Platform
  • Members and Groups
    • Social Sign In
  • Member Functions
  • Staff and Moderation
  • Security and Rules
  • Promotion
  • Monetization
  • Community Enhancements
  • How to use Invision Community
    • Managing Your Community
    • Content Discovery
    • File Management
    • Member Preferences and Features
  • Suite Applications
    • Forums
    • Gallery
    • Downloads
    • Blog
    • Calendar
    • Pages
    • Commerce
  • Themes and Customizations
    • Getting Started with Themes
    • Advanced Theming
    • Languages and Localization
    • Editor and Emoticons
    • Tips & Tricks
    • Template syntax
    • Javascript Framework
    • CSS Framework
    • Sidebar and Widgets
  • Advanced Options
    • Configuration Options
    • Server Management
    • IPS Connect

Categories

  • General
  • Development
    • Applications
    • Plugins
    • Extensions
  • Framework Fundamentals
    • Nodes
    • Content Items
    • Comments
    • Reviews
  • Members & Authentication
    • Login Methods
  • Other Features
    • Notifications & Emails
    • Forms
    • Commerce
  • Invision Community 4.2
  • Invision Community 4.3
  • Invision Community 4.4
  • Invision Community 4.5
  • Legacy Documentation
    • 4.2 and below: IPS Connect
    • 4.2 and below: Login Handlers

Categories

  • Product Updates
  • Community Management
  • Off-Topic
  • Company
  • Matt's Blog
  • Guest Blog

Forums

  • Sales, Feedback and Information
    • Contact Us
    • Feedback and Ideas
    • Product Guidance
  • Community Led Resources
    • Customization Resources
    • IPS Marketplace Topics
  • Community Forums
    • Community Administration Tips
    • Client Lounge
    • General Chit Chat
  • Theme Followers's Theme Updates

Product Groups

  • <p>Advertisements</p>
  • Converted Subscriptions
  • test

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Skype


Location


Interests


QA


Resources Contributor

Found 13 results

  1. HTML Logic is our name for the additional tags available in IPS4's templates that allow runtime logic to be executed. It comprises if/then/else statements as well as loops and more. Since HTML Logic has access to all of the underlying PHP framework in IPS4, it's very powerful and a lot can be achieved with it. One common use is to limit certain content within a template to particular member groups. Let's see how that might be done. Showing or hiding content only to guests We'll first look at a simpler idea: showing or hiding content specifically to guests (i.e. anyone who
  2. When IPS4 encounters an error (be it a simple 404 Not Found or a more complex configuration issue), the user sees a standard built-in error page. That's fine in many cases, but did you know you can create your own error page using our Pages app? This is a particularly good approach for communities that use Pages for their website too. If you have built a website theme, the standard error page may not fit with your visual style, so building your own error page allows you to improve it. You might want to show some helpful links to other parts of your website, for example. Creati
  3. We were recently asked if it's possible to color code tags - the customer in question used tags as statuses on topics, and so wanted 'resolved' to be green, and so on. Despite being a great idea, this isn't something that is currently possible 'out of the box' - although we'll add it to our internal feature idea list to follow up on later! But just because it isn't built in, that doesn't mean it isn't possible! In fact, with a little CSS, this is quite easy to achieve now. Writing a CSS selector We can do this by writing a CSS selector that matches the tag URL for the tag
  4. In IPS4, it's easy to add custom icons to your forums, simply by uploading them on the Edit Forum screen in the AdminCP. But if you want to replace all of your forum icons, uploading the same icon for each forum can be a bit tedious. It's easy to use some custom CSS to replace all of the icons - lets see how. First, you'll want to upload the image(s) you want to use to the Resources section of your theme so that it can be used in your CSS. To start with, we'll use the same image for both read and unread status, but we'll cover using a different icon for both too. The basi
  5. Recently, we had a post in our pre-sales forum that asked how to achieve a few different things with Pages. One of the questions asked was if it was possible to show topics from a particular forum in each database record. While Pages can create a topic for each record for you, there's no way to associate an entire forum with a record. In my reply, I indicate that you'd need to have a forum ID stored with each record in a custom field, and then use PHP to interact with our API to pull the topic list. As it turns out, however, there's an easier way that I discovered after some experime
  6. An enterprise customer recently asked us how to have a different feed block for each of their forums. Their goal was to have each forum show a 'popular topics' block containing topics only from that particular forum. Unfortunately this isn't possible using the standard block manager right now, since each view is treated as one configuration. That means that any blocks added to forum view will show for all forums. However, as usual in IPS4, some of the more advanced power under the hood does allow you to achieve the same goal - in this case, by using HTML Logic. This technique uses a simil
  7. Several clients have asked how we placed the Twitter feed block on the sidebar of our News page. It's really quite easy and a great demo of how you can place custom HTML in our system. Here is how it was done: Get the embed code from Twitter Create a custom HTML block in our Pages app Drag and drop that block into the sidebar That really is it! Here is a video walkthrough: This is a basic example of a custom HTML block that you can use in so many different ways. You could create a "call to action" the only shows to Guests to get them to register. You migh
  8. Occasionally you'll want to style a specific element on a specific page of your community - maybe you want to change how topic titles are shown inside a topic, or do something specific to the styles used in activity streams, without also altering other screens where the same elements are used. Your first instinct might be to open the template editor and add some custom classnames so you can style them. This would certainly work, but the downside is your template is now customized, so any future IPS4 updates would leave the template out of date. Not ideal by any means. Instead, you ca
  9. Blocks are an extremely popular feature in IPS4, used by a huge number of customers to great effect. They range from feeds of topics, to statistics, to custom blocks that can contain anything you wish. They're a great way to add dynamic content to your community theme. What many people don't know is that blocks you create with Pages can be used anywhere in your theme, not just in the designated block containers (in the header, footer & sidebar). The {block} tag It's really easy to do so. Here's the tag you'd use: {block="block_key"} That's it! The block_key is
  10. IPS4's theme system has a feature called template plugins, which are special tags that do something to the values you pass in. You'll see them throughout the templates - they look like this: {lang="..."} This tag displays the language string for the key you pass into it, and is probably the most commonly used one. But there's many others too, so let's review some of the useful ones you can use in your themes and addons. {member} If you need to show any data about a member, the {member} tag is very useful. It's a shorthand that can display properties and call methods on
  11. We frequently encourage people to use custom CSS files when designing their themes. The reason for this is simple: it makes upgrading your site much easier because IPS4 can apply any changes to its own CSS files, and will leave your custom CSS files untouched. If instead you made edits to IPS4's CSS directly, it wouldn't be able to upgrade them automatically, which means more work for you, and a potentially broken UI on each upgrade. Something that's not quite as common, but that we still strongly suggest, is using custom template bits as much as possible. The most common template you'd e
  12. Our Pages app includes a powerful feature that allows you to create your own databases within the community. Within each database, you create custom fields (we support a number of custom types, from plain text fields, to YouTube embeds and more). And while we provide some generic, simple templates to display your data, custom templates allow you to more precisely control how your database looks in a manner best suited to your site. Anyone who has created a Pages database will be familiar with using custom fields. You may have created a field for the title of your item, or an upload field
  13. When you use custom templates for a Pages database, you'll often need custom CSS to go along with it to provide the styling. There's two main ways of doing this: CSS files within Pages Pages allows you to create CSS files, and then associate them with particular custom pages of your community (you create these in the AdminCP, under Pages > Templates > CSS). So simply create your CSS file, and associate it to the page that your database is displayed on. The benefit of this method is it applies to all themes, so it's great if you want your database to look the same on all th
×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy