Search the Community

Showing results for tags 'IPS4-Tutorial'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Help Support
    • Announcement And Help
    • Funday Chatroom
  • Poetry
    • Shair-o-Shaa'eri
    • Famous Poet
  • Islam - اسلام
    • QURAN O TARJUMA قرآن و ترجمہ
    • AHADEES MUBARIK آحدیث مبارک
    • Ramazan ul Mubarik - رمضان المبارک
    • Deen O Duniya - دین و دنیا
  • Other Forums
    • Chitchat and Greetings
    • Urdu Adab
    • Entertainment
    • Common Rooms
  • Music, Movies, and Dramas
    • Movies Song And Tv.Series
  • Science, Arts & Culture
    • Education, Science & Technology
  • IPS Community Suite
    • IPS Community Suite 4.1
    • IPS Download
    • IPS Community Help/Support And Tutorials

Blogs

  • Ishq_janoon_Dewanagi
  • Uzee khan
  • Beauty of Words
  • Tareekhi Waqaiyaat
  • Geo News Blog
  • My BawaRchi_KhaNa
  • Mukaam.e.Moahhabt
  • FDF Members Poetry
  • Sadqy Tmhary
  • FDF Online News
  • میکدہ
  • Dua's Kitchen
  • Raqs e Bismil

Categories

  • Books
    • Urdu Novels
    • Islamic
    • General Books
  • IPS Community Suite 4
    • Applications
    • Plugins
    • Themes
    • Language Packs
    • IPS Extras
  • IPS Community Suite 3.4
    • Applications
    • Hooks/BBCodes
    • Themes/Skins
    • Language Packs
    • Miscellaneous XML Files
  • XenForo
    • Add-ons
    • Styles
    • Language Packs
    • Miscellaneous XML Files
  • Web Scripts
  • PC Softwares

Categories

  • Articles

Categories

  • Records

Calendars

  • Community Calendar
  • Pakistan Holidays

Genres

  • English
  • New Movie Songs
  • Old Movies Songs
  • Single Track
  • Classic
  • Ghazal
  • Pakistani
  • Indian Pop & Remix
  • Romantic
  • Punjabi
  • Qawalli
  • Patriotic
  • Islam

Categories

  • Islam
  • Online Movies
    • English
    • Indian
    • Punjabi
    • Hindi Dubbed
    • Animated - Cartoon
    • Other Movies
    • Pakistani Movies
  • Video Songs
    • Coke Studio
  • Mix Videos
  • Online Live Channels
    • Pakistani Channels
    • Indian Channels
    • Sports Channels
    • English Channels
  • Pakistani Drama Series
    • Zara Yaad ker
    • Besharam (ARY TV series)
  • English Series
    • Quantico Season 1
    • SuperGirl Season 1
    • The Magicians
    • The Shannara Chronicles

