Make Your Hyperlinks Look Like Normal Text

simple // ur most basic layout tutorials thread

heeeyyyy. yeah. i am bored out of my mind.
hate babysitting. -.-" gosh.
ANYWAY. i don't know if any of you have ever wondered this but i
use it in my hyperlink.

So when you hyperlink, you know how it's bold and blue and sometimes underlined? Well here's how to hyperlink it without having it have all that extra ugly stuff. (And yes, this is why I always say 'Yes! They are hyperlinked!')

So first off, i'm pretty sure you all already know how to hyperlink in aff right? But what if you didn't have that button? .__. you can ignore this if you want. It's just extra information. So if you were wondering, hyperlinks belong the the < a > tag and the links go inside the "href=" attribute. I have no idea what 'href' means .. but that's okay. So if you wanted to type out your entire link, here's how you'd do it.
[ edit:
href stands for hyperlink reference c;    - automatic ]

< a href="link.com" >

Okay! Now to start with the real thing! The link I'm going to be using the homepage for this shop so... don't click on it unless you want to waste time.
When inserting your link, this is what you start with when going into your code. As you can see, it's bolded, blue, and underlined (when in edit mode).

Example:
< a href="
http://www.asianfanfics.com/story/view/389203" >idyllic layout tutorials< /a >

idyllic layout tutorials

Here's how you change that. You're going to go into the element in which you made the hyperlink. After the quotation mark ends, you're going to add the attribute "style". Once you do (make sure you have your quotation marks), add text-decoration: none; and font-weight: normal. Adding text-decoration: none will make the underlined part go away. Adding font-weight: normal will make it not be bold. Just add color to make it not be blue/

Example:
< a href="http:///asianfanfics.com/story/view/389203" style="text-decoration: none; font-weight: normal; color: #808080;"/ >idyllic layout tutorials< /a >

idyllic layout tutorials

And there you have it. Does it look like normal text? Click on it. It'll lead you to the foreword. (;
And that's all. If you guys were confused with some of the words I used in here, I'll explain in the next chapter.

 

Like this story? Give it an Upvote!
Thank you!

Comments

You must be logged in to comment
starfan24
#1
Chapter 13: ⋆。°✩Reader Comment⋆。°✩

Hi author -esque!!

Love this tutorial!! Thank you so much!!

Reader
⋆。°✩starfan24⋆。°✩
Krystal_Luu
#2
Thank you for creating this!!!!
godna24
#3
Chapter 38: hi erm i wanna ask is it possible to use background image instead of background color in the scroll box?
Mael517 #4
Chapter 32: Thank you; this was very helpful!
sikakira
#5
Chapter 18: I wish text shadow worked :((((
Sakarafreak
#6
Chapter 7: Im still confused on the strikethrough..
Dark_History45 #7
Chapter 23: how to change the background image?
Jisoori #8
Chapter 8: why do i have this 'lorem ipsum dolor sit amet' on my preview?