|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 6, 2018 13:49:40 GMT -5
prophet idk if this will do anything but i added that coding in Character Names - - - Insert Name
- Insert Name
- Insert Name
Character Forms - - [ Name ] age ; gender ; rank { one line description of your character ; hair color, eye color, height } screennameCharacter Templates - - [ Insert Template here ]
|
|
|
Post by prophet on Sept 6, 2018 22:01:52 GMT -5
Sparkly Verdana isn't a forum font, but you did the coding correct. Can you choose a forum font? Remember to type it exactly as it's written. Also, try adding size to your code. Make "Example" size 7. Please do not use the toolbar except to see which font to use, I'd like you to try it yourself
|
|
|
|
Post by prophet on Sept 7, 2018 15:18:25 GMT -5
Sparkly OOPS, it is lol, sorry
Anyways, can you change the size of the font to 7? And make it bold. Remember to try typing the code yourself, it doesn't matter if it's wrong, I'd like you to try :3
|
|
|
|
Post by prophet on Sept 7, 2018 16:11:22 GMT -5
Sparkly Nice! Now, I'd like to introduce color-hex. Bookmark it for later. Hex codes are basically a numerical system, and all colors have a hex code. I'd like you choose a color from there to use. Change the font color and try your best :3
|
|
|
Post by prophet on Sept 7, 2018 16:15:52 GMT -5
ʙᴜᴍʙʟᴇʙᴇᴇ » Good! It worked! Now, remember that it doesn't always look good to use it. For the forums, I recommend using overflow only when you want to, never do it for someone else unless they specifically ask. You'll remember that for your layout I made, I didn't use overflow at all because that ruins the look of it (unless you like scrollbars).
Do you have any questions, or anything you want to learn specifically? My next lesson is about links. First, websites. I'll assume you don't know how and start from there. In coding, site links are referred to as "a href" with the end tag being "/a" I'd like you to link your profile without using any help, just do your best even if it's wrong. Remember that you can copy your profile's link to use.
|
|
|
|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 9, 2018 19:35:08 GMT -5
- Insert Name
- Insert Name
- Insert Name
Character Forms - - [ Name ] age ; gender ; rank { one line description of your character ; hair color, eye color, height } screennameCharacter Templates - - [ Insert Template here ]
|
|
|
Post by prophet on Sept 10, 2018 12:47:02 GMT -5
Sparkly Nice! Now, I'd like to introduce color-hex. Bookmark it for later. Hex codes are basically a numerical system, and all colors have a hex code. I'd like you choose a color from there to use. Change the font color and try your best :3
The link isn't working, it only goes back to this page. Oops. try this: color-hex
|
|
|
Post by prophet on Sept 10, 2018 13:02:56 GMT -5
ʙᴜᴍʙʟᴇʙᴇᴇ » It worked, nice job! Ok, so next I want to talk to you about some things you can do with your box :3
First, I'd like you to make your background transparent. Second, I'd like you to try to make it have a shadow. in the div, you'll need to add the coding box-shadow:#000000 0pt 0pt 0pt; Remember, the hashtag represents a color hex. You can change the color to whatever you want. I want you to try playing with the other zeroes next to the "pt" which means point. The number range can really be anything you'd like, but I recommend using any number between -10 & +10
|
|
|
|
Post by prophet on Sept 10, 2018 18:25:23 GMT -5
Still broken, really sorry. Maybe you could just copy-paste the link and I can copy it? Sorry, I don't know what the heck is going on there lol but it's been happening to me all day rip
www.color-hex.com
|
|
|
|
Post by prophet on Sept 11, 2018 11:28:53 GMT -5
lol I forgot too
Sparkly Nice! Now, I'd like to introduce color-hex. Bookmark it for later. Hex codes are basically a numerical system, and all colors have a hex code. I'd like you choose a color from there to use. Change the font color and try your best withiut help :)
|
|
|
|
Post by prophet on Sept 11, 2018 11:38:13 GMT -5
Sparkly Ok! That's fine, you can take as long as you need when I give "assignments"
|
|
|
|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 11, 2018 13:06:27 GMT -5
- Insert Name
- Insert Name
- Insert Name
Character Forms - - [ Name ] age ; gender ; rank { one line description of your character ; hair color, eye color, height } screennameCharacter Templates - - [ Insert Template here ]
|
|
|
Post by prophet on Sept 11, 2018 13:31:21 GMT -5
ʙᴜᴍʙʟᴇʙᴇᴇ » Correct! You didn't make your background transparent, though. This is your coding:
[div style="opacity:.75;background:#b40036;overflow:auto;border-radius:45px;padding:50px;border:3px double #000000;height:300px;width:500px;box-shadow:#19191a 4pt 7pt 2pt;"] I don't want to upset you, but you sometimes miss instructions I give. Is it hard to read my font, or are you reading the instructions really fast? I want to be able to accomodate your learning style.
|
|
|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 11, 2018 13:33:00 GMT -5
prophet ah, i'm sorry, i do tend to read fast and thus i mix things up sometimes. i'll try to read slower! how would i go about making the back ground transparent? at first i tried typing that in but it never really did anything, unless i typed it wrong
|
|
|
Post by prophet on Sept 11, 2018 13:35:27 GMT -5
ʙᴜᴍʙʟᴇʙᴇᴇ » Ok, I just wanted to make sure xD I'll start listing my instructions to make it easier ^^ The coding for it is this:
background:transparent
|
|
|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 11, 2018 13:38:19 GMT -5
prophet it might just do this in preview but it shows up as missing the background. is that what's supposed to happen? - Insert Name
- Insert Name
- Insert Name
Character Forms - - [ Name ] age ; gender ; rank { one line description of your character ; hair color, eye color, height } screennameCharacter Templates - - [ Insert Template here ]
|
|
|
|
|
Post by prophet on Sept 20, 2018 14:50:56 GMT -5
ʙᴜᴍʙʟᴇʙᴇᴇ » Sorry for the wait!
So this is what you did:
[div style="background:transparent #b40036;overflow:auto;border-radius:45px;padding:50px;border:3px double #000000;height:300px;width:500px;box-shadow:#19191a 4pt 7pt 2pt;"][div align="center"][font size="3;" face="Cinzel" style="color:#19191a;"][a href="http://wcrpforums.com/user/6772"]my profile[/a] Remember that you can't have two conflicting codes. You left in the hex color for the background, and it should instead be
[div style="background:transparent;overflow:auto;border-radius:45px;padding:50px;border:3px double #000000;height:300px;width:500px;box-shadow:#19191a 4pt 7pt 2pt;"][div align="center"][font size="3;" face="Cinzel" style="color:#19191a;"][a href="http://wcrpforums.com/user/6772"]my profile[/a]
See the difference? It only looked correct because the background will default to transparent if you type the code incorrectly. If you make that a habit, it will come back to bite you later, so pay attention to that and fix when necessary.
Next, you will make the background an image. Use whatever kind of picture you'd like, something you made or a stock photo. I recommend shutterstock for this exercise. Look up leaves or something, lol, idk. You will use it to make a background. The coding for this is:
[background-image:url() Just try your best! Remember to ask questions if you get stuck!
|
|
|
Post by prophet on Sept 20, 2018 14:52:29 GMT -5
Hey! Sorry for taking so long, but I should be able to do the assignment sometime between now and tomorrow evening. It's fine! I've been busy with starting classes, so I've been gone too! Just let me know if you need a break for a bit.
|
|
|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 20, 2018 14:56:01 GMT -5
- Insert Name
- Insert Name
- Insert Name
Character Forms - - [ Name ] age ; gender ; rank { one line description of your character ; hair color, eye color, height } screennameCharacter Templates - - [ Insert Template here ]
|
|
|
Post by prophet on Sept 20, 2018 15:04:55 GMT -5
ʙᴜᴍʙʟᴇʙᴇᴇ » Very good, it worked! I also love that pic :) The problem is, you left in the transparent code!
Keep in mind what I said:
You don't want the computer to make your background transparent, so make sure to take it out. Background-image is very fragile and will break if even one thing is off.
Next, replace that image with a gif. Here's giphy, a site which I recommend. Do your best to put it in without help :)
|
|
|
Post by ʙᴜᴍʙʟᴇʙᴇᴇ » on Sept 20, 2018 15:40:39 GMT -5
prophet i changed the text color so that it was visible against the background
- Insert Name
- Insert Name
- Insert Name
Character Forms - -
[ Name ] age ; gender ; rank { one line description of your character ; hair color, eye color, height } screenname
Character Templates - -
[ Insert Template here ]
|
|