Found 19 results

  1. Invision Power Board had already implemented the code into their system but somewhere along the lines the code got broken and before long you needed a plugin to fix it. This fix however is really simple and doesnt require any plugins, it fixes the userlink formatting pretty much all over the website. Step 1: Go to the theme you want to implement the fix to, and select the HTML Template "userLink" its found under core > front > global Step 2: Replace the entire code in "userLink" with the following below {{if $member->member_id AND \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) ) }}<a href='{{if $warningRef}}{$member->url()->setQueryString( 'wr', $warningRef )}{{else}}{$member->url()}{{endif}}' data-ipsHover data-ipsHover-target='{$member->url()->setQueryString( array( 'do' => 'hovercard', 'wr' => $warningRef, 'referrer' => urlencode( \IPS\Request::i()->url() ) ) )}' title="{lang="view_user_profile" sprintf="$member->name"}" class="ipsType_break">{$member->group['prefix']|raw}{$member->name}{$member->group['suffix']|raw}</a>{{endif}} and your done just reload your forum and you will see the difference
  2. This tutorial will show you how to add various social media icons (twitter, youtube, facebook) icons in the IPB header. In this case next to the quick search box. Step 1. Open your Admin CP > Look & Feel Tab > select skin > Global Templates > globalTemplate. Find: <if test="canSearch:|:$this->memberData['g_use_search'] && $this->settings['allow_search']"> {parse template="quickSearch" group="global" params=""} </if> Add BELOW: <ul class='ipsList_inline right' style='margin-top: 20px; margin-right: 30px;'> <li style='margin:0px;'><a href='http://twitter.com/{twitter username}' title='Latest news and updates at twitter'><img src='{link to twitter icon}' alt='twitter' /></a></li> <li style='margin:0px;'><a href='http://www.youtube.com/user/{youtube username}' title='View my Youtube videos'><img src='{link to youtube icon}' alt='youtube' /></a></li> <li style='margin:0px;'><a href='https://plus.google.com/{google plus id}' title='View our Google Plus page'><img src='{link to your google plus icon}' alt='googleplus' /></a></li> </ul> Save Template. Now you'll need to replace where I've stated {twitter username} or {link to youtube icon} with your own social media usernames and social media icons. In different skins you may need to adapt the padding or margin to fit better with your skin.
  3. IP.Shoutbox has several Quick Commands that can be used to make certain actions perform in a faster way. Here is a list that explains how to use them properly: /announce [Announcement Text] - This will update the announcement in your Shoutbox without having to go to the Admin CP /archive - Launches the Shoutbox Archive window (only if member has permission to view it!) /ban [name] - This will ban a member from the Shoutbox (only moderators with correct permissions can use this command) /moderator member [id|name] - This will launch the appropriate moderator options for that particular member /moderator shout [id] - This will launch the appropriate moderator options for that particular shout /prefs - This will launch the Preferences window /prune [x] - This can be used by only those that have ACP access and will prune all shouts older than [x] days. If no number is entered, a security message will pop-up so you do not accidently wipe the whole shoutbox. /prune 0 - will remove all shouts. /refresh - This will refresh the Shoutbox (useful if you have your refresh button hidden) /unban [name] - This will unban a member from the Shoutbox (only moderators with correct permissions can use this command) /me [Text] - Shows Username + Text Feel free to reply if you have any other commands.
  4. Hey, if u want a custom box with the default style then use this here. <li class="ipsWidget ipsWidget_vertical ipsBox" data-controller="core.front.widgets.block"> <div class="ipsWidget ipsWidget_vertical ipsBox"> <h3 class="ipsType_reset ipsWidget_title">BOX NAME</h3> <div class="ipsWidget_inner"> Your HTML Text </div> </div> </li>
  5. Change Avatar Style Preview Modifie in CSS: Select the skin you want to modify, then go to Core >> front >> custom> custom.css and add this code: .cAuthorPane_photo img{ max-width: 170px; } Modifie in Template Go to Forums >> front >> topic >> postconainer and search for: <li class='cAuthorPane_photo'> {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"} </li> Change: <li class='cAuthorPane_photo'> {{if $comment->author()->pp_main_photo}} <a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"> <span class='ipsUserPhoto ipsUserPhoto_variable'> <img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /> </span> </a> {{else}} <a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"> <span class='ipsUserPhoto ipsUserPhoto_variable'> <img src="<Path_to>/default_photo.png" /> </span> </a> {{endif}} </li> Once done, save everything, and now go to the Groups. Click edit and go to the Social tab, search for: Maximum profile photo width/height Place 300 and go, save it and you're done. New size of the Avatars of your Forum will be 170x300, to change: Here changes the Length Maximum profile photo width/height And here the Width .cAuthorPane_photo img{ max-width: 170px; }
  6. helpful IF codes In IPS4, logic checks are done using the special {{if}}, {{else}} and {{elseif}} tags. As with standard programming logic, if the expression results in true, the block of code within is executed. If it is false, it isn't (and if there's an else or elseif block, that is tested for a true result instead). So, a block of logic in a template might look like this: {{if member.member_id == 3}} <!-- If the member has ID 3, this will be shown --> {{elseif member.member_id == 9}} <!-- But if the member has ID 9, this will be shown instead --> {{else}} <!-- If the member isn't ID 3 or 9, then this will show --> {{endif}} If you need help constructing a logic check, feel free to check out the Customization Resources forum. Examples. I want to... Check if the user is logged in {{if member.member_id}} <!-- this will show if the member is logged in --> {{endif}} Check if the user isn't logged in {{if !member.member_id}} <!-- this will show if the user is a guest --> {{endif}} Check if the user's ID is one of x, y or z You can check as many values as you like; just add more numbers to the array. {{if in_array( member.member_id, array( 5, 28, 472 ) )}} <!-- Shows if the member's ID is 5, 28 or 472 --> {{endif}} Check if the user is in group x Where x is the group ID number. Note that this also checks secondary member groups. {{if member.inGroup('x')}} <!-- Shows if member is in group 'x' --> {{endif}} Check if the user has more than x posts In IPS4, all content in all apps counts as a 'post'. {{if member.member_posts > 3}} <!-- Shows if the member has more than 3 posts --> {{endif}} Check if the user has fewer than x posts In IPS4, all content in all apps counts as a 'post'. {{if member.member_posts < 3}} <!-- Shows if the member has fewer than 3 posts --> {{endif}} Check if the user is an administrator Note that this also checks if any of the user's secondary member groups has admin permissions. {{if member.isAdmin()}} <!-- Shows if the user is an administrator --> {{endif}} Check if the user is banned {{if member.isBanned()}} <!-- Shows if the user is banned --> {{endif}} Check if the current page is part of app x You need to check the application key. Most are obvious (e.g. forums is the forums app), but there are some others to be aware of. For custom/third-party apps, ask the author which app key they use. - core = Any system page that isn't part of another app, e.g. search, login/registration, profiles etc. - cms = Pages - nexus = Commerce {{if request.app == 'forums'}} <!-- Shows if the user is viewing any page in the 'forums' app --> {{endif}} Check if a system setting has value x You can check whether system settings have a given value, although you will need to know the setting key used by the backend. Values may not be simple to check, depending on their type - consult our Customization Resources forum if you aren't sure how to check a particular setting. {{if settings.auto_polling_enabled}} <!-- Shows if the 'auto_polling_enabled' setting is true (i.e. enabled) --> {{endif}} Check a variable in a template has value x Template bits in IPS4 may receive one or more variables from the backend code. You can check the values of these within the template to do something based on the value. This only works within the template into which the variable you are checking is passed - they are not inherited. {{if $myVariable == 'some_value'}} <!-- Shows if $myVariable is equal to 'some_value' --> {{endif}} Check if the current forum is forum ID x Within the forums app, you can check whether the current page is showing the forum with ID x {{if request.app == 'forums' && request.module == 'forums' && request.id == 3}} <!-- Shows if the user is in the forums app, viewing a forum with the ID 3 --> {{endif}} .
  7. Group Formatting is a great way to apply flare and personality to a usergroup, by making their names so fancy they become the envy of anyone who see's them, and there is quite a lot you can do with it. A little understanding in CSS/HTML goes a long way with these. You can really get creative and tinker away like crazy with these once you get into it (I personally find it fun, xD). Before getting into it (for the benefit for anyone literally just stepping into this the makeup for your usergroup is configured in the form of prefix code and suffix code. Prefix code controls what comes before the code, and how the group name is formatted, and the suffix code closes off the prefix code and if you want anything like an image to appear after the username, then it's added into the suffix code. For IPB when you go to the edit screen for a group the group formatting part is just: Group Formatting [ ] Group Name [ ] FIRST BOX (PREFIX): <span style=''> SECOND BOX (SUFFIX): </span> So! The above code is where it all starts! Just drop the prefix part into the first box, and the suffix part into the second box. All the code you add to fab-up your usergroup will go between the apostrophes ( ' ' ) and if you are using multiple elements in your formatting you must make sure to put a space after the semicolon ( ; ). If you are unsure, don't worry I show examples of how to do this later on down the guide. FORMAT When we think of text format we mainly think of it's use in posts and comments. It comes in many flavours bold, italic, underline and strikethrough but all of these can be applied to group formatting too. An example of this is where staff groups have their names in bold to make them standout more, or someone who is banned has a line through their name, and I suppose some people can be weird and find uses for italic and underline in group formatting, that's cool too! FIRST BOX (PREFIX): <span style='font-weight:bold;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-style:italic;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='text-decoration:underline;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='text-decoration:line-through;'> SECOND BOX (SUFFIX): </span> Buuuut... There is a simpler way of doing text style, of which I'll show below... FIRST BOX (PREFIX): <b><span style=''> SECOND BOX (SUFFIX): </span></b> Or... FIRST BOX (PREFIX): <i><span style=''> SECOND BOX (SUFFIX): </span></i> Or... FIRST BOX (PREFIX): <u><span style=''> SECOND BOX (SUFFIX): </span></u> Or... FIRST BOX (PREFIX): <strike><span style=''> SECOND BOX (SUFFIX): </span></strike> COLOUR More than often people first think of colour when it comes to customizing the makeup of a group, and I'm not joking, an almost infinite well of possibility is with colour! You can use the HEX code of any colour you want and if you aren't into that there is still a lot of options for people that wish to specify their colour by name. Just remember if you're using HEX to include the hashtag ( # ), and if you put in a colours name and it doesn't work, then use it's HEX instead. If you wish to browse the infinate well of colours I will leave two sources for your viewing pleasure. Colour Names: http://www.html-color-names.com/ or http://www.computerhope.com/htmcolor.htm FIRST BOX (PREFIX): <span style='color:red;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='color:#ff0000;'> SECOND BOX (SUFFIX): </span> FONT In terms of adding uniqueness to your group name, giving it it's own font is really up there! It's not that common seen either (in my experience anyway) which is a darn shame because in my opinion it's the top way to add personality to your group, and allows you to really create a unique style look between your groups. A list of fonts below! Arial Comic Sans MS Courier New Georgia Lucida Sans Unicode Tahoma Times New Roman Trebuchet MS Verdana Now for how we actually use 'em! FIRST BOX (PREFIX): <span style='font-family:arial;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:comic sans ms;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:courier new;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:lucida sans unicode;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:tahoma;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:times new roman;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:trebuchet ms;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style='font-family:verdana;'> SECOND BOX (SUFFIX): </span> SHADOW One thing I see being askws commonly in communities like this is "How do I add shadows to usernames?" and in honesty it's easy, buuut... If you are wanting to tinker with the shadow you can change the colour and pixel ( px ) values until you get a result you are happy with. Oh! I almost forget! With the right amount of tinkering you can also make the shadow act like an outline.. Which is also! VERY COOL! So! The shadow! Though a quick heads up, text shadow often looks like a glowing effect, but trust me.. It's still awesome! FIRST BOX (PREFIX): <span style='text-shadow: 2px 2px 5px black;'> SECOND BOX (SUFFIX): </span> Now for code for making your text shadow act like an outline! I've used this quite a bit myself, and do think it looks really good! FIRST BOX (PREFIX): <span style='text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;'> SECOND BOX (SUFFIX): </span> COMBINING ELEMENTS Now you've got all these elements to choose from, it's time to start combining what we wanna use and create something awesome and unique! ...And good news! It's easy! At the start of the guide that I'd provide examples of combining the elements, so! Let's go! Verdana Blue FIRST BOX (PREFIX): <span style='font-family:verdana; color:blue;'> SECOND BOX (SUFFIX): </span> Red Italic Shadow (Glow) FIRST BOX (PREFIX): <span style='color: red; font-style:italic; text-shadow: 2px 2px 5px black;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <i><span style='color: red; text-shadow: 2px 2px 5px black;'> SECOND BOX (SUFFIX): </span></i> Underline Indigo Comic Sans MS Shadow (Outline) FIRST BOX (PREFIX): <span style='test-decoration:underline; color:indigo; font-family:comic sans ms; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;'> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <u><span style='color:indigo; font-family:comic sans ms; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;'> SECOND BOX (SUFFIX): </span></u> ADDING IMAGE TO THE FORMATTING Another great way to really make your groups look unique is to put little images before or after the names them. Remember if you want the image to be before the username then you put the code in the prefix box, and if you want it to come after the username then you put the code in the suffix box. just take extra care to remember that the code either goes before your code in the prefix box, or after your code in the suffix box! FIRST BOX (PREFIX): <img src="" width="" height=""><span style=''> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style=''> SECOND BOX (SUFFIX): </span><img src="" width="" height=""> Not in order to get the image to show you'll need a direct link to the image so it can be grabbed, if you are worried about your image being taken down or anything you can host it in your own webspace, or through a imaging website like imgur ( www.imgur.com ). As long as you are using the direct link to the image, it'll work. Oh! Also, don't forget to fill in the width and height numbers so the code knows what dimensions you want the image to be. Example for reference... FIRST BOX (PREFIX): <img src="http://i.imgur.com/QeM3VxE.png" width="20" height="20"><span style=''> SECOND BOX (SUFFIX): </span> Or... FIRST BOX (PREFIX): <span style=''> SECOND BOX (SUFFIX): </span><img src="http://i.imgur.com/QeM3VxE.png" width="20" height="20"> FUN EXTRAS Now! While we've explored many ways to make your group unique and fancy through formatting, there is plenty otherwise to go about it too! Here are just a few more bits of code to tinker with your group formatting! FIRST BOX (PREFIX): <span style='font-variant:small-caps;'> SECOND BOX (SUFFIX): </span> And... FIRST BOX (PREFIX): <span style='text-decoration:overline;'> SECOND BOX (SUFFIX): </span> And... FIRST BOX (PREFIX): <span style='background-color:black;'> SECOND BOX (SUFFIX): </span> Have fun with it! Tinker around and see what dastardly level of cool, super and awesome you can come up with! Here is one you can try if you want! FIRST BOX (PREFIX): <img src="http://i.imgur.com/QeM3VxE.png" width="20" height="20"><span style='font-weight:bold; font-family:lucida sans unicode; color:red; background-color:black; text-decoration:overline;'> SECOND BOX (SUFFIX): </span> THANKS FOR READING!!! Annnnnd... There we go! I sincerely hope from the bottom of my lil; tinkers heart that you enjoyed this guide and I do hope it's helped you out, even if just a little! I welcome feedback, and if you require assistance or support don't hesitate to drop it in a comment and we'll see what we can do to help! Oh! ...And if you want to learn more about this stuff for yourself I recommend going to http://www.w3schools.com and exploring, there is a lot of goodies there to make the heart of any tinker flutter and explode! BEST OF LUCK!!! & HAVE OODLES OF FUN TINKERIN'!!! ( P.S: Special thanks to the songs for keeping me sane during the time I was writing this! xD : Led Zeppelin - Whole Lotta Love, Flogging Molly - Seven Deadly Sins, Ram Jam - Black Betty, Muse - Panic Station, Shinedown - Sound Of Madness, Hollywood Undead - Bullet and Queen & David Bowie - Under Pressure )
  8. An issue has been identified that may prevent you from moving comments from one item to another item (e.g. splitting posts from one topic to another topic), resulting in an error code 2F173/I. To resolve this issue please upload the following patched file to your server: system/Content/Comment.php Comment.php
  9. How to make... Go to "ACP > Pages > Blocks > Create New Block"; In "Type", mark "Custom"; In "Content Editor", mark "Manual HTML"; Click on "Next"; Put some details and click on "Content" tab; In "Content" field, add this code: <h3 class="ipsWidget_title ipsType_reset">YOUR TITLE</h3> <div class="ipsPad ipsWidget_inner" style="border: 0;padding: 0;"> YOUR CODE </div> Save this config and go to index; Now, just click on "Manage Blocks", "Pages" and "Custom Blocks"; Add the block and enjoy
  10. Go to applications --> serverlist --> tasks Find: if(!\IPS\Application::appIsEnabled('serverlist') OR !\IPS\Settings::i()->gs_sl_enabled): Change to: if(!\IPS\Application::appIsEnabled('serverlist') OR !\IPS\Settings::i()->sl_enabled): I upload the file again
  11. Hi, Anyone Know how to desactivated SEO ? I dont want to find my forum on google or other search engine. Thanks for your help
  12. FontAwesome Forum Icons So this is to get the forum icons like we currently have. You need at least some css & html knowledge and be able to use google/firefox's developer tools. Getting your Forum IDs For this to work at all you need to know the forum ID's you want to change. You can find these by right clicking them and checking the data-forumid attribute: You can also see the forum ID if you edit the forum in the admin cp, at the end of the url: Adding some template code Go to the theme and open up the following template: forums > front > index > forumRow At the end of every instance of a span with the class ipsItemStatus: <span class='ipsItemStatus You will need to add this little bit of code before the closing ">". data-forumID="{$forum->_id}" On the default themes that's line 12, 16, 20 and 28. It will look something like this: Adding the CSS This is where you'll need your forum ID numbers. This is also how i implemented them into the WebFlake CSS. Open your custom.css and add the following code: /* ========================================================================== FORUM ICONS ========================================================================== */ /*== [Category Name] ==*/ span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" } span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" } span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" } span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" } span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" } span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" } Remember the forum IDs from earlier? You'll need to change the numbers here with your own forum IDs. You can copy/paste these lines for every forum you have, the reason i add the category names as comments is because in the future if stuff changes i won't lose track of which category is which. Change the "\f015" part with whatever FontAwesome icon you want. Go to http://fontawesome.io/icons/ and click the icon you want for your forum, for example "home". Copy the "unicode" part and replace it in your css. Keep the "\" backslash in there. If you have forum icons set as images currently, you will need to remove them. And that's it, you will now have customizable forum icons for your forums.
  13. Google+ You can allow your members to sign in to your website using their google+ account. In order to do this however, you first need to create an API key. First you need to go to the following URL and sign in using your google account. https://console.developers.google.com/project Once signed in you will need to create a new project using the button provided in the top left You will then be asked to enter a project name. This is not something that is important to the code, it simply gives it a recognisable name and ID. I would suggest simply using your site name here. Select the "Enable and Manage APIs" button on the next page You will then be presented with a large list of APIs. You need to select the Google+ API as shown in the screen below. Now you have this added, first select "Enable" to ensure that we have this method enabled. We then need to set up the credentials for your site to use. Select credentials on the left On the credentials screen, you will see a "Create credentials" button. Click on this and select OAuth client ID from the list provided. Now select "Web Application" . You will also need to then enter a name (leave as default). The examples for the next 2 items are based on the website being installed at our dummy location of http://www.example.com/community/ Authorised Javascript Origins (Note this is just the domain, not the full path to your site) http://www.example.com Authorised Redirect URIs http://www.example.com/community/applications/core/interface/google/auth.php Warning You may see these are not selectable and you need to set up your website name. If that is shown, simply click on the link and enter your website name as instructed. Once clicking on create you will then be shown the key and secret that you need to enter within your admin cp You can enter these details within System>Settings>Login Handlers>Google
  14. Hi, Earlier i saw some people was asking how AltisLife created their Server Statistic at the top of their website. This guide will help you make exactly the same. Go to Admin CP -> Customization -> Themes -> Your Theme -> Edit HTML and CSS -> CSS -> custom.css and open the css file. Paste the following CSS code onto the custom.css: .infoTab { float: left; line-height: 42px; font-family: 'Montserrat', sans-serif; font-size: 130%; padding-left: 75px; } .msg { float:right; line-height:42px; font-family:'Montserrat', sans-serif; font-size:140%; } .serverBar li { padding-left:10px; } .playerCount { color:#536e41; } .msgText { margin-right:15px; } .serverOnline { color:#536e41; } .serverOffline { color:#972E33; } Go to Templates -> core -> front -> global -> globalTemplate and open it. Paste the following HTML code into the globalTemplate: <div class="ipsLayout_container ipsClearfix" style="margin-bottom: 4px;"> <div id="navBar" class="ipsClearfix"> <ul style="font-size: 1.4rem;" class="infoTab ipsList_inline cSignedIn ipsClearfix ipsResponsive_showDesktop serverBar"> <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">TEAMSPEAK</li> {block="ts_slot_check"} <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">SOME</li> <li class="playerCount" data-ipstooltip="" data-ipstooltip-label="Tooltiphere"><span id="server_0" class="serverOnline">ONLINE</span></li> <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">CONTENT</li> <li class="playerCount" data-ipstooltip="" data-ipstooltip-label="Tooltiphere"><span id="server_1" class="serverOnline">ONLINE</span></li> <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">HERE</li> <li class="playerCount" data-ipstooltip="" data-ipstooltip-label="Tooltiphere"><span id="server_3" class="serverOnline">ONLINE</span></li> <li style="font-size: 1.4rem;" class="msg" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">Your Website Name</li> </ul> </div> </div> Now you need to create a php block that can display real time server status. In this example i will show you how to do it with the Teamspeak, for others you have to write your own script or get one from internet. Go to Pages -> Block -> Create New Block -> Custom -> Manual PHP -> Next Name: Anything you want Template Key: ts_slot_check Content: require_once("misc/libraries/TeamSpeak3/TeamSpeak3.php"); try {$ts3 = TeamSpeak3::factory("serverquery://SERVERQUERYUSERNAMEHERE:SERVERQUERYPASSWORDHERE@SERVERIPORDNSHERE:10011/?server_port=9987"); echo "<li class='playerCount' data-ipstooltip='' data-ipstooltip-label='Tooltiphere'><span id='server_2' class='serverOnline'>" . $ts3->virtualserver_clientsonline . " / " . $ts3->virtualserver_maxclients . "</span></li>";} catch(Exception $e){echo "<li class='playerCount' data-ipstooltip='' data-ipstooltip-label='Tooltiphere'><span id='server_2' class='serverOffline'>OFFLINE</span></li>";} And now you just have to download PlanetTeamSpeak Framework from HERE Then copy the libraries folder and all of its content to your webserver /misc/ folder. It should looks like /misc/libraries/TeamSpeak3/TeamSpeak3.php The script is working now, and your website will display the user number on your teamspeak. Please note that this guide is only makes possible to display Teamspeak status. The other 3 column is just a static content that you can make dynamic with a script. Enjoy
  15. Hello, For those who want to leave the warnings of his forum most beautiful and attractive, here have some css boxes: HTML <div class="mbh-success mbh-notification-box">This is the success box</div> <div class="mbh-failure mbh-notification-box">This is the failure box</div> <div class="mbh-warning mbh-notification-box">This is the warning box</div> <div class="mbh-information mbh-notification-box">This is the information box</div> <div class="mbh-question mbh-notification-box">This is the question box</div> <div class="mbh-tip mbh-notification-box">This is the tip box</div> <div class="mbh-notice mbh-notification-box">This is the notice box</div> CSS @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); @import url('http://fonts.googleapis.com/css?family=Open+Sans'); .mbh-notification-box { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; font-family: 'Open Sans', sans-serif; margin-bottom: 25px; padding: 10px 14px 10px 44px; position: relative; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .mbh-notification-box:before { font-family: FontAwesome; font-size: 21px; left: 14px; position: absolute; } .mbh-success { background-color: #2ecc71; } .mbh-success:before { content: "\f00c"; margin-left: -2px; } .mbh-failure { background-color: #e74c3c; } .mbh-failure:before { content: "\f00d"; } .mbh-warning { background-color: #e67e22; } .mbh-warning:before { content: "\f12a"; margin-left: 5px; } .mbh-information { background-color: #3498db; } .mbh-information:before { content: "\f129"; margin-left: 4px; } .mbh-question { background-color: #f1c40f; } .mbh-question:before { content: "\f128"; margin-left: 2px; } .mbh-tip { background-color: #16a085; } .mbh-tip:before { content: "\f0eb"; margin-left: 2px; } .mbh-notice { background-color: #bea474; } .mbh-notice:before { content: "\f0a1"; margin-left: -1px; } How to use: You just need to enter the text editor and go to his source code and insert one of the <div> tags mentioned above. To insert CSS: Put your css code in a <style> tag.
  16. Go to ACP Go to your theme Click on "Edit HTML and CSS" Search for "custom.css" Aplicate this code and save: #elLicenseKey { display: none; }
  17. Go to ACP Go to your theme Click on "Edit HTML and CSS" Search for "custom.css" Aplicate this code and save: body[data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader{ display: none; }
  18. Hi all, for remove the notification update of IPS : Edit your theme in html & css => search : ipsMessage => select : updateWarning => comment the code <!-- you code page of updateWarning --> and save Now you have no more notification of new update of IPS
  19. Step:1 Go to ACP > Customization > Themes and Select the skin you wish to edit Step: 2 Find postContainer in the templates Step: 3 Look for <li class='cAuthorPane_photo'> {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"} </li> Step: 4 Replace it with <li class='cAuthorPane_photo'> {{if $comment->author()->pp_main_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$comment->author()->name"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$comment->author()->name"}' title="{lang="view_user_profile" sprintf="$comment->author()->name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$comment->author()->name"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$comment->author()->name"}' title="{lang="view_user_profile" sprintf="$comment->author()->name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{resource="default_photo.png" app="core" location="global"}" /></a>{{endif}} </li> #Note: you need to manually add the image url for "Default Image Url" in the code above as i believe each default images are different named differently; to find this you can go into uploads/set_resources_1 on your ftp server and look for the image, or you can right click inspect element and find it copy the image link and replace Default Image Url in the img src i have above, this will enable Default Avatar as it was broken before i updated the code above when a custom one isnt uploaded it will use the default Step: 5 Find misc.css Step: 6 Add this line of code below .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after { width: 150px; {{if theme.rounded_photos}} border-radius: 0px; {{endif}} } After this one .ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after { width: 120px; height: 120px; {{if theme.rounded_photos}} border-radius: 60px; {{endif}} } after you have completed all the steps above the results should be like this below