18122172001(微信同步)
1 1 1
?
  • ?
  • ?
  • ?

今日头条是一款新闻APP,用户多、智能精准、后台、数据门槛适当,致力于向适合的人展示适合的广告 ,让广告主每一分钱的预算支出都物超所值。

View more
今日头条

抖音是一款专注于做年轻人音乐社区平台的短视频APP,基于用户兴趣进行个性化推荐,不断加强用户对平台的粘性,从而为广告实现流量变现

View more
抖音

基于腾讯社交网络体系的效果广告平台,能够智能的进行广告匹配,高效的利用广告资源。用户可以在QQ空间、手机QQ和微信等平台实现效果营销和品牌曝光。

View more
广点通

基于微信公众账号生态体系,以类似朋友的原创内容形式,通过微信广告系统强制性在朋友圈内进行投放和推广,在基于对海量微信用户进行精准定位的同时,依托关系链进行互动传播。

View more
朋友圈广告

快手作为大数据时代的先行者,其基于AI技术及个性化分发机制,通过数据AI计算出人的喜好、理解程度等,为受众和视频内容进行精准搭配。

View more
快手

“微信粉丝通”是基于新浪微博海量的用户,把企业信息广泛传送给粉丝和潜在粉丝的营销产品,它会根据用户属性和社交关系将信息精准的投放给目标人群,是微博营销的实用工具。

View more
粉丝通

This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme's styling. The theme also comes with a wide range of different layouts and widget variations.

Warp Framework

A fast and slick theme framework which is built on the latest web techniques like HTML5, CSS3 and PHP 5.3+

Visit Website

UIkit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Visit Website

Styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.


Layout

We've added the option to choose between a classic wrapped and a modern wide screen layout.

Wrapper

Fullscreen


Full height slideshow

We created a custom style for our Widgetkit Slideshow perfectly fitting the theme. Plus you can set the height to fit the viewport.

Wrapper

Fullscreen


Charts

Katana comes with some cool charts you can easily customize. Just use the markup below. You can choose between 3 types by adding one of the following type attributes into the chart element, Pie, Doughnut, PolarArea. In addition you can add a width and height. For each item you can define specific options. Just add data-tm-chart to the item element. You can add as many as items as you want.

Option Description
label Defines a label on item hover.
value Defines the value of each item.
color The first elements are defined with the default theme colors by default. You can override them for each item.
highlight Defines the hover background color for each item.

Pie Chart

Doughnut Chart

Polar Area Chart

Markup

<chart type="Doughnut" width="500" height="500">
    <item data-tm-chart="{label: 'Primary', value: 200, color: '#f00'}"></item>
    <item data-tm-chart="{label: 'Secondary', value: 200, color: 'rgb(255,0,0)'}"></item>
    <item data-tm-chart="{label: 'Tertiary', value: 100, color: 'red'}"></item>
</chart>

Custom Overlay

You can add a cool hover effect to images by using the code example below.

Markup

<div class="uk-overlay tm-overlay">
    <img src="?map/" alt="">
        <a href="?map/"></a>
        <div class="uk-overlay-area">
            <div class="uk-overlay-area-content">
                <h1 class="uk-h3 tm-overlay-headline">...</h1>
                <p class="tm-overlay-content">...</p>
            </div>
        </div>
    </a>
</div>

Tile Grid

Katana comes with a fully customizable grid like you can see on the frontpage. You can build any kind of grid you want by using the Grid Component UIkit provides including the default UIkit responsive behavior.

Markup

To remove the grid gutter, add the .tm-grid-gutter-remove to the parent .uk-grid element. You can choose between 3 types of content within your tiles:

  1. Content

    You can insert any kind of content here starting with a div using the class .uk-position-cover. To get a colored tile you can add any kind of panel you want like in the example below.

  2. Image

    The image you put into your tile will automatically cover the area.

  3. Image with overlay

    The image with the overlay effect has the same behavior as the regular image. You can use the default UIkit overlay or add the class .tm-overlay like in the example below to get the Katana overlay.

NOTE To set the width and height of your tiles use data-tm-grid-tile="..." on the div containing the .uk-width-* classes directly before the content. The single tile size depends on the number of columns you create with the grid.

<div class="uk-grid tm-grid-gutter-remove">
  
    // 1. You can use every kind of panel here 
    <div class="uk-width-1-2" data-tm-grid-tile="2x1">
        <div class="uk-position-cover uk-panel uk-panel-box">
          ...
        </div>
    </div>
    
    // 2. Just an image without hover effect 
    <div class="uk-width-1-3" data-tm-grid-tile="1x1">
        <img src="?map/" alt="">
    </div>
    
    // 3. Image with an overlay effect
    <div class="uk-width-1-3" data-tm-grid-tile="1x1">
        <div class="uk-overlay tm-overlay">
            <img src="?map/" alt="">
            <a href="?map/">
                <div class="uk-overlay-area">
                    <div class="uk-overlay-area-content">
                        <h1 class="tm-overlay-headline">...</h1>
                        <p class="tm-overlay-content">...</p>
                    </div>
                </div>
            </a>
        </div>
    </div>

</div>  

Social Icons

Use the modifier .uk-icon-button class to create an icon button.

Here is a little code example how to add them:

<a href="#" class="uk-icon-button uk-icon-twitter"></a>
<a href="#" class="uk-icon-button uk-icon-facebook"></a>
<a href="#" class="uk-icon-button uk-icon-google-plus"></a>

Here is an overview of all icons provided by Font Awesome.

This theme is available for JoomlaJoomla and WordpressWordPress including the same features on each system.

橙子网络微信公众号

在线咨询

地址:广州市萝岗区科学城彩频路7号广东软件园C栋302邮箱:castor@orangesns.com电话:18122172001(微信同步)QQ:3351471801

Copyright © 2014-2018 真钱牌游戏_真钱牌游戏送彩金 粤ICP备15051995号-1

×

橙子网络

中国领先的移动互联网精准营销服务商

您好!橙子网络拥有8年网络推广经验,已成功帮助50000家企业逐梦互联网市场。点击咨询立即获取专属您的推广方案!

稍后再说 现在咨询