Shop Forum More Submit  Join Login

You've seen them literally everywhere, so now lets learn how to edit them a bit.

Just a note: Not every code maker likes their codes to be edited! Please read the persons rules before you do anything, and do not upload the edited code without the original owners permission.



1 by QueenLlamacornCake

So you have a code you've been using.
You've been meaning to change that art status, but you don't know where to look.


2 by QueenLlamacornCake
See those highlighted bits?


3 by QueenLlamacornCake


'hr' stands for horizontal line. Those lines that you see here.
I know that I for one use the horizontal line, or < hr > a lot to break up my code.
It makes things look neat and divides different sections nicely.

Use < hr > as a guide to find out where you are in a code.


4 by QueenLlamacornCake

Once you use the < hr > to find out where you are, go ahead and change the thumbcodes.

5 by QueenLlamacornCake


Yay blue.

 -

14 by QueenLlamacornCake



Now, lets say you changed the status, but that side image doesn't fit your aesthetic as well as you'd like it too.
You have a picture you want to use, but how would you go about changing that image to yours?

Let me explain some simple things you need to know to change an image:

6 by QueenLlamacornCake
7 by QueenLlamacornCake

- I'm going to use this handy little window as an example of how image coding works because it's easy to find. -

Using the < hr > as a guide, find out where the code for the image is.
This window is in between the first two lines, so look for the two < hr > (circled in blue)

Now that you found the two < hr >, you know you should look in between the code for the image code you want.

As you can see there, right next to the first < hr > is < a href = " " >

< a href = " " > is the code to set a link.
At the end of that code you have < / a > which breaks the link.

< img src = " " > is the code to set pictures into a page.
You do not have to break this code.

setting < a href = " " > before < img src = " " > < / a > makes that picture a link.


Within the img code you can see some settings for the image, but don't worry about those right now.
What's important is the text in between the quotes within the image code.
That's the image URL. That's what you'll need to change to set your image in place of the one already there.

Alright, so moving on to changing that image:

15 by QueenLlamacornCake


Get the image you want to use up, and right click on the image.
Select "Open image in new tab"
Then copy the url at the top of the page.


16 by QueenLlamacornCake

The url should end with, .gif or .png or .jpeg or something of a similar nature, not in .com

17 by QueenLlamacornCake

 This picture is right after the second < hr > (underlined in blue)
You ave the link code there, and right after that is where you need to look for the image code. (marked in green)
That highlighted section is where you'll put the image url you gathered.

18 by QueenLlamacornCake


Don't forget to change the link code to the url from the place you got your image.

19 by QueenLlamacornCake


And you should be set.

-

Now lets say you changed your image, but you don't like the size.

6 by QueenLlamacornCake

Mr. Handy Window is cool and all, but he needs to be a bit bigger in my opinion.


7 by QueenLlamacornCake

Find the image code, and look near the end

< img src =" blablablablaba " align ="right" width ="100" height ="100" >

'Align' sets where the image sits. Try setting it to the left, right, or centre.
(Note: you have to spell centre 'center' for it to work correctly)
'Width' sets how wide the image is.
'Height' sets the height

8 by QueenLlamacornCake

I want to make Mr. Handy Window taller. I've changed his height to 200.

9 by QueenLlamacornCake

and taller he is.

10 by QueenLlamacornCake

I want to make him wider too. I've set his measurements to 180.

11 by QueenLlamacornCake

thick.

(He's also more square, so he doesn't break that < hr >)

12 by QueenLlamacornCake

I think I've changed Mr. Handy Widow too much. 
Our relationship isn't working out.

Find the start of the link code, and remove everything down to the link breaker for a clean breakup.

13 by QueenLlamacornCake

Our love was pure, but it didn't last long, Mr. Window.

-

I just want to address this problem I've seen more often than I can count because it makes my eyes bleed.

20 by QueenLlamacornCake


You have a perfectly good section.
But you need to remove some text.
You have full body commissions, but you don't have those other ones.
But if you just remove the text this happens:

 21 by QueenLlamacornCake

 *The line moved up to fill that space and now things look messy*

To fix this, add < br >
< br > adds a space to the code - it breaks a section up without a line.

22 by QueenLlamacornCake

Add < br > to your text box and

23 by QueenLlamacornCake

No more mess!




EDIT: Okay so, youtube videos, am I right? They're very cool.

To embed a youtube video you need this code:
< da:embed profile="youtube" id="                " height="    " width="    " >

You can make the height and width whatever. I usually use 20 for the height when I want it to be small, 50(or 35)x50 when I want a button size, and anything larger when I'm not just using the thing for music.

To add the song/video, choose the new youtube video you want, and then look 
at the end of the url.
There should be something like:
/watch?v=NRGagjUJyOI

Grab those letters after the "v=" and put those in the ID section.
Like: < da:embed profile="youtube" id="NRGagjUJyOI" height="20" length="55" >
That'll change the video.






24 by QueenLlamacornCake


See also:

How to use those codes you've been seeing.






Add a Comment:
 
:iconb-roken-b-ones:
b-roken-b-ones Featured By Owner May 3, 2018  Student General Artist
Oh, yeah, now it's working!!
Thank you so much!!
Reply
:iconqueenllamacorncake:
QueenLlamacornCake Featured By Owner May 4, 2018
Of course! Glad I could help. ^u^
Reply
Hidden by Commenter
:iconqueenllamacorncake:
QueenLlamacornCake Featured By Owner Feb 4, 2018
I'm sorry you've been having trouble, but I can't really help out at the moment.
Good luck with your code!
Reply
:iconjulesdrools:
julesdrools Featured By Owner Aug 1, 2017  Hobbyist General Artist
ahh, okay! tysm!
Reply
:iconqueenllamacorncake:
QueenLlamacornCake Featured By Owner Aug 1, 2017
No problem!
Hope it helps!
Reply
Add a Comment:
 
×


More from DeviantArt



Details

Submitted on
August 1, 2017
Link
Thumb

Stats

Views
946
Favourites
52 (who?)
Comments
13
×