T ; html

random freebies.
Well, for those that wants to know...

For beginners, you can't just type in codes.

You need to click the Source button at the top left corner of where you type things at.... yeah, I at explaining.. orz.
The '<' and '>' are reeeaaally important when typing codes. The codes you just typed won't work when '<' and '>' aren't there. You just simply add them at the end of the codes.
* Attributes  give elements meaning and context.

Elements :

p : you use it when you're starting a paragraph.
div : defines a division or a section.
span : for designing your texts.
a href= : for hyperlinking any certain text or image.
img : for inserting images, goes with src

Attributes :

style : goes with p, div, span, etc.
title : for hovering over text/images.
src : for images. where you put the link.
alt : usually comes before the src attribute.

For editing / adding design :

font-family : the style of your font
font-size : size of your font
color : color of your font. I guess AFF only accepts #000000 kinds of codes.
letter-spacing : spacing of the letters.
float : often used for images.
margin : can be used for images. But i guess you can also use it for other things
margin-left : margin of the left
margin-right : margin of the right
margin-top : margin of the top.
margin-bottom : margin of the bottom.
border-style : the style of your border. I have some borders listed on chapter 7
border-width : how thick you want your border to be.
padding : the spacing between the image/text and border.
opacity : changes the visibility.
background-color : the color of the background

Other tags :

b/strong : bolds the text. /cough/ Don't get the wrong idea...
i : italic
u : underline
del/s : strikethrough
sub : subscript
sup : superscript
text-align : for aligning your text/paragraph.
br : line break

Commenting :

!-- -- : hidden comments that only you can see; will only be shown at your code and not your layouts, so don't worry.

here's a not-sho helpful codeu :

< p > < span style="font-size:50px;font-family:giddyup std;color:#6E5654;" >hallo ouo< /span >< p >

remember to delete the spaces ouo orz...
Did I even help? xD
If you don't understand anything just ask me....
Although I don't understand it too. xD
 
Like this story? Give it an Upvote!
Thank you!
randomgull
i am now realizing how messy everything is now lmao
and i have the urge to fix them,,,,
but i won't

Comments

You must be logged in to comment
gymnopedia
#1
i know you published this so far back but THANK YOU SO MUCH!!
you are a life saver. ugh <3
Karenkwan01
#2
Chapter 52: ooh sounds interesting but the link links back to this chapter XDD might want to edit it even though you literally typed the link out already haha
aleric
#3
I should've subscribed sooner haha, please excuse my lateness!
You have such an amazing range here, it's great to see your thread still active :)
debbiesiro-official
#4
Chapter 51: hi! do you know how to make full screen layouts?
thank you^^
btw, thank you for your tutorials, they do help me a lot!
ChaeWon1stShipper
#5
Chapter 51: Have you watched Hell Girl? It's an old anime but to me it was good c:
starliet
#6
Chapter 29: if you're accepting requests, could you do a chapter like this one, but with green?
that's a hard color sorry, but it's my bias' favorite so it would be cool to see what pretty pictures are green!
(p.s different shades of green, like mint green, is cool too!)
AloisDA
#7
I have a few requests if you're looking for some!
I would like to know how to make the scroll bar invisible? or at least out of sight.
I really liked your chapter of palettes and patterns. If you find more and would like share I would love to see them!
Who's vs. Whose lol
I really like this shop/thread!!
COMlCSANS #8
Chapter 21: hello! this may be really (really) late, but i just saw that you mentioned my shop (hana-emi/wabi-sabi) in your layout shop list and i'm v honored to be a part of it! this aff thread is suuuper useful to me, and i'm glad you still have it up. thanks for all the hard work you put into it, as well as mentioning me in it! hope you see this soon, and have a lovely day. < 3

- old mikoshibas.
Graysome
#9
hii, can i ask how to centre a 2 column div? i've been trying margin-left on the second column and margin: auto; on the main div but it doesn't seem to centre ;;