How to Make
Kimi-Page Custom Borders
|
Custom Border Basics
Every Kimi-Page module can have its own, unique custom border. For a step-by-step video tutorial, see below. To create a custom border: - Create a Kimi-Image of your border
- In your Kimi-Page select the module you want to have the new border
- Click the Border-Manager icon
- Click New Border
- Drag your border's Kimi-Image to the Set Border Image drop box
- Adjust the margins of your border
- Click Apply and Close
Browsers: Custom Borders uses the latest Web technologies (HTML5 & CSS3). Not all browsers fully support these new technologies yet. For best results, use Mozilla Firefox, Apple Safari, or Google Chrome. Microsoft Internet Explorer is not expected to support these features until version 9 is released. |
Samples
Below are several sample borders. First you can see the source Kimi-images used. Then you can see an example of each border together with its Border-Manager code in case you want to copy that border into your own Kimi-Page. |
{'name':'Elegant', 'border-image':'http://images24.imikimi.com/image/o-10p.png?height=640&logo_bl=none&scale=max&width=640', 'border-image-top':'90px', 'border-image-right':'90px', 'border-image-bottom':'90px','border-image-left':'90px', 'border-image-fit-vertical':'stretch', 'border-image-fit-horizontal':'stretch'} |
{'name':'ik OS','border-image':'http://images24.imikimi.com/image/o-10o.png?height=640&logo_bl=none&scale=max&width=640','border-image-top':'60px','border-image-right':'50px','border-image-bottom':'50px','border-image-left':'50px','border-image-fit-vertical':'stretch','border-image-fit-horizontal':'stretch'} |
{'name':'Blue Floral', 'border-image':'http://images24.imikimi.com/image/o-10m.png?height=640&logo_bl=none&scale=max&width=640', 'border-image-top':'20px', 'border-image-right':'20px', 'border-image-bottom':'20px', 'border-image-left':'20px', 'border-image-fit-vertical':'stretch', 'border-image-fit-horizontal':'stretch'} |
{'name':'Black Inset','border-image':'http://images24.imikimi.com/image/o-10l.png?height=640&logo_bl=none&scale=max&width=640','border-image-top':'20px','border-image-right':'20px','border-image-bottom':'20px','border-image-left':'20px','border-image-fit-vertical':'stretch','border-image-fit-horizontal':'stretch'} |
{'name':'Black Button','border-image':'http://images24.imikimi.com/image/o-10j.png?height=640&logo_bl=none&scale=max&width=640','border-image-top':'20px','border-image-right':'20px','border-image-bottom':'20px','border-image-left':'20px','border-image-fit-vertical':'stretch','border-image-fit-horizontal':'stretch'} |
{'name':'Simple Orange','border-image':'http://images24.imikimi.com/image/o-10i.png?height=640&logo_bl=none&scale=max&width=640','border-image-top':'10px','border-image-right':'10px','border-image-bottom':'10px','border-image-left':'10px','border-image-fit-vertical':'stretch','border-image-fit-horizontal':'stretch'} |
{'name':'Green','border-image':'http://images24.imikimi.com/image/o-10t.png?height=640&logo_bl=none&scale=max&width=640','border-image-top':'20px','border-image-right':'20px','border-image-bottom':'20px','border-image-left':'20px','border-image-fit-vertical':'stretch','border-image-fit-horizontal':'stretch'} |
{"BorderNone":{"name":"None","system":true},"BorderBlueSmall":{"name":"Blue 15px","system":true,"border-image":"/images/kimi_pages/BorderBlueSmall.png","border-image-top":"15px","border-image-right":"15px","border-image-bottom":"15px","border-image-left":"15px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"BorderBlue":{"name":"Blue 25px","system":true,"border-image":"/images/kimi_pages/BorderBlue.png","border-image-top":"25px","border-image-right":"25px","border-image-bottom":"30px","border-image-left":"25px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-1":{"name":"Elegant","border-image":"http://images24.imikimi.com/image/o-10p.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"90px","border-image-right":"90px","border-image-bottom":"90px","border-image-left":"90px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-2":{"name":"ik OS","border-image":"http://images24.imikimi.com/image/o-10o.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"60px","border-image-right":"50px","border-image-bottom":"50px","border-image-left":"50px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-3":{"name":"Blue Floral","border-image":"http://images24.imikimi.com/image/o-10m.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"20px","border-image-right":"20px","border-image-bottom":"20px","border-image-left":"20px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-4":{"name":"Black Inset","border-image":"http://images24.imikimi.com/image/o-10l.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"20px","border-image-right":"20px","border-image-bottom":"20px","border-image-left":"20px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-5":{"name":"Black Button","border-image":"http://images24.imikimi.com/image/o-10j.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"20px","border-image-right":"20px","border-image-bottom":"20px","border-image-left":"20px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-6":{"name":"Simple Orange","border-image":"http://images24.imikimi.com/image/o-10i.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"20px","border-image-right":"20px","border-image-bottom":"20px","border-image-left":"20px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"},"UUID-7":{"name":"Green","border-image":"http://images24.imikimi.com/image/o-10t.png?height=640&logo_bl=none&scale=max&width=640","border-image-top":"20px","border-image-right":"20px","border-image-bottom":"20px","border-image-left":"20px","border-image-fit-vertical":"stretch","border-image-fit-horizontal":"stretch"}}
