Author Topic: [Guide]Portal Buttons (Read 8133 times)

-Sя.Sharp · « **on:** April 13, 2008, 12:11:52 pm »

Hello! Some people have been asking around how do they get portal buttons? By that I mean like images with the words forum in the portal. So you can hide the tabs up top and just use portal buttons! Well its extremely simple and I will help you along the way. Remember: This isn't a video tutorial its something you read at your own pace! So take your time!

Target: Create Portal Buttons
Description: Buttons that can access your forum instead of tabs.
Difficulty: 2
Credits: Bunnypal, LaundryLady (for teaching me a while ago), and Omikron9861 (For also teaching me).
Requirements: Basic HTML understanding.

Preview:
HERE Look at the left and click the image [sorry for blurrieness bad image on my part]

Step 1: Go to your Admin Control Panel.

Step 2: On the left of the screen click Portal Settings.

Step 3: Create a new block. HTML. say where you want it [left,right,center]

Step 4: After you save the box look under it in the list of blocks for Edit HTML. Click that NOW!

Step 5: Once the page has loaded you will need to add this in the white box.

Code: [Select]

<a href="URL"><img src="PIC NAME" width="SIZE" height="SIZE" alt="TEXT"></a>
*Things to edit: URL is the page [e.g: Fourms.] Pic Name is the Pic URL. Size is the size of the image if you want to change it [i suggest that you keep it the default size of the original image; by not filling in the SIZE parts.]

Step 6: Save it. And see if it works.

Step 7:
If it did thank me by replying.

Step 8: If it didn't reply and I will help.

PS: For a more into guide on creating the portal involving HTML blocks and such check this guide out.
Complete Guide to Setting Up The Portal

Noober · « **Reply #1 on:** April 13, 2008, 05:20:51 pm »

Thanks! I needed this

-Sя.Sharp · « **Reply #2 on:** April 13, 2008, 09:17:21 pm »

Quote from: Noober on April 13, 2008, 05:20:51 pm

Thanks! I needed this

No problem. Just giving back.

FinishTheFight · « **Reply #3 on:** April 27, 2008, 11:21:12 pm »

Forum Url: http://romescape.smfforfree2.com
Well I did not feel like making a whole new topic sense this is close enough to my problem. I made a quick menu on my portal page. It includes buttons to different parts of my forums of course. It works, but about 3 seconds after the awesome buttons

load they disappear and it gives me the message "This image or video has bean moved or deleted" which it has not sense the image showed and I checked the link. Please help me the code is below

Code: [Select]

<table border="0" bordercolor="" width="30" bgcolor="">
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php/board,43.0.html" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp99614823up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=forum" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp995925607up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php/board,2.0.html" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp995928846up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=recent" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp995925576up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=arcade" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp995921624up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=game" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp995912306up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=chat" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp995917375up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=chat2" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp996013677up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=calendar" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp9960667up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=profile" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp996013602up.png" border="0" alt="Photobucket"></a></td>
</tr>
<tr>
<td><a href="http://romescape.smfforfree2.com/index.php?action=pm" target="_blank"><img src="http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Buttons/temp996127910up.png" border="0" alt="Photobucket"></a></td>
</tr>
</table>

LaundryLady · « **Reply #4 on:** April 28, 2008, 05:41:10 am »

I put your code on my test account and it seems to be holding fine. They have been there 30 minutes with out disappearing Did you rearrange your pictures in Photobucket? That will mess things up. Also occasionally Photobucket has some kind of problem where pics will give that error and it comes back by itself.

Another thing that can cause things to not work right would be another code. You use a lot of codes on your forum and one of those could be interfering. One thing you can try. Copy your headers and footers as they are to notepad and save. Clear your codes. Then start adding the codes back in one at a time until you find the one that stops the buttons from working.

FinishTheFight · « **Reply #5 on:** April 28, 2008, 09:32:56 am »

K I will do that and I arranged the code not my photobucket album that might be it

, Thanks! I will let you know if it works.

FinishTheFight · « **Reply #6 on:** April 28, 2008, 10:11:35 am »

Knew it must be this, but now how can I fix this so I can use both. It is the crown code. Before I used the one below I was having a problem with the crowns Ex. it was saying that it was deleted or moved. Well I got a different version *the current one below* and it worked. So why is it interfering and/or how can I fix it.
, Thanks!

Code: [Select]

<script>
function name_across_board() {
//Created by Agent Moose (smcodes.smfforfree3.com)
$(function() {
var vfour = new Array()
vfour[vfour.length] = ["FinishTheFight","FinishTheFight","blue","<img src='http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Icons/adminzz7-1.gif'>"]
vfour[vfour.length] = ["Brandon","Brandon","red","<img src='http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Icons/adminzz7-1.gif'>"]
vfour[vfour.length] = ["dumb cow1","dumb cow1","cyan","<img src='http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Icons/adminzz7-1.gif'>"]
for(f=0;f<vfour.length;f++){
$("a").each(function() {
if(this.innerHTML.match(vfour[f][0])){this.innerHTML = this.innerHTML.replace(vfour[f][0],"<font color='"+vfour[f][2]+"'>"+vfour[f][3]+vfour[f][(vfour[f][1] != "" ? 1 : 0)]+"</font>");};
});};});}
name_across_board();
</script>

