Hey Guys, I LOVE HTML. 

here, I'm going to share with you some awesome Styles for your Hyperlinks:

I used the Style below in my profile page:

PressTV (TV Network)
<table style="border-collapse: collapse; margin: 5px;">
<tr>
<td style="background-color: #000000; color: #ffffff; border-radius: 5px 0px 0px 5px; border-right: 2pt solid #FFFFFF; width: 25px; height: 25px; vertical-align: middle;"><img src="https://storage.ning.com/topology/rest/1.0/file/get/2347352853?profile=original" width="25" height="25" alt="" style="padding: 0px 10px 0px 10px;"></td>
<td style="background-color: #1E90FF; color: #0064DC; border-radius: 0px 5px 5px 0px; padding: 0px 5px 0px 5px; vertical-align: middle;"><a href="http://www.presstv.ir" target="_blank" title="PressTV" style="text-decoration: none; color: #FFFFFF">PressTV (TV Network)</a></td>
</tr>
</table>

Copy the Codes above and Use them in the "HTML Editor" Part of MyEC Editor. Here you can see its Tutorial:

2347352924?profile=original

You can Try these too:

PressTV (TV Network)
Left Section Color Code: #ffdd13Right Section Color Code: #c0ff11
PressTV (TV Network)
Left Section Color Code: #fe8e00Right Section Color Code: #01ff01
PressTV (TV Network)
Left Section Color Code: #ff6a00Right Section Color Code: #00b4b8
PressTV (TV Network)
Left Section Color Code: #fd0001Right Section Color Code: #0000fd
PressTV (TV Network)
Left Section Color Code: #cf01dbRight Section Color Code: #00b4b9

For Styles above, the only difference is in "Background Color". you can easily find the Phrase "background-color:" and change the color code, in front of it.

Here is some more details for my dear MyEC Friends:

And by the way! you need to know how to change a Hyperlink Title and Link.

for this purpose you must know a little about HTML Structure!

and here it is:

HTML consists of a lot of "tag codes" and we use them like this: 

<A></A>

the <A> tag is a Hyperlink tag and means that we have started a Hyperlink tag.

the </A> tag is a tag which closes our Hyperlink tag.

the text of a hyperlink becomes between these two tags. 

Like this: <a>Robbie's Page</a>

and for adding a Link to it, we must use the 1st tag.

Like this: <a href="http://www.myenglishclub.com/profile/Robbie">Robbie's Page</a>

NOTE: For tags, there is no difference between CAPITAL/small letters.

And there is another thing to say:
have you ever seen a popup text, when you hover your mouse pointer on a Hyperlink or Image?

Like This: [Hover your mouse on me!]

we call this {Title} in HTML.

So here it is:

<a href="http://www.myenglishclub.com/profile/Robbie" title="Hi Robbie!">Robbie's Page</a>

and one important thing is that never forget to put the following code on your Hyperlink Tag:

target="_blank"

otherwise if you click on the link it will close your current page and refresh it to the new page which the hyperlink connect us to it!

So here is our Final code:

<a href="http://www.myenglishclub.com/profile/Robbie" title="Hi Robbie!" target="_blank">Robbie's Page</a>

and the output will be like this: Robbie's Page

and For my own Styled Hyperlink:

Robbie's Page

Seems that a lot of my friends here, do not understand html.
So, Here is a tutorial to teach you how to change the background color:

1st of all, copy and past the code:

<table style="border-collapse: collapse; margin: 5px;">
<tr>
<td style="background-color: #000000; color: #ffffff; border-radius: 5px 0px 0px 5px; border-right: 2pt solid #FFFFFF; width: 25px; height: 25px; vertical-align: middle;"><img src="https://storage.ning.com/topology/rest/1.0/file/get/2347352853?profile=original" width="25" height="25" alt="" style="padding: 0px 10px 0px 10px;"></td>
<td style="background-color: #1E90FF; color: #0064DC; border-radius: 0px 5px 5px 0px; padding: 0px 5px 0px 5px; vertical-align: middle;"><a href="http://www.presstv.ir" target="_blank" title="PressTV" style="text-decoration: none; color: #FFFFFF">PressTV (TV Network)</a></td>
</tr>
</table>

as you can see, there are some tags like <table> , <tr> & <td>

the tag which you must find here, is "<td> tag".

there are two "<td> tags" in the code. 1st refers to the left section and 2nd refers to the right section.

in front of each tag, you can find the "background-color:" phrase and a Hex code, in front of it. like "#000000;" Hex code which refers to black color.

so easy now, hah? Just copy the Hex color codes and replace them with new color codes.

If you have problems in understanding HTML, I recommend you to read my dear friend's Blog (Mohammad):

How to Make Your Profile and Comments More Beautiful

♥ ... This Blog is improving ... ♥

Votes: 0
E-mail me when people leave their comments –

An Iranian Electrical Engineer (Electronics - Embedded Systems).
Interested in Science and Technology, English, Religion, and Politics.

You need to be a member of MyEnglishClub to add comments!

Join MyEnglishClub

Comments

  • Thanks for sharing!

  • Here You can Copy and Use the Comment-Box:

    <table style="border-collapse: collapse; margin: 5px 10px; width: 90%; line-height: 1.5;">
    <tbody>
    <tr>
    <td style="background-color: #000000; color: #ffffff; border-right: 2pt solid #FFFFFF; width: 5px; vertical-align: middle;"></td>
    <td style="background-color: #fa8072; color: #ffffff; border-radius: 0px 5px 5px 0px; padding: 10px 5px 10px 5px; vertical-align: top;">
    <a rel="nofollow" href="#" target="_self" style="background-color: #FFFFFF; padding: 3px 10px; text-decoration: none; border-radius: 0px 5px 5px 0px; color: #000000; font-weight: bold;">@Sample:</a>
    Text<br>Text<br>Text
    </td>
    </tr>
    </tbody>
    </table>

    Outcome:

    @Sample: Text
    Text
    Text
  • @ELF-Noor: You Can Evan use HTML to make your Comments more Beautiful!
    God Bless you!
    ELF-Noor's Page
    ELF-Noor's Page on MyEnglishClub
  • @ELF-Noor: Oh Great! You're good at HTML! Keep it up!

    ELF-Noor's Page
    ELF-Noor's Page on MyEnglishClub
  • Thank you Dear Chicky! (^_^)

  • Nooo, seems you are skilled a little bit! 

    Great work ! go on! 

  • You're right Risty Aven. but an static HTML is better than a simple TEXT!

    Risty (╯°□°)╯︵ ┻━┻'s Page
    Risty (╯°□°)╯︵ ┻━┻'s Page on MyEnglishClub
  • Hello, Mohammad, I love HTML too, but I love CSS and Js also. Html alone can't be more interactive and not so dynamic, usually, it is only static. Thanks for sharing this!

  • My Pleasure Dear ṨƝƦ !

    of course, I'll do!

    God bless!

This reply was deleted.