HOME | DD
Amarantheans — How to link deviants, deviations, or websites!
#link #linking #tutorial #howtolink #linkingdeviants #linkingdeviations #linkingwebsites #linkingonda #dalinking #howtolinkdeviations #howtolinkdeviants #howtolinkwebsites
Published: 2016-04-28 15:01:37 +0000 UTC; Views: 142341; Favourites: 708; Downloads: 0
Redirect to original
Description
body div#devskin12868580 div.gr-box { } body div#devskin12868580 .gr1 { display:none; } body div#devskin12868580 .gr2 { display:none; } body div#devskin12868580 .gr3 { display:none; } body div#devskin12868580 i.tri { display:none; } body div#devskin12868580 i i { display:none; } body div#devskin12868580 div.gr-top { padding:-1px; } body div#devskin12868580 div.gr-top div.gr { margin:-3px; margin-top:-5px; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-color:#fff; background-position:0px -10px; padding-top:50px; text-align:center; padding-bottom:20px; padding-left:10px; } body div#devskin12868580 div.gr-top h2 a { line-height:2; color:#333; text-align:center; text-decoration:none; font-size:26px; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; font-weight:bold; } body div#devskin12868580 div.gr-top h2 a:hover { color:#e2e2e2; } body div#devskin12868580 div.gr-top span { font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; font-size:14px; color:#333; } body div#devskin12868580 div.gr-top h2 img { display:none; } body div#devskin12868580 div.gr-body { padding:-1px; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; color:#333; border:none; } body div#devskin12868580 div.gr-body .gr { padding-top:30px; border:none; padding-left:0px; background:#fff; } body div#devskin12868580 div.grf-indent { } body div#devskin12868580 div.gr-body .text { text-shadow:#efefef 0px 1px 0px; font-size:14px; margin-bottom:-50px; } body div#devskin12868580 div.gr-body .text a { background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; color:#00A9E0; background-position:0px 18px; text-decoration:none; text-shadow:none; } body div#devskin12868580 div.gr-body .text a:hover { background-position:-300px 17px; color:#00A9E0; } body div#devskin12868580 div.gr-body .text strong, body div#devskin12868580 div.gr-body .text b { } body div#devskin12868580 div.text a.thumb img { background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png); background-position:-500px -10px; padding-bottom:4px; } body div#devskin12868580 div.text a.thumb:hover img { border:1px solid grey; } body div#devskin12868580 div.text ul { margin:0; } body div#devskin12868580 div.text ul li { } body div#devskin12868580 div.text ul br { display:none; } body div#devskin12868580 div.gr-body .bottom { background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-position:0px 75px; height:50px!important; margin-bottom:-30px; text-align:center; padding:30px; } body div#devskin12868580 div.gr-body .bottom a { color:#333; text-decoration:none; font-size:20px; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-position:0px 26px; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; } body div#devskin12868580 div.gr-body .bottom a:hover { background-position:-300px 26px; } body div#devskin12868580 ul.list { display:none; } body div#devskin12868580 ul.list li.f { display:none; } body div#devskin12868580 body ul.list li.a { display:none; } body div#devskin12868580 ul.list li.f strong { display:none; } body div#devskin12868580 ul.list li.f img { display:none; } body div#devskin12868580 blockquote { border-left:7px solid #00A1CB; background-position:center-bottom; padding:10px; color:#6F7D7E; font-size:20px; text-shadow:none; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; font-weight:bold; } body div#devskin12868580 hr { border:none; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png); height:3px; background-position:-300px 0px; border-bottom:1px solid #FFF; margin:18px -18px -15px -38px; } body div#devskin12868580 h3 { font-size:18px; border-right:700px solid #E54028; border-left:20px solid #E54028; color:#E54028; height:30px!important; width:300px; text-align:left; text-shadow:none; padding:5px; padding-top:10px; padding-left:25px; padding-right:125px; margin:18px -18px 20px -38px; } body div#devskin12868580 b { color:#00A1CB; } body div#devskin12868580 ul { background-image:url(https://fc06.deviantart.net/fs70/o/2012/225/3/6/320838601_458018_bullet_by_cartondock-d5b0l8t.png); background-repeat:no-repeat; background-position:0px 2px; padding-left:23px; } body div#devskin12868580 h4 { font-size:18px; border-right:700px solid #61AE24; border-left:20px solid #61AE24; color:#61AE24; height:30px!important; width:300px; text-align:left; text-shadow:none; padding:5px; padding-top:10px; padding-left:25px; padding-right:125px; margin:18px -18px 20px -38px; } body div#devskin12868580 .specialbox { padding:15px; margin:10px; background:#EFF4F7; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-position:0px -10px; border:1px solid #E54028; border-top:none; padding-top:25px; color:#333; text-align:left; text-shadow:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
PLEASE NOTE THESE DO NOT WORK ON THE CURRENT FORMAT OF DA ECLIPSE
I am using deviant arts own help topic found here help.deviantart.com/81/ . I will be expanding upon what they have with examples, to make it easier to understand. Just so you know I am using their outline and explanation, if you would like to know which parts were mine and which are theirs just go to the site above
How can I create links to other deviants, deviations, or websites?There are a few formats you can use, either a link of the users name, displaying the members avatar, or by linking with a personal description.
Avatar linking
:iconusername: will display the member's or group's avatar as a link to their page. Remember, however, that the limit for posting blocks of avatars is sixty four per post, and this will not work in signatures.
This seems easy enough, here I will use my own name. :iconamarantheans: will give you
Username linking
:devusername: -or- @username will give you the member's or group's name as a link.
Now if you just want to link the name of the other deviant this will help you out. Basicly it will make a clickable link so that anyone who wants to go directly there can just click on it, and if they have notifications enabled, the deviant that you link with get a message saying that their name was linked.
Both of these will make the same result as you will see...
:devamarantheans: gives you Amarantheans
@amarantheans gives you Amarantheans
Text linking
There are HTML tags which can be used to add a link to something everywhere on deviantART. The standard link will show the first part of the URL truncated by an ellipsis (http://deviantart.com/devia…). This is achieved by simply pasting a URL to the page, For example, view one of your images, copy the address down and then just paste it wherever.
The second method is to use HREF tags (which will NOT work in the shout box) to give your link a name, for example, copy the address to the image down, and then use this format: Name of Image
The first part here is self explanatory, so I will go into more depth on the second part. I will use my own image for an example. I will link you to my most favorited deviation... DA Trophy and you will get this: DA Trophy
Image linking
This will work with images that are on DA and on other sites as well.
To link images in your journal please follow the code here, and replace the URL Address and Image URL Address with the proper information:
First let's link the picture of the DA Trophy in the example above:
Now to link and image that is off site that cannot be linked with a :thumb: code:
Before we go on I will explain the difference between the URL address and the Image URL address.
You get the URL Address from the web address bar at the top of your browser, when you are on the deviation you would like to use. (If you are off dA trying to use an item you will need to right click and select "copy address".)
You get the Image URL address when you right click on the image itself and scroll down to "copy image address" and select it.
Deviation linking
To link to images found on deviantART in your journal please visit the deviation page and in the sidebar to the right under the "share" or "details" header please copy the code that starts with ":thumb:". Once you have copied that :thumb: code you can paste it in to your journal and it will automatically generate a thumbnail image for that deviation when the journal is displayed on site.
This is quite simple again lets use my trophy icon: :thumb519333483: looks like:
Also if you would like for the image to be larger than the usual thumb try this:
:bigthumb603858821:
Regular :thumb:
Bigger :bigthumb:
(heads up this only works in the comments section if you are a core member or have a premium membership, for those of us before core.)Now thumb codes work for everyone! Thumbnails in Comments Now Available to Everyone
Note: Regrettably, though it is allowed for you to use thumb codes and such in the comments and on your journals it is unfortunate that it is a core exclusive when it comes to adding them to a deviation description You can always make a complaint to the help desk to hopefully get DA to amend its ways. Here is the link: help.deviantart.com/contact/?t…
Media embedding
To embed a media widget please use the following code:
For example:
- dA Film:
- YouTube:
- Vimeo:
- Soundcloud:
This will work in your journals, comments, and widget boxes.
and the first one:
Looks like this:
Pop up descriptions (tooltips)
You can also add popup descriptions with a dotted underline to your links by using the < acronym>< /acronym> tag, and close using the tag, the format for this is the following.
< acronym title="popup text">< a href="link Url">link description< /a>< /acronym>
So the following command;
deviantART FAQ
would result in the link, deviantART FAQ
If however you wish to use this code without a dotted underline then you need to use the following code below.
deviantART FAQ
which would create the link, deviantART FAQ
Ok lets try this one out with a link to my current contest...What this will cause is a small pop up to, pop up when you put your mouse on the link: in my case it will say "Come Join In On The Collaborative Fun!"
< acronym title="Come Join In On The Collaborative Fun!">< a href="amarantheans. deviantart.com/journal/Awareness-of-the-Arts-Into-The-Stars- 591369580">Awareness of The Arts Contest< /a>< /acronym>
Awareness of The Arts Contest
And for the no line:
< a title="Come Join In On The Collaborative Fun!" href="amarantheans .deviantart.com/journal/Awareness-of-the-Arts-Into-The-Stars- 591369580">Awareness of the Arts Contest< /a>
Awareness of the Arts Contest
(This last part is really not wanting to work in the journal format it keeps rewriting itself, so I had to add spaces throughout the example text, if you would like to copy and paste it from the original article see help.deviantart.com/81/ )
I hope this helps!
Anita/Amarantheans
Related content
Comments: 335
👍: 0 ⏩: 0
👍: 0 ⏩: 0
What about the groups on DeviantArt....I seen other people post them in their comments and descriptions.
👍: 0 ⏩: 0
👍: 0 ⏩: 1
I thinks the image linking already don't work.
👍: 0 ⏩: 0
👍: 0 ⏩: 0
👍: 0 ⏩: 0
VERY helpful, thank you much!
👍: 0 ⏩: 1
👍: 0 ⏩: 0
I wanna ask, since linking images has changed how can I make them work now? Since direct links are stupidly long and its pretty frustrated to work with and nothing works, it just breaks
I use (the ~ being placeholders)
👍: 0 ⏩: 2
I use archive.is to get a url that is not exhaustingly long. see: archive.is/nagN1/cf48002f72775…
👍: 0 ⏩: 0
I will look into it... I am not the best at coding and the reason I made this is because it frustrates me so (I refer back to it often, myself)... UszatyArbuz is always who I go to with issues, she may still be on holiday though.
👍: 0 ⏩: 0
Can y'all help my friend for me? She needs helps finding out how to link the fan buttons she did for me recently
👍: 0 ⏩: 2
also i'm a dude not a she
👍: 0 ⏩: 2
👍: 1 ⏩: 0
idk where to find the codes idk how Amarantheans found the code my just leave discord.
👍: 0 ⏩: 1
If you click on the above link the instructions are in the description
👍: 0 ⏩: 1
Basically the code below would work to make this button work
The a href= precedes the actual address in the address bar at the top of the page when opened and the img src= would be the address when you right click the image and select the "copy image address" and cut off everything after the .png
I also made this comment to the creator on this deviation as well as instructions for them to use
👍: 0 ⏩: 0
I was looking on their profile and the problem is that they are all in a bunch and not individual like the other ones
👍: 0 ⏩: 1
how did you even find the code i can't find them
👍: 0 ⏩: 1
You get the URL Address (the first one) from the web address bar at the top of your browser, when you are on the deviation you would like to use. (If you are off dA trying to use an item you will need to right click and select "copy address".)
You get the Image URL address (the second one) when you right click on the image itself and scroll down to "copy image address" and select it.... you would then just delete everything after .png
👍: 0 ⏩: 0
How can I get a little instagram logo linking to my account.
👍: 0 ⏩: 1
There are many people that make the logo like this one
and the instructions to use it are in the artist comments
Sorry for my delay in answering
👍: 0 ⏩: 1
No problem. I got it working okay. Thanks anyway
👍: 0 ⏩: 0
What's the code to for reposting a someone else's status update?
👍: 0 ⏩: 1
There is no thumb style to do it you would have to do what is up under "Text Linking" but just use the web address on the status and make your own title or duplicate theirs on their status
For example:Iakobbaz's Daily Feature #131
Will give you:
Iakobbaz's Daily Feature #131
Sorry my reply took so long
👍: 0 ⏩: 1
What's the code to make a word clickable in a deviation description?
This works in comments:
BID HERE
but I insert in my deviation description, and it doesn't work.
👍: 0 ⏩: 1
Ah... sorry it has taken so long. You are not a "core" member, that particular ability is limited to core users. Sorry.
👍: 0 ⏩: 0
Sorry if you already explained this but I want to get this image: www.behance.net/gallery/365698… onto my page for my a e s t h e t i c can you reply with the code
👍: 0 ⏩: 1
This will work with images that are on DA and on other sites as well.
To link images in your journal please follow the code here, and replace the URL Address and Image URL Address with the proper information:
👍: 0 ⏩: 1
Hello Amarantheans
I want to be able to post a link to a deviation without having the thumbnail for it show up. Is this possible?
For example, I just want a name with the underline underneath it and clicking on it will open the page to the deviation.
Thanks in advance.
👍: 0 ⏩: 1
Hello dear Amarantheans
I have a little question... I'm trying to copy/paste a link into a a href tag in stash writer, but since it's a deviantart link to a journal, stash writer convert it to the thumb and it ruins everything. Even when I click on "link" on the thumb, it's still not working... Is there a way to prevent stash writer from converting DA links?
I've found that I can make my coding in text file on my computer and then copy/paste the whole a href code in stash writer (stash writer doesn't convert it) but it's boring to have to alt+tab for each links...
edit: I've also found that adding any symbol before the link in the adress bar of the browser and then copy/pasting in stash writer prevent conversion... But it's boring to do too :/
👍: 0 ⏩: 1
If you are being journal specific you can write a title for what you are linking and use the link at the top of the sta.sh to add the link...
That way you don't have to deal with thumbs malfunctioning... I think this is what you were asking... I am not sure... it is 5:45 am here and I need to go back to sleeps....
👍: 0 ⏩: 1
Awww sorry for disturbing you at this hour :s
I will try this method... thank you ^^
good night!
EDIT: It doesn't work, stash writer still convert it to thumb :/
I think i'll have to write all code in text file... -_-"
👍: 0 ⏩: 1
I think stash is just being cranky with you. I have never had it convert the link to a thumb using this method
👍: 0 ⏩: 1
Stash writer doesn't like me
👍: 0 ⏩: 1
Regrettably Sta.sh writer hates most of us.
👍: 0 ⏩: 1
Job done! if you want to have a look... "www.deviantart.com/3y3toy/jour… "
Links added on each button (thanks to homemade css class)... I got to make html code in a .txt file and copy/paste it after into the bad boy stash writer -_-"
Thanks you for your journal, it is helpfull
👍: 0 ⏩: 1
I am glad you found it helpful! It is funny how just adding examples makes it make more since
👍: 0 ⏩: 0
I see deviants link a rules page (journal entry?)
How can I do this?
Thanks in advance.
T
👍: 0 ⏩: 1
| Next =>