SMF For Free Support Forum
Signup For Free Forum
November 20, 2008, 03:02:09 am *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

SMF For Free Support Forum > SMF For Free Support > Guides and Tutorials > [Guide]Portal Buttons
Pages: [1]
« previous next »
  Print  
Author Topic: [Guide]Portal Buttons  (Read 1221 times)
0 Members and 1 Guest are viewing this topic.
+JwD.Sharp
SMF For Free Hero
*
Offline Offline

Posts: 889


Winning isn't everything, but wanting to win is.


View Profile WWW
« 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:
<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
« Last Edit: April 28, 2008, 04:15:36 pm by Bunnypal » Logged


Noober
SMF For Free Newbie
*
Offline Offline

Posts: 6



View Profile
« Reply #1 on: April 13, 2008, 05:20:51 pm »
Thanks! I needed this  Cheesy
Logged
+JwD.Sharp
SMF For Free Hero
*
Offline Offline

Posts: 889


Winning isn't everything, but wanting to win is.


View Profile WWW
« 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  Cheesy

No problem. Just giving back.
Logged


FinishTheFight
SMF For Free Member
*
Offline Offline

Posts: 26



View Profile WWW
« 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 Smiley 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:
<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>
Logged

Code:
Respect the admins and they will respect you
Follow the Rules
SMF RULES!!!!!!!
LaundryLady
Global Moderator
*
Offline Offline

Posts: 3082


Multi-Tasking Maven


View Profile WWW
« 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.
Logged
FinishTheFight
SMF For Free Member
*
Offline Offline

Posts: 26



View Profile WWW
« 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 Smiley
 , Thanks! I will let you know if it works.
Logged

Code:
Respect the admins and they will respect you
Follow the Rules
SMF RULES!!!!!!!
FinishTheFight
SMF For Free Member
*
Offline Offline

Posts: 26



View Profile WWW
« 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:
<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>
Logged

Code:
Respect the admins and they will respect you
Follow the Rules
SMF RULES!!!!!!!
LaundryLady
Global Moderator
*
Offline Offline

Posts: 3082


Multi-Tasking Maven


View Profile WWW
« 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.
Logged
Vice
SMF For Free Full Member
*
Offline Offline

Posts: 134


Photoshop Userbars :d


View Profile WWW
« Reply #8 on: April 28, 2008, 10:36:34 am »
Wowie nice job, i amn't going to use but looks nice  angel
Logged

Click And Register
Sparkwattclock
SMF For Free Member
*
Offline Offline

Posts: 95


The leader of the GWC here!


View Profile WWW
« 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:
<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. 
Logged
Agent Moose
Code Master's
***
Offline Offline

Posts: 666


Do not PM me for Code Support or Request


View Profile
« 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:
<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>
Logged


SMC Code Index - The best Code Index for all your Needs!  Includes a bunch of codes not on Support.[/cen
FinishTheFight
SMF For Free Member
*
Offline Offline

Posts: 26



View Profile WWW
« Reply #11 on: April 28, 2008, 08:19:06 pm »
 Thanks Agent Moose it worked!
Logged

Code:
Respect the admins and they will respect you
Follow the Rules
SMF RULES!!!!!!!
akl
SMF For Free Member
*
Offline Offline

Posts: 61


View Profile
« 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.
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 9115


Please do not PM me for Support


View Profile WWW
« 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
Logged
Support FAQ | Guides | Stylesheets | Codes


Pages: [1]
  Print  
« previous next »
 
Jump to:  

cheap low cost web hosting reviews

Powered by SMF 1.1.7 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.471 seconds with 17 queries.