Responsive design

Notice: Undefined index: social_google in /home/webroot/www.kusoftas.com/cms/templates_c/demo^7b9c5ab6cf20f7b62a4fced0b8a945dae9af628c_0.file.skin-template-header.tpl.cache.php on line 163

Download

Last stable v 5.2 2024-11-01

    NoVariableValueDescription
    1font-familyHelvetica, Arial, sans-seriftemplate default font family
    1font-size16pxtemplate default font size
    1color#1c1c1ctemplate default text color
    1body-backgroundnonetemplate default body background
    NoVariableValueDescription
    1header-background-color#f0f3f6header background color
    1header-width1190pxheader width
    1header-height85pxheader height
    NoVariableValueDescription
    1social-top45pxsocial buttons blok top offset
    1social-right0pxsocial buttons blok top offset
    1social-item-width22pxsocial button item width
    1social-item-height29pxsocial button item height
    1social-item-padding5pxsocial button item left padding
    2social-facebookurl('/skin/images/facebook.png') no-repeatsocial button facebook background
    2social-twitterurl('/skin/images/twitter.png') no-repeatsocial button twitter background
    2social-googleurl('/skin/images/google-plus.png') no-repeatsocial button google plus background

    4 - Open CMS Info plugin and edit:

    • 5 - Facebook metadata on page (key='fb'):
      • Enable metadata ("enable": "1")
      • Set URL to logo for Facebook ("image": "/skin/images/logo.png")
      • Set Facebook administration ID ("id": "xxxxxxxx")
    • 6 - Twitter metadata on page (key='tw'):
      • Enable metadata ("enable": "1")
      • Set URL to logo for twitter ("image": "/skin/images/logo.png")
      • Set Twitter administration ID ("id": "xxxxxxxx")
    • 7 - Facebook social button (key='social_facebook'):
      • Enable share/like ("counter": "1")
      • Set URL to Facebook page ("url": "http://www.facebook.com/your-fb-address")
    • 8 -Twitter social button (key='social_twitter'):
      • Enable share/like ("counter": "1")
      • Set URL to Twitter page ("url": "http://www.twitter.com/your-gp-address")
    • 9 - Google Plus social button (key='social_google'):
      • Enable share/like ("counter": "1")
      • Set URL to Google Plus page ("url": "http://plus.google.com/your-tw-address")
    • 10 - Google Analytics (key='ga'):
      • Enable Google Analytics ("enable": "1")
      • Set Googel Analytics ID (register and get it from Google) ("id": "UA-XXXX-Y")
    NoVariableValueDescription
    1header-lang-right0pxlanguage area right offset
    1header-lang-top55pxlanguage area top offset
    1header-lang-height22pxlanguage area height
    1header-lang-font-size14pxlanguage area text font size
    1header-lang-color#193d62language area text font color
    1header-lang-divider-color#717577language area items divider color
    NoVariableValueDescription
    1header-menu-area-height78pxmenu area height
    1header-menu-area-height-iphone35pxmenu area height for iPhone
    1header-menu-area-widthheader-width (1190px)menu area width
    2header-menu-area-1-heightheader-menu-area-height-iphone (35px)menu area first part height
    2header-menu-area-1-backgroundurl('/skin/images/menu-bg.png') repeatmenu area first part background
    1header-menu-area-divider-color#717577horizontal divider line between menu parts
    3header-menu-area-2-heightheader-menu-area-height - header-menu-area-1-heightmenu area second part height
    3header-menu-area-2-background#1e4369menu area second part background
    1header-menu-top6pxmenu top offset relative menu area
    1header-menu-font-size14pxmenu text default font size
    2header-menu-1-font-size14pxmenu first level item text font size
    2header-menu-1-color#2d3031menu first level item text color
    2header-menu-1-color-rgbargba(45, 48, 49, 0.5)menu first level item text color RGBA
    2header-menu-1-active-color#bf2733menu first level active item text color
    3header-menu-1-active-with-ul-color#bf2733menu first level active item button 'with-ul' marker color (if button use)
    3header-menu-1-active-with-ul-color-rgbargba(191, 39, 51, 0.5)menu first level active item button 'with-ul' marker color (if button use) RGBA
    2header-menu-1-marker-up-1pxmenu first level active item graphical marker up offset from menu area top line
    2header-menu-1-marker-backgroundurl('/skin/images/menu-arrow.png') no-repeat center 0pxmenu first level active item graphical marker background picture
    2header-menu-1-divider-color#717577menu first level item text color
    2header-menu-1-padding10pxmenu first level item padding from divider
    3header-menu-2-margin-top5pxmenu second level top margin
    3header-menu-2-font-size14pxmenu second level item text font size
    3header-menu-2-color#e8e9eamenu second level item text color
    3header-menu-2-active-color#1e4369menu second level active item text color
    3header-menu-2-active-with-ul-color#1e4369menu second level active item button 'with-ul' marker color (if button use)
    3header-menu-2-active-with-ul-color-rgbargba(30, 67, 105, 0.5)menu second level active item button 'with-ul' marker color (if button use) RGBA
    3header-menu-2-divider-color#e8e9eamenu second level items divider color
    3header-menu-2-padding5pxmenu second level item padding from divider
    3header-menu-2-backgroundtransparentmenu second level item background
    3header-menu-2-active-background#e8e9e9menu second level active item background
    3header-menu-separator-displayblockmmenu home page separator display
    3header-menu-separator-color#A4A4A4menu home page separator color
    NoVariableValueDescription
    2slide-area-background#1e4369slide area background
    2slide-area-background-sizecoverslide area background size
    2slide-container-widthheader-width - 100 (1090px)slide container width
    2slide-container-height290pxslide container height
    2slide-container-height-iphone200pxslide container height for iPhone
    2slide-container-left0pxslide container left offset
    2slide-container-top0pxslide container top offset
    2slide-wrapper-widthslide-container-width (1090px)slide wrapper width
    2slide-wrapper-heightslide-container-height - slide-wrapper-top - slide-bottom-height - 3slide wrapper height
    2slide-wrapper-left0pxslide wrapper left offset
    2slide-wrapper-top10pxslide wrapper top offset
    2slide-empty-font-size12pxempty slide font size
    2slide-empty-font-styleitalicempty slide font style
    2slide-empty-margin-top10pxempty slide text margin top
    2slide-empty-margin-left5pxempty slide text margin left
    2slide-empty-colorwhiteempty slide text color
    2aslide-left-width600pxslide left side (text) width
    2aslide-left-padding10pxslide left side text area left and right padding
    7slide-left-title-font-size32pxslide title font size
    7slide-left-title-font-size-iphone24pxslide title font size for iPhone
    7slide-left-title-font-weightboldslide title font weight
    5slide-left-text-margin-top10pxslide text margin
    5slide-left-text-margin-top-iphone1pxslide text margin for iPhone
    5slide-left-text-font-size14pxslide text font size
    5slide-left-text-font-size-iphone14pxslide text font size for iPhone
    5slide-left-text-font-weightnormalslide text font weight
    4slide-more-left10pxslide more button left
    4slide-more-bottom0pxslide more button bottom
    4slide-more-color#1e4369slide more button text color
    4slide-more-width96pxeslide more button width
    4slide-more-height22pxslide more button height
    4slide-more-font-size12pxslide more button text font size
    4slide-more-font-weightboldslide more button text font weight
    4slide-more-backgroundurl('/skin/images/more-button.png') no-repeatslide more button background
    2bslide-right-widthslide-container-width - slide-left-widthslide right side (image) width
    2bslide-right-image-width277pxslide right side (image) width
    2bslide-right-image-height205pxslide right side (image) height
    2bslide-right-image-height-iphone($slide-container-height-iphone / $slide-container-height) * $slide-right-image-heightslide right side (image) height
    2bslide-right-image-bordernoneslide right side (image) border
    2bslide-right-image-border-radiusnoneslide right side (image) border round radius
    2cslide-bottom-height50pxslide bottom offset
    2cslide-bottom-height-iphone30pxslide bottom offset for iPhone
    3slide-bottom-arrow-height20pxslide arrow button height
    3slide-bottom-arrow-width50pxslide arrow button width
    3slide-bottom-arrow-left-backgroundurl('/skin/images/slide-arrow-left.png') no-repeat center centerslide left arrow button background
    3slide-bottom-arrow-right-backgroundurl('/skin/images/slide-arrow-right.png') no-repeat center centerslide right arrow button background
    3slide-dots-bottom15pxslide selection dots area bottom offset
    3slide-dots-element-diameter14pxslide selection dot diameter
    3slide-dots-element-background#eceff4slide selection dot background
    3slide-dots-element-border-color#cccslide selection dot border color
    3slide-dots-element-gap2pxgap between slide selection dots
    3slide-dots-active-element-background#bf2733active slide selection dot background
    3slide-dots-active-element-border-color#bf2733active slide selection dot border color

    There also are:

    • 1 - CMS Slider plugin control
    • 7 - image: must fit into right slide side
    NoVariableValueDescription
    7box-container-widthheader-width (1190px) + 20pxbox container width
    7box-container-margin-top2pxbox container top margin
    2box-backgroundurl('/skin/images/box-blue.png')box background
    2box-background-iphoneurl('/skin/images/box-blue-iphone.png')box background for iPhone
    2box-width340pxbox width
    2box-width-iphone301pxbox width for iPhone
    2box-height200pxbox height
    2box-margin10pxbox margin left
    7box-empty-width930pxempty box width
    7box-empty-heightbox-height (200px)empty box height
    7box-empty-margin-top20pxempty box margin top
    7box-empty-border-color#cccempty box border color
    7box-empty-font-size12px empty box font size
    7box-empty-font-styleitalicempty box font style
    7box-empty-margin-top10pxempty box text margin top
    7box-empty-margin-left5pxempty box text margin left
    7box-empty-color#777empty box text color
    3box-title-height25pxbox title height
    3box-title-width95%box title width
    3box-title-font-size13pxbox title font size
    3box-title-font-weightnormalbox title font weight
    5box-image-top7pxbox image top
    5box-image-height108pxbox image height
    5box-image-width108pxbox image width
    4box-left-top0pxleft box part top
    4box-left-left6pxleft box part left
    4box-left-widthbox-width - box-image-width - box-left-left - 12left box part width
    4box-left-width-iphonebox-width-iphone - box-image-width - box-left-left - 12left box part width for iPhone
    4box-left-heightbox-height - box-title-height - 3left box part height
    5box-right-top26pxleft box part top offset
    5box-right-right5pxleft box part left offset
    5box-right-widthbox-width - box-left-width - box-left-left - box-right-rightright box part width
    5box-right-width-iphonebox-width-iphone - box-left-width-iphone - box-left-left - box-right-rightright box part width for iPhone
    5box-right-heightbox-left-heighteft box part height
    4box-description-top8pxbox description area top offset
    4box-description-left6pxbox description area left offset
    4box-description-heightbox-left-heightbox description area height
    4box-description-font-size14pxbox description text font size
    4box-description-line-height18pxbox description text line height
    4box-description-font-weightnormalbox description font weight
    4box-description-color#4b4e50box description font color
    6box-more-bottom10pxbox more area bottom offset
    6box-more-right0pxbox more area right offset
    6box-more-width38pxbox more area width
    6box-more-height26pxbox more area height

    1 - CMS Boxer plugin control

    NoVariableValueDescription
    control-width24pxcontrol width/height
    control-background url('/skin/images/applications-system.png') no-repeat center center
    control-edit-background url('/skin/images/page-white-edit-icon.png') no-repeat center center
    control-z-index999control z-index