Chaturbate Bio layout #3
This is a layout and not a fully coded template design.
You can use this layout as a starting point to develop your awesome projects.
It holds the elements and graphics already positioned. Feel free to check out the
online Demo
Editing Tips
The above demo is using
% values which makes the layout semi-responsive. Try to shrink the browser to see the result
When adding your graphics (images) use the inline CSS to style them up and you can use the same
% value in order to make them responsive
<img src="http://via.placeholder.com/1000x450" style="display:block;width:100%;height:auto;margin:0 auto;"/>
After you are done with editing, in order to better position the layout use the
margin CSS attribute (read more aboyt better bio positioning on
this topic)
Customize the sections
To change the background color search for the
#f1f1f1 in the source code
<ul style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;border:0px solid #ccc;background-color:#f1f1f1;color:#777;font-size:19px;font-weight:normal;text-align:center;margin:120px auto 30px 14px;z-index:9999;"/>
Images can be used to replace the background color
Remove the borders. Each element/section is using border attribute. You can remove or change this attribute by editing the sources code
border:1px solid #ccc;
To delete a section, simply remove the code.
Resize a section by changing the width attribute via source code
Remove or change the
padding attribute editing the source code
Comments
Post a Comment