Boonex Basics - Dolphin 6 - How to Change the Home Page Graphic and Message
This video tutorial shows a step-by-step on how to work with the menu tab. The video shows how to take out the music tab.
Requirements
You need a picture or a series of pictures to replace the current ones there. For this tutorial, I am just going to be adding my own picture. The picture should be sized to 754x207..
Instructions
1. Login to your admin panel.
2. Go to Settings > Basic Settings
3. you will see the "Promo block" panel.
4. You may also notice other pictures there as well. You can delete them and replace. In this tutorial, I am just going to add my own. It will be added to the queue that is cycled by the Flash swf file.
5. Click on the browse button, find you picture and upload.
6. Make sure you refresh your browser so you can see the changes.
You will notice that when you upload your picture, it has a message that says "Welcome To The Community" going across the page. That is part of the Flash swf file. You can edit it by going to Settings > Language Settings
Go to the Search for strings panel and type in "community". You will see a list of messages you can update or delete. And make sure you compile it. When I first did this, I went to look for the word "Welcome" and it brought up what appeared to be the one to update. I did the update and it didn't reflect on the home page. I later discovered that it was a based on the key "_welcome_and_join".
You can also add another graphic or picture underneath the flash. If you open up the file page_1.html you can place html script there. For example, I added a picture by adding this line after the __promo_code__ (which is the token to call the Flash file):
<img src="http://www.boonexnerd.com/dolphin/homepage-StepByStepGifFile1.gif" alt="BoonexNerd - FREE Dolphin Tutorials" />
I also added the daily quotes there too. I added this line:
<div style="width:754px; margin-left: auto; margin-right: auto;">__daily_quotes__</div>
So the page_1.html page script then looked like this:
__include _header.html__
__promo_code__
<img src="http://www.boonexnerd.com/dolphin/homepage-StepByStepGifFile1.gif" alt="BoonexNerd - FREE Dolphin Tutorials" />
<div style="width:754px; margin-left: auto; margin-right: auto;">__daily_quotes__</div>
<div id="first_column">
__compose_index_col1__
</div>
<div id="second_column">
__compose_index_col2__
</div>
__include _footer.html__
Addendum
N/A
Download the Dolphin Video Tutorial - Take out a menu tab- CLICK HERE
More Dolphin Tutorial Videos coming soon...
Interested in finding out when the next tips, tricks and resource articles is coming out? E-mail me and I'll add your address to my tutorials list.
|
