|
LEARN 2 CODE |
|
|
powered by camgirl.cloud |
|
|
Nav barAbout |
|
|
Platform |
|
|
Why |
|
|
Page Titleimg |
|
|
Second NavMarkup |
|
|
Code snippets |
|
|
Editing Tips |
|
|
Demos and Examples |
|
|
About sectionDesigning Chaturbate Bios |
|
|
HTML Tag - Image |
|
|
<img> HTML tag, defines image elements |
|
|
On Chaturbate this HTML element is used often, by default, <img> elements are considered blocks |
|
|
TableTAG |
|
|
HTML MARKUP |
|
|
DEFINES |
|
|
HTML tag used to define and render image element |
|
|
Markupcan be used in conjunction with inline css and it is not recommended to hold other block elements |
|
|
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 |
|
|
Images/graphic elements have a powerful visual impact and you should take advantage of this known fact. |
|
|
<img> tag and how to style them to look more appealing using inline-CSS |
|
|
Basic html for <img> elements with some inline-css |
|
|
Other styling using inline-css |
|
|
Box reflect css, inline-css accepted by Chaturbate platform |
|
|
As you can see, css can work its magic and can be applied to other HTML elements too. |
|
|
Box shadow css, inline-css accepted by Chaturbate platform |
|
|
Clip path css, inline-css accepted by Chaturbate platform |
|
|
ReferenceInline-css can be added to: |
|
|
ref. tag |
|
|
How to use...How 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 |
|
|
Editing TipsEditing Tips |
|
|
Our suggestions for fast editing and viable markup rendering |
|
|
As much as possible try to use percent values for width of the image elements and not fixed values expressed in pixels |
|
|
Optimized graphics. Avoid using huge images of the output requires a smaller icon element. |
|
|
Use of gifs. Avoid using many animated images like gifs because some ad blockers might prevent showing them. You want your Chaturbate bio look like a Christmas Tree? Use with moderation and visual balance. |
|
|
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 |
|