Posted by HTML Guide

Two Crows~ (#577)

Usual
View Forum Posts


Posted on
2012-10-26 22:31:26
I thought we needed one of these c: If one of the admins or mod have one, let me know! (Also, xmp tags won't work?) I'll edit this a lot, and add on more advanced stuff later on.


.::Basics::.


Make sure to take away asterics or *
and to make sure all letters are lower cased!


This Is Bold <*b> <*/b>

This Is Italics <*i> <*/i>

This Is Underline <*u> <*/u>


<*h3> <*/h3>
This also has different sizes. (Going down, h1 is largest. h1, h2, h3.) The size I used for 'Basic' is h3.

.::Text/Font::.



This Text Is Purple, Its Also Bolded So You Can See It Better.
<*font color="purple"> <*/font>
See? You can combine different codes, Too! You can use any HTML available color codes, go google em'. (Change the part the 'purple' part.)

This Text Is Font Size 4.

It goes 1-7, 3 usually being the default setting on most browsers. You can use this, or h1/h2/h3.

.::IMAGES & LINKS::.


Remember, no one likes hotlinking!
s042902124.jpg
<*img src=""*> <*/img*>
You use this to show pictures! We used my friends kitty, Jasmine as a model xD

Balanca
<*img src="url" width="pixel amount" height="pixel amount">
This can help you resize the image to fit the board :D
<*a href="url">Text<*/a>
Turn the link into a clickable word (So to speak xD)
<*a href="url"><*img src="image's url"><*/a>
Links a picture! Remember...no hotlinking..

Suggestions? <3




Hrt Icon 1 player likes this post! Like?

Edited on 26/10/12 by Mousey~ (#577)
Edited on 26/10/12 by Mousey~ (#577)
Edited on 26/10/12 by Mousey~ (#577)
Edited on 26/10/12 by Mousey~ (#577)
Edited on 27/10/12 by Mousey~ (#577)
Edited on 27/10/12 by Mousey~ (#577)
Edited on 2

Kiavani (#705)

Ruthless
View Forum Posts


Posted on
2012-10-26 22:55:06
Oh great idea. You might also want to put how to create clickable links and such too.



Hrt Icon 0 players like this post! Like?

Two Crows~ (#577)

Usual
View Forum Posts


Posted on
2012-10-26 23:25:50
Ooh! Good :3 And how to re size images xD



Hrt Icon 0 players like this post! Like?

Cerin (#730)

Renowned
View Forum Posts


Posted on
2012-10-27 14:02:31
How to make Pictures link might be helpful to some users, also. :3



Hrt Icon 0 players like this post! Like?

Stroup~! (#84)

Ill-Natured
View Forum Posts


Posted on
2012-10-31 21:41:37
I was actually going to make a post like this. xD



Hrt Icon 0 players like this post! Like?

Two Crows~ (#577)

Usual
View Forum Posts


Posted on
2012-11-03 15:09:43
Beat ya too it xD



Hrt Icon 0 players like this post! Like?

Thal (#1000)

Dreamboat of Ladies
View Forum Posts


Posted on
2012-11-03 16:03:26
Picture size modifying:
<*img src="url" width="pixel amount" height="pixel amount">

Links:
<*a href="url">Text<*/a>

Link Images:
<*a href="url"><*img src="image's url"><*/a>



Hrt Icon 0 players like this post! Like?


Edited on 03/11/12 by Balanca (#1000)
Edited on 03/11/12 by Balanca (#1000)

Jmo77 (#1356)

Usual
View Forum Posts


Posted on
2012-11-17 14:38:31
Basics of a table, perhaps?



Hrt Icon 0 players like this post! Like?

tempest (#659)


View Forum Posts


Posted on
2012-11-28 16:16:23



Hrt Icon 0 players like this post! Like?


Edited on 28/11/12 by Mekenna (#659)

Canoodle-(NewbieHelp
er.) (#613)

Usual
View Forum Posts


Posted on
2012-12-04 23:10:47

None of you will ever know as much as the HTML queen!!! Bwahahahaah!!! I've designed quite a few pages on different sites, and I make templates!XD


Making a scrolling box(above)
<*div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;"*>
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box. (and add a "/div" in arrows of course, to end the scroll box, on Alacrity I forgot to do this and the rest of the page was in a scroll box! Lol)



Hrt Icon 0 players like this post! Like?


Edited on 04/12/12 by The HTML queen (C) (#613)
Edited on 04/12/12 by The HTML queen (C) (#613)
Edited on 04/12/12 by The HTML queen (C) (#613)
Edited on 04/12/12 by The HTML queen (C) (#613)
Edited on 04/12/12 by The HTML queen (C) (#613)

Canoodle-(NewbieHelp
er.) (#613)

Usual
View Forum Posts


Posted on
2012-12-04 23:48:36
(I'm so experienced with this stuff, yet I can't remember strikethrough text HTML code!)

hi
hihi

Josh I hope I got it right! <(0.0)>



Hrt Icon 0 players like this post! Like?

Canoodle-(NewbieHelp
er.) (#613)

Usual
View Forum Posts


Posted on
2012-12-04 23:52:01
Yay! I used"<*s> TEXT*s>" <(^.^)>



Hrt Icon 0 players like this post! Like?

tempest (#659)


View Forum Posts


Posted on
2012-12-13 17:51:35
Well, that did not work! XP



Hrt Icon 0 players like this post! Like?


Edited on 13/12/12 by Mekenna (#659)

[ambi] (#2135)

King of the Jungle
View Forum Posts


Posted on
2012-12-15 08:56:01
It wont let me post pictures :(



Hrt Icon 0 players like this post! Like?

KimchiSalad (#1072)

Famous
View Forum Posts


Posted on
2012-12-17 05:18:17
I've been curious as to how people get the boxes that look like what the lionesses and stuff are put in... like a lot of people make them and put their allies in it? The boxes... (I don't know how else to describe it.)



Hrt Icon 0 players like this post! Like?

Aslan (Mori) (#2115)

Usual
View Forum Posts


Posted on
2012-12-18 15:08:48
XD I just made a HTML guide in the "I'm Lost" board and was just linked here. Lol, I guess I didn't look far enough. It'd been suggested that we keep up together to make sure that it's a bit more organized. :)

Mine is here.



Hrt Icon 0 players like this post! Like?







Memory Used: 623.43 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00429s