Post by Sunni on Aug 13, 2017 0:25:30 GMT -6
Here on WFCROG, we have a pretty snazzy form of coding called div codes! This is going to be a very basic guide to help you create awesome fancyposts!
Step One: Gather your resources!
Before you actually start any coding, you're going to need to know hat images and colors you'd like to use! Make sure that any images you use are free-for-use though!
Great resources:
Free images: pixabay.com/
Colors: www.color-hex.com/
Step Two: Height, Width and Backgrounds
This part is where the frame work comes into play. With these codes, you can choose how tall and wide your fancy is, as well as picking your own snazzy background color!
Step Three: Borders
Now that we've got our snazzy fancypost ready to-go, we need to add a border! The border code is simple enough:
Make sure to insert it inside the quotations!
The number is easy enough; it dictates how thick the border is.
For style, there are a few options:
Solid
Dashed
Dotted
Double
Inserting this into our nice little fancy (with 3px solid black), we get:
Step Four: Text Styles
And new we get our nice text styles. Unlike the border code, it is not just thrown all into one. A little more work, but fun nonetheless!
Extras!
Scrolling
Custom Cursors
Note: This is a very simplified guide! Now every code is in here, but that's quite alright because a much more detailed guide is coming soon!
Step One: Gather your resources!
Before you actually start any coding, you're going to need to know hat images and colors you'd like to use! Make sure that any images you use are free-for-use though!
Great resources:
Free images: pixabay.com/
Colors: www.color-hex.com/
Step Two: Height, Width and Backgrounds
This part is where the frame work comes into play. With these codes, you can choose how tall and wide your fancy is, as well as picking your own snazzy background color!
[center][div style="height: numberpx; width: numberpx; background-color: color"]test[/div][/center]
test
Step Three: Borders
Now that we've got our snazzy fancypost ready to-go, we need to add a border! The border code is simple enough:
border: numberpx style size
Make sure to insert it inside the quotations!
The number is easy enough; it dictates how thick the border is.
For style, there are a few options:
Solid
Dashed
Dotted
Double
Inserting this into our nice little fancy (with 3px solid black), we get:
test
Step Four: Text Styles
And new we get our nice text styles. Unlike the border code, it is not just thrown all into one. A little more work, but fun nonetheless!
font-family: here
font-size: numberpx
text-align: here
Check this out! It's pretty cool, right?
Extras!
Scrolling
overflow: auto
Custom Cursors
cursor: url("linkhere")), auto
Note: This is a very simplified guide! Now every code is in here, but that's quite alright because a much more detailed guide is coming soon!