LaundryLady · « **Reply #7 on:** April 28, 2008, 10:20:37 am »

You would have to ask Agent Moose about the interaction of the codes. Your button code is a simple table, not a big specialty code. Let's see if Agent Moose has an answer as to why they interfere with each other.

Vice · « **Reply #8 on:** April 28, 2008, 10:36:34 am »

Wowie nice job, i amn't going to use but looks nice

Sparkwattclock · « **Reply #9 on:** April 28, 2008, 12:44:20 pm »

Forum Url: http://luckygarbagewhistlecrew.smfforfree4.com

Quote from: Bunnypal on April 13, 2008, 12:11:52 pm

Hello! Some people have been asking around how do they get portal buttons? By that I mean like images with the words forum in the portal. So you can hide the tabs up top and just use portal buttons! Well its extremely simple and I will help you along the way. Remember: This isn't a video tutorial its something you read at your own pace! So take your time!

Target: Create Portal Buttons
Description: Buttons that can access your forum instead of tabs.
Difficulty: 2
Credits: Bunnypal, LaundryLady (for teaching me a while ago), and Omikron9861 (For also teaching me).
Requirements: Basic HTML understanding.

Preview:
HERE Look at the left and click the image [sorry for blurrieness bad image on my part]

Step 1: Go to your Admin Control Panel.

Step 2: On the left of the screen click Portal Settings.

Step 3: Create a new block. and say where you want it [left,right,center]

Step 4: After you save the box look under it in the list of blocks for Edit HTML. Click that NOW!

Step 5: Once the page has loaded you will need to add this in the white box.
Code: [Select]
<a href="URL"><img src="PIC NAME" width="SIZE" height="SIZE" alt="TEXT"></a>
*Things to edit: URL is the page [e.g: Fourms.] Pic Name is the Pic URL. Size is the size of the image if you want to change it [i suggest that you keep it the default size of the original image; by not filling in the SIZE parts.]

Step 6: Save it. And see if it works.

Step 7:
If it did thank me by replying.

Step 8: If it didn't reply and I will help.

PS: For a more into guide on creating the portal involving HTML blacks and such check this guide out.
Complete Guide to Setting Up The Portal

Bunnypal really good job man.

Agent Moose · « **Reply #10 on:** April 28, 2008, 02:22:43 pm »

FinishTheFight, Try useing this for your code. Maybe it will not interact with the table code:

Code: [Select]

<script>
function name_across_board() {
//Created by Agent Moose (smcodes.smfforfree3.com)
$(function() {
var vfour = new Array()
vfour[vfour.length] = ["FinishTheFight","FinishTheFight","blue","<img src='http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Icons/adminzz7-1.gif'>"]
vfour[vfour.length] = ["Brandon","Brandon","red","<img src='http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Icons/adminzz7-1.gif'>"]
vfour[vfour.length] = ["dumb cow1","dumb cow1","cyan","<img src='http://i193.photobucket.com/albums/z98/FinishTheFight_2007/Icons/adminzz7-1.gif'>"]
for(f=0;f<vfour.length;f++){
$("a[href*='u=']").each(function() {
if(this.innerHTML.match(vfour[f][0])){this.innerHTML = this.innerHTML.replace(vfour[f][0],"<font color='"+vfour[f][2]+"'>"+vfour[f][3]+vfour[f][(vfour[f][1] != "" ? 1 : 0)]+"</font>");};
});};});}
name_across_board();
</script>

FinishTheFight · « **Reply #11 on:** April 28, 2008, 08:19:06 pm »

Thanks Agent Moose it worked!

akl · « **Reply #12 on:** July 07, 2008, 10:37:04 am »

Well, everything goes right until I click the Image, the url comes up as this "www.8thgrade.smfforfree4.com/www.8thgrade.smfforfree4.com"
The url comes as 2, thus, making the link not work.

simply sibyl · « **Reply #13 on:** July 07, 2008, 10:42:56 am »

Quote from: akl on July 07, 2008, 10:37:04 am

Well, everything goes right until I click the Image, the url comes up as this "www.8thgrade.smfforfree4.com/www.8thgrade.smfforfree4.com"
The url comes as 2, thus, making the link not work.

Post the code you used so we can take a look at it

SMF For Free Support Forum

News:

Author Topic: [Guide]Portal Buttons (Read 8133 times)

-Sя.Sharp

[Guide]Portal Buttons

Noober

Re: [Guide]Portal Buttons

-Sя.Sharp

Re: [Guide]Portal Buttons

FinishTheFight

Re: [Guide]Portal Buttons

LaundryLady

Re: [Guide]Portal Buttons

FinishTheFight

Re: [Guide]Portal Buttons

FinishTheFight

Re: [Guide]Portal Buttons

LaundryLady

Re: [Guide]Portal Buttons

Vice

Re: [Guide]Portal Buttons

Sparkwattclock

Re: [Guide]Portal Buttons

Agent Moose

Re: [Guide]Portal Buttons

FinishTheFight

Re: [Guide]Portal Buttons

akl

Re: [Guide]Portal Buttons

simply sibyl

Re: [Guide]Portal Buttons

Related Topics