Post by Joker on Jul 2, 2016 14:24:08 GMT
What I have chosen to call "an external object" is also sometimes labeled "a widget", "a snippet" and "an add-on". I have even seen the term "plugin" used, but normally, that is reserved for an entire additional optional function and I'll stick to that discription (which is officially used by ProBoards, BTW) during this seminar, to avoid mix-ups and misunderstandings.
An external object can be something as simple as a clock, a count-down, a calculator, a game or another feature that is developed by a source outside your current forum platform and endowed with an embedding code to function wherever you choose to place it. This means that the creator allows a free distribution of the object, although they sometimes include a backink to their site for commercial reasons. This backlink can, however be disabled, as it takes the focus away from the object itself and sends the user on a surf instead of concentrating on the object's purpose. More about that in a later lesson...
Our first object is appropriatly enough, perhaps, a welcome sign. The embed code is as follows: <img src="http://bestanimations.com/Text//-13-june.gif">
This is a very simple code. Sometimes, it may be ten times longer for the same result. But we'll worry about that later.
Now, open a second version of playroom.boards.net/. Go to admin, structure, custom pages and find your own page. Click on it under the edit page option (NOT view page!). Choose a zone and click on add widget. Choose HTLM box from the drop-down menu and click on it. Tick off for container and choose your title (something like Object, default position). Copy the embed code from this page and paste it into line number 1 in the open field, then click on save. If you hover your mouse over the widget, you can see if you succeeded, plus notice the options to edit or delete it later. But in this mode, it's easy to do mistakes and lose info, so I suggest something else: Open a third version of playroom.boards.net/. Go to admin, structure, custom pages and find your own page. Click on it under the view page option. You will now see the result of your effort and can change back and forth as you embed/edit widgets and view them in a safe mode. Sometimes, thsy might not even show up in the edit mode, only in the view mode, so you have to go ther anyway. Thus, you might as well get used to this habit from the beginning.
Next: We want the object to have a center position, so we have to add a simple code command to let that happen, namely the <center>**content**</center> function, where **content** should be replaced by the object's embed code. In our case, it will look like this: <center><img src="http://bestanimations.com/Text//-13-june.gif"></center>
Note that <center> marks the beginning of the area where you want something to be centered in your widget field, while </center> ends this command and whatever you place after that piece of code will revert to the default left position unless you specify otherwise. Now, create another widget with the object to the center of the container.
If you click and drag on the "double arrows" tag, you can swap positions of your widgets in the same zone vertically. When you have done that, this lesson is finished and you have sucessgfully learned your first piece of coding!
An external object can be something as simple as a clock, a count-down, a calculator, a game or another feature that is developed by a source outside your current forum platform and endowed with an embedding code to function wherever you choose to place it. This means that the creator allows a free distribution of the object, although they sometimes include a backink to their site for commercial reasons. This backlink can, however be disabled, as it takes the focus away from the object itself and sends the user on a surf instead of concentrating on the object's purpose. More about that in a later lesson...
Our first object is appropriatly enough, perhaps, a welcome sign. The embed code is as follows: <img src="http://bestanimations.com/Text//-13-june.gif">
This is a very simple code. Sometimes, it may be ten times longer for the same result. But we'll worry about that later.
Now, open a second version of playroom.boards.net/. Go to admin, structure, custom pages and find your own page. Click on it under the edit page option (NOT view page!). Choose a zone and click on add widget. Choose HTLM box from the drop-down menu and click on it. Tick off for container and choose your title (something like Object, default position). Copy the embed code from this page and paste it into line number 1 in the open field, then click on save. If you hover your mouse over the widget, you can see if you succeeded, plus notice the options to edit or delete it later. But in this mode, it's easy to do mistakes and lose info, so I suggest something else: Open a third version of playroom.boards.net/. Go to admin, structure, custom pages and find your own page. Click on it under the view page option. You will now see the result of your effort and can change back and forth as you embed/edit widgets and view them in a safe mode. Sometimes, thsy might not even show up in the edit mode, only in the view mode, so you have to go ther anyway. Thus, you might as well get used to this habit from the beginning.
Next: We want the object to have a center position, so we have to add a simple code command to let that happen, namely the <center>**content**</center> function, where **content** should be replaced by the object's embed code. In our case, it will look like this: <center><img src="http://bestanimations.com/Text//-13-june.gif"></center>
Note that <center> marks the beginning of the area where you want something to be centered in your widget field, while </center> ends this command and whatever you place after that piece of code will revert to the default left position unless you specify otherwise. Now, create another widget with the object to the center of the container.
If you click and drag on the "double arrows" tag, you can swap positions of your widgets in the same zone vertically. When you have done that, this lesson is finished and you have sucessgfully learned your first piece of coding!