* User Info

 
 
Welcome, Guest. Please login or register.
Did you miss your activation email?

* Recent Posts

Re: What are you listening to? by Stelios
[July 16, 2023, 08:54:53 am]


Re: What are you listening to? by Stelios
[July 16, 2023, 08:52:34 am]


Re: What are you listening to? by Jacob
[July 12, 2023, 01:59:53 am]


Re: What are you listening to? by Dagger
[July 06, 2023, 04:11:15 pm]


Re: Cannot Register on Support Forum by Jacob
[June 01, 2023, 01:09:08 am]


Re: Cannot Register on Support Forum by SMFNew
[May 21, 2023, 10:22:14 am]


Cannot Register on Support Forum by Stelios
[May 21, 2023, 06:45:30 am]


Re: Forum Profile Signature Error by SMFNew
[January 19, 2023, 10:26:49 pm]


Re: Forum Profile Signature Error by MangoMochi
[January 19, 2023, 10:24:45 pm]


Re: Forum Profile Signature Error by SMFNew
[January 19, 2023, 01:57:05 pm]

* Poll

  • Have you noticed better loading times?
  • Dot YES! My forum loads instantly!
  • 53 (33%)
  • Dot I have much better loading times
  • 20 (12%)
  • Dot I have noticed my forum loads a tiny bit faster than before
  • 22 (13%)
  • Dot I have not noticed any changes
  • 64 (40%)
  • Total Members Voted: 150
  • View Topic

* Twitter

Keep up to date with SMFNew by following us on twitter!

Author Topic: Basic html tips [Making html buttons, redirects, image links etc.]  (Read 4591 times)

0 Members and 1 Guest are viewing this topic.

Offline Jagge

  • SMFNew Support
  • *
  • Posts: 332
  • Reputation: +0/-0
    • View Profile
On this "tutorial" I will show you how to add several actions with html.
You don't need any html knowledge to follow this tutorial, just copy paste.
I'm not good on explaining things, but I will try my best. ;)

1. Image links
Code: [Select]
<a href="http://www.support.smfnew.com" target="_blank"> <!--Replace link with your own link-->
 <img src="smfnewlogo.gif" /> <!--replace image's name/link with your own.-->
Image can be link or just name of your image. If you're using image's name, it needs to be on same directory. Otherwise you need to put directory's name on it too. Example: <img src="folder1/smfnewlogo.gif" />

2. Making page to redirect on other site.
Making html page to redirect on other site is very simple and easy. There's many ways to do it, but I will only show you one way.
Code: [Select]
<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.yourdomain.com/index.html"><!--Replace url with your own link-->Note: content="#; means time until page redirects, so if you change it to: content="10;
your page will redirect after 10 seconds.

3. Html link button
There's also many ways to make buttons, but I will show only one way again.
Code: [Select]
<FORM>
<INPUT TYPE="BUTTON" VALUE="Home Page" 
<!--Replace "Home Page" with your own text.-->
ONCLICK="window.location.href='http://www.support.smfnew.com'">
<!--Replace "http://www.support.smfnew.com" with your own link.-->
</FORM>
Buttons can be designed with css, I will make tutorial for css later.


Note: This tutorial is still under "construction" I will continue it when I have more time. :)
« Last Edit: April 28, 2013, 02:50:10 am by Jagge »

They got money for wars, but can't feed the poor ~Tupac Amaru Shakur

Share on Facebook Share on Twitter


Offline Mstcool

  • Member
  • Posts: 935
  • Reputation: +0/-1
    • View Profile
    • HangTime 101
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #1 on: July 08, 2012, 11:47:42 pm »
Nice tutorial

Offline Dxt13

  • Member
  • Posts: 262
  • Reputation: +0/-0
  • SMFNEW is fun !! Symbian Modder | Theme designer
    • View Profile
    • DailyTech
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #2 on: July 11, 2012, 09:11:02 am »
Nice tut :)
DailyTechforum.com
The Tricks,Mods,Coding you haven't seen before.Join today !

Offline Lewis

  • Member PRO
  • *
  • Posts: 162
  • Reputation: +0/-0
  • A goal without a plan is just a wish.
    • View Profile
    • How to Sign Up
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #3 on: July 11, 2012, 10:06:25 am »
Isn't Gravedigging added to Rules?

Offline Jacob

  • Community Manager
  • Support Staff
  • Posts: 2933
  • Reputation: +6/-0
    • View Profile
    • Challenging Apathy (My Site)
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #4 on: July 11, 2012, 11:27:42 am »
If it's just spam, but Dxt is complimenting Jagge for the tutorial. Besides - this is a good tutorial, occasional bumps aren't harmful.
Jacob, Senior Support Specialist
Follow me on X! | Follow me on Mastodon!

Please don't PM me for support. Post in public so everyone can benefit!

Offline Dxt13

  • Member
  • Posts: 262
  • Reputation: +0/-0
  • SMFNEW is fun !! Symbian Modder | Theme designer
    • View Profile
    • DailyTech
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #5 on: July 11, 2012, 01:32:39 pm »
Isn't Gravedigging added to Rules?

Wat u want to say  :mad: ?
DailyTechforum.com
The Tricks,Mods,Coding you haven't seen before.Join today !

Offline Lewis

  • Member PRO
  • *
  • Posts: 162
  • Reputation: +0/-0
  • A goal without a plan is just a wish.
    • View Profile
    • How to Sign Up
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #6 on: July 11, 2012, 01:37:28 pm »
Mean like your Posting a Topic that's been up for Ages, His topic was up to May 14th :]

Offline Jacob

  • Community Manager
  • Support Staff
  • Posts: 2933
  • Reputation: +6/-0
    • View Profile
    • Challenging Apathy (My Site)
Re: Basic html tips [Making html buttons, redirects, image links etc.]
« Reply #7 on: July 11, 2012, 03:46:13 pm »
Lewis, it's quite alright - please leave rule enforcement up to the staff from now on. :)
Jacob, Senior Support Specialist
Follow me on X! | Follow me on Mastodon!

Please don't PM me for support. Post in public so everyone can benefit!

 

SimplePortal 2.3.7 © 2008-2024, SimplePortal