Back To Top
Login
Register
Visit Us At TwitterVisit Us At YouTubeVisit Us At Facebook
KandiChat is in Beta Release. Try It Out
HomeHome  
  • UpdatesUpdates  
  • SearchSearch  
  • Latest imagesLatest images  
  • RegisterRegister  
  • Log inLog in  

  • RSS feeds


    Auto Re-sizing textareasMarch 19th 2013, 8:01 pm
      Hey guys, today I am giving you a plugin that works well with the forumotion forums. It's not very hard all you have to do is add this script to your javascript management. 

      
    Code:

      // Autosize 1.13 - jQuery plugin for textareas
    // (c) 2012 Jack Moore - jacklmoore.com
    // license: www.opensource.org/licenses/mit-license.php
    (function(e){var t="hidden",n="border-box",r="lineHeight",i='<textarea tabindex="-1" style="position:absolute; top:-9999px; left:-9999px; right:auto; …


    [ Full reading ]

    Comments: 4

    Want a Shop? December 5th 2012, 9:54 am
    Ok so this is going be a 5 star rating, only because there's a few codes that some of you will not understand, which is ok. You can ask any questions, and I will try and help you to understand.

    Ok to the tutorial, points system must be active really if you want to use this, I mean you can use this without the points system, but then how would you know how many points a user has.

    Ok, now go to
    ACP>MODULES>HTML & JAVASCRIPT>Click HTML pages management

    Click "Create new HTML page"
    Let's create our shop!

    Start off by ticking the following:

    Title * : (title the …

    [ Full reading ]

    Comments: 55

    The Doc Uploader on the New Editor!June 12th 2013, 1:58 pm
    Ok guys, so to add that awesome doc uploader from FilePicker.io we have a new code for you. It's easier and we are not instantiating the init sceditor twice now! 

    Easy, just create a new JavaScript file, then add this code

    Code:
    $(function() {
    var ifit = $('#text_editor_textarea');
    if(ifit.length){
      $.sceditor.command.set("servimg", {
        exec: function(caller) {
          var editor = this,
              data = $('#text_editor_textarea').data('sceditor'),
              source = …


    [ Full reading ]

    Comments: 9

    New Message Pop Up [punBB & phpBB2]March 19th 2013, 10:21 pm
      Hello my fellow users, today I was looking through the templates and found this very useful option. This will work so the your users can turn it off or on! All they have to go to Profile>Preferences and find this options :

    Display a pop-up window for new private messages :


    So here is how we do this...

    Step 1: Go to ACP>DISPLAY>TEMPLATES>GENERAL>OVERALL_HEADER then search for this -  - Once you find that there will be a "var" under that that says
    Code:
    pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
             pm.focus();




    [ Full reading ]

    Comments: 7

    New MemberlistMarch 17th 2013, 3:26 pm
    Hey guys so today I am going to show you how to change the stock table of members list to a different look and feel. This is completely custom and remember you can do whatever you'd like to this. This is just going to be a start and get you going, from here use your imagination and skills to make this the best you'd like it to be. 

    This difficulty level is 3 of 5 stars.

    Before:
    [You must be registered and logged in to see this image.]

    After:
    [You must be registered and logged in to see this image.]

    Ok so now let us get started on what we have to do. First we will go a head and start you off with …

    [ Full reading ]

    Comments: 11

    Create an Easy Doc & Image Uploader (Updated)June 1st 2013, 12:41 am
    Ok guys, so at first this was just a doc file uploader, little did you all know though that this code is also great for EASY IMAGE upload as well. I have updated the tutorial with the additional parts below, as well as additional mimetype information. Hope you all Enjoy


    Step 1: First go to this link, and sign up [You must be registered and logged in to see this link.]
    Make sure you use a valid Email Address incase you need an email verification.

    Step 2:Now login to your account.

    Step 3: Now you will be brought to the Developer Portal. You will need to hover/click the button Applications, a list will appear and you need to click …

    [ Full reading ]

    Comments: 73

    Infinite Scrollers June 4th 2013, 7:29 pm
    So far I have finished the Clickable Infinite Load Post code. I will be working on the scrollable now. So please enjoy this as this has taken me some thinking of how to go about all of this [You must be registered and logged in to see this image.]


    Create a new Javascript page and mark it In The Topics.
    Code:

    $(function() {
    //Copyright 2013 EasyBB Tutorals Dot Com
    //Any reference to this code, you must keep the copyright in tact. 
    //EasyBB (C) 2013
     if(!/p\d+/.test(window.location.pathname)) {
    var main =$('.post').last(),
    infiniBody= '<div …


    [ Full reading ]

    Comments: 28

    Changing the Hover Text on the New Text Editor!June 12th 2013, 11:54 am
    Hey guys, so as you can see ForuMotion has added a new Editor. Well I've been busy this morning doing all my little research and development that I can just for all of you to enjoy the editor to its fullest! As you can see my editor looks a little different, as I have a print mode and the fullscreen mode on my buttons [You must be registered and logged in to see this image.]

    I am going to show you how to change the hover text of the buttons. 
    First go to a new JavaScript and Name it CSEditor JavaScript. 

    This is where we will place all the JavaScript that I will be going to give you through out today. So no need to keep making …

    [ Full reading ]

    Comments: 3

    The NEW FM text editorJune 12th 2013, 10:00 am
    Hey guys so as you all are aware, FM has added a new SCEditor. It takes over the old editor, for phpbb2 and punbb users please follow my notes below. All tutorials for this editor will be placed here. We will be going over some of the core advantages of being able to change everything anything we want really. Also we can now easily add our own bbcodes without any other external bbcode feature. Which I will also being going over as well.  Please give me some time and I will be posting some great tutorials on this before I release any other tutorials. Thanks guys...



    PHPBB2 and PUNBB:
        …

    [ Full reading ]

    Comments: 2

    Changing What Buttons To display in text EditorJune 12th 2013, 12:08 pm
    Hey guys so while digging, here is a cool code to add to change which buttons are displayed in the header of the texteditor (where all buttons are) and add more buttons as well.

    So go to the CSEditor JavaScript we had you make already, if you don't have this create a new JavaScript and label it CSEditor JavaScript and we will use this quite a bit for the Editor Tutorials.

    Now if you have the change text code go below that. before the last closing tag }); and then add this code:

    Code:
    $("#text_editor_textarea").sceditor({
             locale: …


    [ Full reading ]

    Comments: 10

    New Editor ShortCut KeysJune 12th 2013, 12:00 pm
    Today I will be writing some quick shortcut keys for you all while in the New Text Editor

    CTRL+B= BOLD
    CTRL+I= ITALIC
    CTRL+U=UNDERLINE
    CTRL+A= SELECT ALL TEXT
    SHIFT+CTRL+S= Switch Modes



    Some more to come as soon as I can find them [You must be registered and logged in to see this image.]

    If you want to create your own shortcut keys just add this piece of javascript:

    Code:
    $(function() {
    var data= $('#text_editor_textarea').data('sceditor');
    data.addShortcut('ctrl+shift+g',"COMMAND");
    });
    });


    You have to start the string of shortcut keys with ctrl or alt, and then …

    [ Full reading ]

    Comments: 2

    Adding New Buttons to The SCEditorJune 12th 2013, 6:18 pm
    Ok guys so today I am going to show you how to add various buttons to the SCEditor. First let's make sure you have the SCEditor Template that I've provided [You must be registered and logged in to see this link.] if you do great. Let's go on with all of this.


    Ok so let me explain so things to you all

    Code:
    $.sceditor.command.set("commandname", {
     exec: function() {
     this.insert("a");
     },
     txtExec: function() {
     this.insert("a");
     },
     tooltip: "Insert the letter a"
    });




    The code above is just an example. I am going to …

    [ Full reading ]

    Comments: 2

    Smilies Pop OutMarch 17th 2013, 4:31 pm
    Hey guys, so in todays coding world we usually try and stay away from using iFrames. Though sometimes it is ok to use them, such as twitter and facebook both use the iframes for their ADK (plugins). In my eyes I personally like the smiley pop out instead of the smiley iframe in normal reply (not quick reply). 
     This code is easy and sometimes we do need to do some tweaking. So follow along with us, this is for both phpbb2 and punbb. First we will need to go to our templates, these are located in ACP>DISPLAY>TEMPLATES.

      We will need to click on the POST AND PRIVATE MESSAGES templates and …

    [ Full reading ]

    Comments: 2

    Adding a Tagging System for post!June 9th 2013, 11:35 pm
    Hey guys, Mr.EasyBB here with an EASY tagging system. All you have to do is follow step by step on what to do here! Check out all the variables and exactly how you can customize this awesome script!

    STEP 1: CSS
    [hc = CSS]
    Code:

    #errorMess:before {
    content: '';
    float: left;
    border-left: 10px solid transparent;
    border-bottom: 15px solid rgb(167, 63, 63);
    margin-top: -15px;
    }
    #errorMess:after {
    border-right: 80px solid transparent;
    border-top: 14px solid #a73f3f;
    content: '';
    float: right;
    margin-top: 10px;
    }
    .tag {


    [ Full reading ]

    Comments: 18

    Image Slideshow: with progress barMay 18th 2013, 12:03 am
    Ok so I've been asked to help you all with this tutorial. I haven't read the docs all the way yet, so I'm not sure if it is just confusing or not. In any case I will try to make this as easy as possible ok guys.

    Step 1:

    First go to your Style Sheet and add the CSS below

    Code:
    .pc_container {
        width: 600px;
        height: 200px;
        padding: 15px 1px 47px 1px;
        background-image: url("http://i79.servimg.com/u/f79/17/83/35/07/pc_bg10.png");
        margin: 0px auto;
    }

    .pc_container .pc_item {
        margin-top: 15px;
        …


    [ Full reading ]

    Comments: 14

    Widget TogglerMarch 22nd 2013, 3:23 am
    Hey guys, so here is a code that works for every single version of forums. All you have to do is add it to the javascript management and mark it all pages. This code adds a button, you can change the button to something else which is on lines 2 & 3. Also the buttons are for both Left and Right but no worries guys If you don't have one or the other on the button will not be added! I will be working later to add a cookie to this so the user doesn't have to keep clicking the hide or show buttons.
    One tip guys, go to your widgets management and find the pixel width of your widgets. Then …

    [ Full reading ]

    Comments: 9

    Tutorial: Tab MenuJune 3rd 2013, 1:51 am
    I thought I'd share my code for creating a tab menu that has a colored tab effect on hover. I'll also step you through easily customizing it. It includes gradients, transparency, and rounded borders. 
    You can either create your own cool style text/image to upload or just the plain text.

    Code:
    .mainmenu img{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, rgba(200,200,200,0.5)), color-stop(1, rgba(0,0,0,0.5)));
            background:-moz-linear-gradient(top, rgba(200,200,200,0.5) 5%, …


    [ Full reading ]

    Comments: 6

    ToolTip and Moderator Tools TutorialMay 19th 2013, 10:39 pm
    [You must be registered and logged in to see this link.]




    Ok so the other day someone asked me through PM on here how to create the LGBB pop up Tool Tip Feature. Well as you all know LGBB is of course AvacWebs code, so I am not going to get into too much detail about that except the code to add to the BBcode section. I have this code exactly as is on my website and it is punBB, this can work for phpbb2 as well as the other two. This code should work for Invision and phpbb3 if you follow the LGBB code correctly.




    AvacWebs LGBB CODE MUST BE IMPLEMENTED FOR THIS ADD ON TO WORK! FOLLOW HIS TUTORIAL HERE!


    [ Full reading ]

    Comments: 42

    Image LightBox CodeMay 14th 2013, 5:55 pm
    Ok so first you need to go to your JavaScript Management and add this code to a new page and label it FancyBox Code, mark it for in the topics.

    Code:

    $(function() {
      $('.entry-content img').each(function () {
    var imgtrue = $('img');
    if (imgtrue !== undefined) {
    $(this).not('img[src*="/smiles/"]').not('.vote img').not('.user_avatar img').not('#proFBfeel img').wrap('<a href="' + $(this).attr('src') + '" …


    [ Full reading ]

    Comments: 8

    Rainbow UserNames and Group NamesMay 19th 2013, 2:50 pm
    Hey guys, so I've been busy working on some codes, and just updated a code that was once here, then disappeared. It is the Rainbow Usernames and Group names. Very easy to write and very easy to implement!

    First go to your ACP>MODULES>JAVASCRIPT MANAGEMENT>CREATE NEW

    Label it "Rainbow Effect"

    Mark it for where ever you want it to be used in, All Pages, In Topics, Index, etc.

    Then add this JavaScript

    Code:
    $.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function() {
    var selectMe= …


    [ Full reading ]

    Comments: 0

    Category Toggle [PunBB - PhpBB2]March 19th 2013, 4:24 pm
      Hey guys this is going to be a category toggle for you forum page. This will make it so when a users clicks the target area its contents will shrink. I have this for punbb and phpbb2, I made a few different codes to work with every different persons taste. This code is quite simple so I am giving it a difficulty level of 2 stars. 
      Make sure you select your forum type and which type of toggle you would like. There is multiple ways so check each of them out if you want to.

     [hc = PunBB Click Head]
    Code:
    $('.main-head').click(function() {
    var g = …


    [ Full reading ]

    Comments: 11

    Styling each widget differentlyMay 15th 2013, 11:21 pm
    Hey guys, so today I am going to give you a quick code that will make it a lot easier to style your widgets different per your request. For example if we wanted the third widget on the left our CSS would look something like so

    #widg2{border:1px solid #FF0000;border-radius:5px;background:#000}

    As you can see it says #widg2, 2 is three since 0 is 1 in JavaScript. So whatever the number widget is, just subtract one and that is what your actual number is. 


    Codes:


    [hc=phpbb2 Code]
    Code:
    $(function() {
             var Lnumber = $('#left .forumline'),Rnumber …


    [ Full reading ]

    Comments: 8

    Gallery EffectsApril 23rd 2013, 11:42 pm
    Hey guys so here are some effects that we have created, we will be going through and creating some more every so often so make sure your check out that Recent Topics Link, or add this to your Watched Topics. So let us get started.  Below are listed features,

    Hover Show Image :
    [hc=Click for Codes]
    Code:
    $('.gallery-cat.center').css('position','relative');
    $('body').append('<div id="imgLight"><img class="ImgBox" src="" /><span></span></div>');
      var moveLeft = 200;
      var moveDown = -50;
      …


    [ Full reading ]

    Comments: 7

    Topic HighlighterMarch 19th 2013, 1:19 am
      Hey guys, so today I am going to explain to you what our code is doing and how to work this for each forum version. First off in all our threads whenever a new post is shown we have these images that are used as a legend to tell users that it has a new post. Honestly to me it doesn't get their attention to much, as well as images can become ugly. 
      This will grab your users attention more, by looping through all your threads and checking the image title, if you go into your ACP and delete the images for the legends this will take its place, or you can use both together. Below I have all …

    [ Full reading ]

    Comments: 5

    Reply Box in Each PostMarch 24th 2013, 3:39 pm
      Hey guys so I am going to show you how to create a button that lies within each post, and when you click on it it will append the Quick Reply to that post. You can also hide it if you don't want it anymore, or you can start your post at the top. Then when you need some information at the bottom just click the reply to that post and your post will still be in there!


      So first what we need to do is add our codes.Go to your Forum as according.
    [hc = PunBB]
    CSS
    Code:
    .replyButton {
    padding: 2px 4px;
    border: 1px solid #8F8F8F;
    width: 36px;
    height: 15px;
    margin: 10px 0px;


    [ Full reading ]

    Comments: 11