|
LEARN 2 CODE |
|
|
powered by camgirl.cloud |
|
|
Nav barAbout |
|
|
Platform |
|
|
Why |
|
|
Page Titleul, ol, li |
|
|
Secondary NavMarkup |
|
|
Code snippets |
|
|
Editing Tips |
|
|
Demos and Examples |
|
|
About sectionDesigning Chaturbate Bios |
|
|
HTML Tag - Unordered list, Ordered list and List styles |
|
|
TableTAG |
|
|
HTML MARKUP |
|
|
DEFINES |
|
|
The HTML <ul> tag defines an unordered (bulleted) list |
|
|
The HTML <ol> tag defines an ordered (numbered) list |
|
|
Use the <ul> or <ol> tag together with the <li> tag to create unordered list or ordered list. |
|
|
On Chaturbate this HTML element is very important when editing a custom design because it can hold the entire layout. |
|
|
HTML <ul> tag defines an unordered (bulleted) list |
|
|
HTML <ol> tag defines an ordered (numbered) list |
|
|
HTML <li> tag defines a list item |
|
|
Markup examplecan be used in conjunction with inline css and can hold other block elements |
|
|
This is list style using ul, unordered list (bullets) type |
|
|
This is list style using ul, unordered list and bullet styles are removed |
|
|
This is list style using ol, ordered list (numbered) type |
|
|
This is list style using ol, ordered list (numbered) type, numbers removed |
|
|
Basic markup |
|
|
Extended markup |
|
|
HTML Markup Code: |
|
|
Will render: |
|
|
Render SourceTest markup codes and see how your browser is rendering them. Use |
|
|
button to see how to use the source editor and rendering tool |
|
|
Markup Code Box |
|
|
Show |
|
|
Default |
|
|
Render Box |
|
|
That's how it looks rendered in browser. Optionally you can |
|
|
Save as PDF |
|
|
Default button, on click, removes the markup code from light-blue box |
|
|
CodesMarkup Codes using |
|
|
HTML tag |
|
|
Unordered (ul), Ordered (ol) and List (li) items tags can hold different types of content but keep in mind that there's a certain legacy between all HTML tags. |
|
|
<ul> / <ol> / <li> tags and how to style them to look more appealing using inline-CSS |
|
|
Basic html for <ul> / <ol> / <li> elements with some inline-css |
|
|
Other styling using inline-css |
|
|
List element using <ul> HTML tag |
|
|
Using HTML markup with links inside and float |
|
|
A combination of HTML elements wrapped up in <ul> tag |
|
|
As mentioned above, there's a legacy and a certain structure between markup codes, from parent to child. In this case the parent element is the <ul> main wrapper, <li> as block and the child element is the link. |
|
|
Paragraph element content box left |
|
|
Paragraph element content box right |
|
|
Paragraph element content box center |
|
|
Box Left |
|
|
Box Center |
|
|
Box Right |
|
|
ReferenceInline-css can be added to: |
|
|
ref. tag |
|
|
Modal TranslateHow to use... |
|
|
Paste markup codes showed on page inside the Markup Code Box (left box) |
|
|
Click on Show button |
|
|
View the rendered markup inside the Render Box (right box) |
|
|
Show button allows you to start rendering the markup code |
|
|
Default button is used as reset the Markup Code box, all input will be lost |
|
|
Print this page as pdf - well, you don't need much but its there, just in case. Please note, the print page will only print content from Render Box. |
|
|
Code SnippetsCode Snippets |
|
|
The above snippet/example is using <ul> tag as main wrapper, basically it holds all other content. |
|
|
Structure legacy, <ul> followed by <li> element and <p> tag. Parent elements are the ones which hold other HTML tags inside. |
|
|
The use of float:left attribute is a bit tricky on Chaturbate reason for which, we need to add a fix, so the boxes (Box Left and Box Right) will not overlap the parent element |
|
|
Editing tipsEditing Tips |
|
|
Our suggestions for fast editing and viable markup rendering |
|
|
A very important factor in HTML markup editing is the structure of the markup so keep in mind about HTML structure legacy, parent HTML tag, child HTML element. |
|
|
Use of |
|
|
All links (on page or external URLs) are set up to open on another page (with a countdown) so there's no need to use |
|
|
AdsAvailable Advertising Space. Contact us and rent this space for your banner or textual ad. |
|
|
FooterCGC Tools and Services |
|
|
CGC Tailored |
|
|
CGC Custom design |
|
|
CGC Media Library |
|
|
CGC Studio Environment |
|
|
CGC Performer Service |
|
|
CGC Tools Kit |
|
|
CGC Stats and Staff |
|
|
CGC Team |
|
|
CGC Stats |
|
|
CGC Contact |
|
|
Why CGC |
|
|
Because it is one service you can rely on. Because it's unique and flexible. |
|
|
Because over +17k registered members, studio owners, web cam performers, affiliates and web designers can't be wrong. |
|
|
Modal TranslateChange Language |
|
|
Change the content of the material in your preferred language |
|
|
Romanian |
|
|
English |
|
|
French |
|
|
Italian |
|
|
German |
|
|
Help translate this material |
|