Tag: css

  • Socialuttons – The Final Social Button Package (Social Networking)

    Socialuttons – The Final Social Button Package (Social Networking)

    Socialuttons The Ultimate Social Button Kit – WordPress Edition

    62 social icons 4 shapes 18 animations 49 color scheme combinations (7 before, 7 after) 7 shadow styles

    Using combination of these you can achieve different 24.696 styles and 1.531.152 different icons.

    It includes global style changing admin panel – you change style of every button in your website with few simple mouse clicks!

    Adding Socialutton is very simple. Type a shortcode or use WYSIWYG plugin to generate it!

  • Recent LESS / SCSS Compiler (Utilities)

    Recent LESS / SCSS Compiler (Utilities)

    About

    Automatically compile and cache your .LESS and .SCSS files on both frontend and backend

    Main Features

    • Automatically watches and compiles .LESS and .SCSS files (.SASS syntax is not supported) that you have added directly via <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_style">wp_enqueue_style</a>
    • Works in themes, plugins, on both frontend and wp-admin
    • Integrated cache, compiles only after a change is detected
    • Create new LESS/SCSS variables on the fly with WordPress hooks – great for generating CSS from backend options
    • Does not have any GUI (Graphical User Interface)

    Including .LESS and .SCSS files

    In order to automatically watch and compile your .LESS and .SCSS files, you need to add them directly via wp_enqueue_style

    Example LESS:

    wp_enqueue_style('design', get_template_directory_uri().'/assets/css/design.less');
    

    Example SCSS:

    wp_enqueue_style('design', get_template_directory_uri().'/assets/css/design.scss');
    

    Create LESS/SCSS variables with WordPress hooks

    add_action('ff_css_variables', 'my_css_variables');
    
    function my_css_variables( $variables) 
        $variables->addVariable('design', 'backgroundcolor', '#000000'); //'wp_enqueue_style handle', 'variable name', 'variable value'
    
    

    Attributions & Credits

  • Socialsider – Common Social Sidebar (Social Networking)

    Socialsider – Common Social Sidebar (Social Networking)

    Socialsider – Universal Social Sidebar (WordPress version)

    62 social icons, 2.304 style combintations – Left top, left middle, left bottom, right top, right middle, right bottom positions – Fixed & absolute positions – 6 color styles – Half – hidden option – Edge radius on/off

    It’s very simple to us. Upload plugin to your WordPress site, set up your links and customization options. It’s fully adjustable from admin panel.

  • Imager – Superb Picture Software for WordPress (Utilities)

    Imager – Superb Picture Software for WordPress (Utilities)

    The plugin allows to create unlimited image sizes, regenerate the thumbs and to add css filters and animations directly from WP’s Media Section.

    Unlimited Image Sizes + Thumbs Regeneration + CSS Filters and Animations!

    Features

    • Custom thumb sizes
    • Unlimited sizes
    • WP Cropping
    • Manage sizes as Posts
    • Save your sizes from WP or Theme Updates
    • Regenerate all thumbnails in 1 Click
    • Find your custom sizes in WP MEDIA select
    • Add 31 different CSS Filters to the thumb
    • Add 30 different CSS Animation to the thumb
    • Manage the options in “ADD MEDIA” (editor)

    Credits

  • Iconicum – WordPress Icon Fonts (Utilities)

    Iconicum – WordPress Icon Fonts (Utilities)

    Support




    Support requests via comments will be referred to the “Help & Support Forum” specifically created for this item. If you haven’t done so already, please create a user account first. Before being able to post in any of the forums, you will be required to provide your license code for this item in order to gain access.

    Overview

    “Iconicum – WordPress Icon Fonts” will extend your WordPress page with thousands of vector font icons, that can be used pretty much everywhere via shortcode, even in widgets. Of course, there are many other plugins available that can do the same for you, some of them even free. So why should you buy this one?

    Most other plugins allow you to just insert an icon, without much opportunity to style the icon to your liking. Or they just provide one or two icon fonts, giving you limited options to find the one icon you actually need. Maybe you want to apply some effects (animations) to your icon but your current plugin doesn’t allow for that.

    Then don’t look any further because this plugin will be your solution!

    Features

    Style all Aspects of your Icon

    • Size
    • Icon Color
    • Icon Background
    • Opacity
    • Hover Color
    • Hover Background
    • Hover Opacity
    • Default or Hover Animation
    • Viewport Animation
    • Border (Type, Thickness, Radius and Color)
    • Padding
    • Margins (Top, Bottom, Left, Right)
    • Alignment (Center, Left, Right, Float Left, Float Right)
    • Apply title attribute for tooltip information
    • Use included CSS3 tooltips for your icons
    • Apply Link to Icon
    • Define Link Target (“_parent” or “_blank”)
    • Custom Icon ID
    • Custom Icon Class

    Shortcode Generator

    The plugin provides you with a shortcode generator that allows you to style every aspect of your icon. When using the generator inside your tinyMCE editor, you can directly insert the shortcode into the tinyMCE editor. Plus, there is a “Copy Shortcode” button that will copy the shortcode into your brpwser clipboard so you can easily insert it anywhere else.

    And while building your icon, you will have a live preview of all your changes so you will know exactly how your icon will look and behave on the front-end of your website.

    Log in to our WordPress Demo site and take the Shortcode Generator for a test run:

    User ID: Iconicum
    Password: Iconicum



    60+ CSS3 Animations

    The plugin ships with over 60 different CSS3 animations that you can apply to your icon. Animations can be applied as default animation (always active), hover animation (active only when hovering) or as viewport animation (triggered once when icon comes into browser view).

    Included Fonts

    The plugin comes with 12 fonts pre-installed, giving you access to 3,200+ different icons. But you don’t have to use all the fonts. You can easily disable the ones you don’t need or want.

    Click here to see a preview of all fonts and their included items.

    Releases

    Initial Release
  • AD Type Software for WordPress (Utilities)

    AD Type Software for WordPress (Utilities)

    4721 icons + 657 GFonts + unlimited Styles and Classes in 1 CLICK!

    Main Features

    Add Icon (1-click shortcode generator)

    Add Style (1-click shortcode generator)

    Add Class (1-click shortcode generator)

    Custom Classes (css propeties generator like the professional code editor softwares)

    WordPress 3.8 – 3.7 – 3.6 Ready

    Retina Ready

    Browser Compatibility

    Amazing Support

    Specific Features

    ADD ICON

    • 4721 Icons (15 Sets)!
    • Icon Color
    • Icon Size
    • BG Color
    • Icon Spin
    • Over Color
    • Over Opacity
    • Over BG Color
    • Over Spin
    • URL
    • URL Target

    ADD STYLE

    • 657 Google Fonts!
    • Font Size
    • Font Color
    • Font Weight
    • Font Style
    • Line Height
    • Text Align
    • Text Direction
    • Text Animations!

    ADD CLASS

    • Unlimited custom .Classes
    • 100+ CSS Attributes
    • 30+ HTML Tags
    • Color Picker
    • Visual Class Tester
    • Full HTML Insert
    • Direct CLASS Insert
    • CSS Generator like code editors

    Credits

  • Hover Results % – WordPress Plugin (Media)

    Hover Results % – WordPress Plugin (Media)

    Overview

    This hover effects pack plugin allows you to add image via shortcode, and set hover animation, text animation and text delay. This plugin adds new button to you WYSIWYG editor and options page, where you can select colors for color layer and text.

    Features

    General

    • 10 hover effects
    • 10 text animation effects
    • 5 text delay options
    • Add shortcode button, that open popup dialog with options
    • Ability to change color of hover layer and text

    Image Effects

    • Fade
    • Stroke
    • Twist
    • Flip
    • Flow
    • Box
    • Stripe
    • Apart (vertical and horizontal)
    • Diagonal

    Text Effects

    • Slide from left
    • Slide from right
    • Slide from top
    • Slide from bottom
    • Scale
    • Opacity
    • Rotation (both directions, 90 or 180 degrees)

    Browser support note

    Old versions of IE (9 and before) not support css3 animation effects.
    Safari 5.1.7 not support part of css3 properties.

  • Transfer – Responsive OnePage Parallax WordPress Theme (Ingenious)

    Transfer – Responsive OnePage Parallax WordPress Theme (Ingenious)

    MOVE is clean, fresh and easy to customize, unique one page WordPress Parallax 100% responsive template.
    It can be used for business and corporate sites, your portfolio site or customize it to suit your wishes







    8 predefined colour schemes
    We added 8 predefined colour schemes to make your work easier, you will surely find a colour that fits your need .

    Unlimited options
    With advanced admin panel options, unlimited colour, parallax effects, layered slider included, video background option, you can truly create something unique to suite your need.

    100% Responsive
    Move is 100% responsive, from slider to the last element. It looks great on all devices.

    Parallaxed
    Move is using parallax scripts to enhances your style.

    Custom backgrounds
    With Move you can set backgrounds were ever you want, truly fully customisable.

    Retina ready
    Move is retina ready for crisp view.

    Font Awesome and Bootstrap icons integrated
    Overall you have amazing 560+ icons to really customise your template.

    Browser compatible
    Among all biggest browsers we also provided IE8 support.

    Cool Code
    The code is done cleanly without any fuss, so you can enjoy working on it.

    Layered slider (15$ value)
    We have included layered slider with tons of options in it.

    Extended documentation
    We include the detailed documentation on how to use the theme and it’s features if that’s not enough you can always contact our fantastic support.

    Awesome support
    Just try us – support@anpsthemes.com

    Credits:

  • Cell Discover-Redirect Plugin With Cookies – wordpress (Utilities)

    Cell Discover-Redirect Plugin With Cookies – wordpress (Utilities)


    Mobile Detect-Redirect WordPress Plugin With Cookies

    A simple WordPress plugin that does exactly what it’s supposed to:

    • it detects mobile devices
    • it redirects visitors to a mobile website (or, allows them to choose if they want to be redirected or not)

    Main Features

    • can be installed just like any other plugin
    • uses the default WordPress settings API to handle all options
    • all texts shown in the redirect window can be translated (changed) from the options page in the admin panel (no code editing required)
    • you can choose between redirecting the users without their confirmation and allowing them to choose if they will be redirected
    • uses cookies to remember the user’s choice (if the user wants his choice to be remembered) for a certain number of days. The number of days can be changed from the options

    page

    • you can extend the list of devices directly from the options page
    • you can add custom CSS rules to further customize the redirect window directly in the options page
    • requires jQuery to work

    Options Page:

    Notes:

    The demo also works on dekstops, so you can test it. The source files you receive are st to mobile devices only (you have an option to enable desktop mode too, for tests).