‏إظهار الرسائل ذات التسميات header. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات header. إظهار كافة الرسائل


http://ift.tt/1t5Npdd








StickyBars is a web element that can be used to display informations on your site while scrolling on the pages. These bars can be horizontal or vertical and they can stick to any edge of the browser. You can have several bars on a same page with different options for each one (colors, CSS3 effects, position, etc.)


Features



  • 4 positions (top, bottom, left or right)

  • Can be used as a header or a footer

  • Horizontal and vertical layouts

  • Original way to display informations, links, navigation, etc.

  • Works with anchors or pixel offset values

  • Sticky elements revealed on scroll

  • 17 CSS3 effects with a simple fade fallback for older browsers

  • Can hold lists, texts, headings, navigation elements, etc.

  • Easy setup with jQuery options

  • Dark and light color schemes

  • Clean and organized valid markup

  • Designed and coded for desktop computers, tablets and mobiles


What you get


The package contains 5 HTML files that can be used to easily setup your own StickyBars. All the code is organized, indented and easy to read. The script comes with an uncompressed version and a minified version.


Compatibility


StickyBars has been tested on several devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests. Here’s a list of compatibility :



  • Internet Explorer 9+

  • Firefox

  • Chrome

  • Opera

  • Safari

  • Chrome on Android

  • Safari on iPad and iPhone


Please keep in mind that CSS3 effects are not available for all browsers, for example these StickyBars look acceptable under Internet Explorer 8 but it’s much better from Internet Explorer 9 for example.


Free Support, Free Updates


When you purchase a product on Codecanyon, you can always access it in your downloads page. There you can subscribe to receive an email and get notified if an update is available, only the last version will appear in your downloads page. Those updates are totally free !


If you encounter an issue when using my work or find a problem, you can contact me at any time from my profile page. You’ll need to be logged in to be able to access the contact form (in the sidebar). I usually reply within 24-48 hours but during holidays or week-ends, it can take more time.


I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible. If you have an idea that could improve it, feel free to ask me, some customization questions happened to be the starting point of an update.


Changelog


7/04/2014 – Version 1.0



  • Initial Release



javascript, miscellaneous, android, clean, css3, footer, header, ios, ipad, iphone, jquery, navigation, panel, plugin, responsive, scroll, sticky April 15, 2014 at 07:33PM



http://ift.tt/1n4BJTy

CSS3 Tooltips For WordPress


CSS3 Tooltips For WordPress is a lightweight, easy-to-use tooltips plugin for WordPress. It’s based on pure CSS3 and comes loaded with 50 predefined CSS3 styles, 10 different tooltip positions, optional tooltip headers, support for images and videos, adjustable delay, notification icons, tooltips On Hover over element and On Click and support for mobile devices.


Plugin comes with shortcode generator and global settings with nice feature to display CSS3 Tooltips for all links by default.


Need Support?


Support for all our items is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.




Full List Of Features



  • Create a Tooltip In Minutes!

  • On Hover And On Click Tooltips

  • Support For Mobile Devices

  • Lightweight – Based On Pure CSS3 Code

  • Build-In Shortcode Generator

  • Build-In Global Settings

  • Global Links To Tooltips Conversion

  • Create Tooltips In Minutes By Using Tooltip Shortcode Generator

    • Define The Content Wrapped By The Tooltip

    • Add Optional Tooltip Header

    • Specify The Tooltip Content That Will Appear In The Tooltip Cloud

    • Add Image Or Video That Will Appear In The Tooltip Cloud

    • Choose From 10 Available Tooltip Positions

    • Choose From 50 Available Tooltip Styles

    • Ability To Specify Custom CSS Code Or Class That You Want To Use For The Tooltip

    • Ability To Define Fixed Tooltip Width

    • Ability To Define Tooltip HTML Wrapping Tag

    • Ability To Define Tooltip Delay In Ms.

    • Ability To Define On Hover Or On Click Event

    • Custom Tooltip Cursors On Hover To Choose From



  • Global Tooltips Configuration Panel

    • Ability To Display CSS3 Tooltips For All Links By Default. Tooltip Content Will Be Retrieved From Title Attribute. This Setting Will Applies To All The Posts And Pages

    • Ability To Choose Default Tooltip Position And Style

    • Ability To Choose Default Tooltip Tag, Delay, Cursor, Custom CSS Code Or CSS Class Applied To The Tooltip

    • Ability To Define On Hover Or On Click Event



  • Valid HTML5 Code

  • Crossbrowser Compatible

  • Documentation With Step-By-Step Guide Included


Videos



Updates


None



interface-elements, wordpress, css3, css3 tooltip, css3 tooltips, header, hint, hints, label, link convert, links conversion, mobile, onclick, qtip, responsive, tooltip, tooltips April 09, 2014 at 08:41PM

Titan is a polished powerhouse. Sibling to our single-channel beauty Provenance, Titan adds a masonry layout while keeping the same sharp typography and customizability.




Documentation:




Highlighted Posts




Titan’s biggest addition is the highlighted post mechanic, which allows you to enlarge a post’s width to two columns. Simply tag the post with “highlight” to enlarge it.




Tag Collections / Drop-down menu




Like our portfolio themes Kodiak and Aperture, Titan features a tag-organized collection menu. Simply enter the tags with which you’d like to group posts into the “Tag Collections” field in the customization options.




For example, say you wanted to create collections of posts about books, and posts about bacon. Simply tag your book posts with “Books” and your bacon with “Bacon.” Then, head to the customization options and enter “Books, Bacon” into the Tag Collections field. Save your work, and you’ll have two crisp new collections in your “Collections” menu when you refresh the page. You also can re-name this menu to anything you’d like in the “Tag Collections Menu” field in the customization options.




Alternate Header Layout




Titan comes with two header layouts: the default layout is left-justified, and the Alternate Header Layout is center-aligned. Additionally, the navigation menu can be set to display above the header (instead of below, by default) by checking the “Nav on Top” option.




Sticky Post




Making a post “sticky” keeps it at the top of your feed. To sticky a post, head to your customization options and input the number in your desired post’s permalink URL (something like “http://yourblog.tumblr.com/post/4123456789123/blah-blah-blah”) into the “Sticky Post ID” field. Save your changes, and you’re all set.




Header Color Opacity




Titan’s header is designed with a customizable colored overlay, which can be set to any value from 0 (transparent) to 1.0 (totally opaque).




Color Customization




Titan’s Accent, Background, Header, Header Text, Header Title, Main Background, Secondary Background, and Secondary Text colors are all customizable.




Instagram Feed




Titan’s footer features an (up to) 10-picture Instagram feed, easily setup in the customization options. Just head here to retrieve your access token, and plug it into the corresponding field in the customization options. Done!




Flickr Feed




Titan’s Flickr feed is even easier to setup. Simply input your Flickr User ID (retrievable here) into the corresponding field in the customization options and you’re all set. Just like the Instagram feed, your Flickr feed will display in the About area.




Avatar Size




The ideal size for Titan’s avatar is 179×179px.




Facebook Commenting




Titan supports Facebook commenting. Setting up FB comments is easy:




First, head to the Facebook Developer site, sign up and head to the “Apps” tab in the top bar. Once there, click “Create New App.”
Input any name you’d like for your hypothetical app (you’re not actually making one, don’t worry), agree to the ToS and click Create. You’re almost done!




Input your Contact Email (in Basic Info) as well as your blog’s URL into the “Site URL” box (in the “Website With Facebook Login” tab) and save your changes.




Copy the App ID located just below your app’s name (at the top of the page) and you’re all set. Now head back to your blog and input your API ID into the “Facebook API ID” field in the customization sidebar, and make sure you’ve checked “Facebook Comments On.”




Disqus Commenting




Titan also supports Disqus commenting, setup by inputting your Disqus shortname into the corresponding field in the customization options.




Infinite Scroll




Titan’s infinite scroll option is Click-to-load.




Social Media Links




Titan’s footer features links to: Behance, Delicious, DeviantArt, Digg, Dribbble, Facebook, Flickr, Foursquare, Github, Instagram, LastFM, LinkedIN, Myspace, Pinboard, Pinterest, Rdio, Skype, Soundcloud, Spotify, Stumbleupon, Svpply, Vimeo, and YouTube.




Site Tracking




Titan also supports Google Analytics, using your GA Property ID.




Premium Support




Each one of our themes comes fully backed by our dedicated support team. We’re good people, with real faces, and we like what we do. We’ve also created a help centre, so you can get help at any hour of the day. Send us an email or tweet, and we’ll respond as soon as we can (PST).

Crate is our smoothest 2-column theme so far. Rather than chopping your feed into tiles, Crate gracefully arranges your content into a fully customizable and flawlessly chiseled surface. It’s flat, simple, and elegant.




Documentation:




HTML5 Audio Player




Crate features our new HTML5 player for audio posts, which is insanely fast and easy on the eyes.




Colours




Crate’s Accent, Background, and Hover colours are all fully customizable.




Custom Background and Header Images




Crate’s background and header images are totally customizable, with an optimal header image size of 960×300 px, and just about anything for the background (the bigger the better, though, of course).




Integrated Twitter Feed




As with many of our other themes, Crate features an easy-to-setup Twitter feed in the sidebar which will display your three most recent tweets. SImply make sure you’ve linked your Twitter account to your blog in Tumblr’s general settings.




Optional Instagram Grid Layout




Crate’s Instagram feed displays, by default, as two images atop each other. However, when toggled, the optional Instagram Grid layout will display your recent Instagram uploads in a more tradtional (and larger) tiled view.




Social Media




Crate features easy hookup to: Dribbble, Facebook, Flickr, Github, Google+, Instagram, LastFM, LinkedIn, Pinterest, Rdio, Skype, Svpply, Twitter, Vimeo, and YouTube.




Commenting




Crate supports either Disqus or Facebook commenting, each easily setup in the customization menu.




Premium Support




Each one of our themes comes fully backed by our dedicated support team. We’re good people, with real faces, and we like what we do. We’ve also created a help centre, so you can get help at any hour of the day. Send us an email or tweet, and we’ll respond as soon as we can (PST).

Juneau is our two-column titan. It’s the most flexible of our Alaskan suite, and features a masonry layout (with a single-column option), customizable header, and loads of visual accents. Designed for content-heavy blogs, Juneau also supports multiple authors and post-highlighting.




Documentation:




Alternative Layouts & Post Highlighting




Juneau can be configured as either a two- or single-column theme. As a two-column theme, posts tagged with “highlight” will be expanded to the full width of both columns; and, in single-column mode, all posts are expanded to full container-width.




Multiple Header Options




Juneau’s togglable oversized header features a parallax effect as the page is scrolled. That is, your header image moves at a slower pace than the frame around it, giving an eye-catching illusion of depth.




Want a more reserved appearance? The “Big Header” option can be untoggled from the customization sidebar, giving you a more textual header with the option to overlay your custom header image with any of six unique shape accents.




Enhanced Photosets & Exif Image Data




When posting a photo, Juneau will automatically load any Exif data embedded in the image, which can then be accessed by clicking a small info/”i” icon that transparently overlays the image.




Multiple Authors




Juneau supports (and provides metadata noting) multiple authors, making it a great theme for group and aggregator blogs. Similarly, author metadata can be toggled on/off in the customization sidebar.




Toggleable Infinite Scroll




Fitting with its light, boundless aesthetic, Juneau features togglable infinite scroll.




Color Customization




Juneau’s Link and Link Hover colors are fully customizable.




Flexible Layout




Your Likes, Avatar (in the profile sidebar), and Author photo are all togglable in the customization sidebar. Additionally, the blog sidebar’s Twitter feed can be toggled on/off, and you can customize the number of recent tweets displayed.




Disqus or Facebook Commenting




Juneau allows you to use either (or both) popular commenting systems, using your Disqus ID or Facebook API ID.




Social Media




Like everything else we make, Juneau is plugged into everything, including: Twitter, Facebook, Vimeo, Flickr, LastFM, Dribbble, Skype, Google+, GitHub, YouTube, LinkedIn, Svpply, Rdio, Gowalla, Foursquare, Instagram, and Pinterest. Linked icons for these are located in the sidebar.




Premium Support




Each one of our themes comes fully backed by our dedicated support team. We’re good people, with real faces, and we like what we do. We’ve also created a help centre, so you can get help at any hour of the day. Send us an email or tweet, and we’ll respond as soon as we can (PST).

Glacial, graceful, and robust—that’s Anchorage. Anchorage balances its near-monochrome simplicity with taut typography, fully loaded sidebar, and giant parallax header. Also featuring multiple author support and infinite scroll, Anchorage is as flexible as it is gorgeous.




Documentation:




Multiple Headers




Anchorage’s most prominent feature is its togglable oversized header, which features a parallax effect as the page is scrolled. That is, your header image moves at a slower pace than the frame around it, giving an eye-catching illusion of depth.




Want a more reserved appearance? The “Big Header” option can be untoggled from the customization sidebar, giving you a more textual header with the option to overlay your custom header image with any of six unique shape accents.




Exif Image Data




When posting a photo, Anchorage will automatically load any Exif data embedded in the image, which can then be accessed by clicking a small info/”i” icon that transparently overlays the image.




Multiple Authors




Anchorage supports (and provides metadata noting) multiple authors, making it a great theme for group and aggregator blogs. Similarly, author metadata can be toggled on/off in the customization sidebar.




Custom Photoset Controls




The customization sidebar allows you to toggle between a standard, all-out-in-the-open display and a sleek slideshow mechanic for photosets.




Infinite Scroll




Fitting with its light, boundless aesthetic, Anchorage features togglable infinite scroll.




Color Customization




Anchorage’s Link and Link Hover colors are fully customizable.




Flexible Layout




Your Likes, Avatar (in the profile sidebar), and Author photo are all togglable in the customization sidebar. Additionally, the blog sidebar’s Twitter feed can be toggled on/off, and you can customize the number of recent tweets displayed.




Disqus or Facebook Commenting




Anchorage allows you to use either popular commenting system, using your Disqus ID or Facebook API ID.




Setting up Facebook comments is easy:




First, head to the Facebook Developer site, sign up and click on Set Up New App.




Input any name you’d like for your hypothetical app (you’re not actually making one, don’t worry), agree to the ToS and click Create. You’re almost done!




Input your Contact Email (in Basic Info) as well as your blog’s URL into the “Site URL” box (in the Website tab) and save your changes. Copy the App ID located just below your app’s name and you’re all set. Now head back to your blog and input your App ID into the “Facebook App ID” field in the customization sidebar.
Social Media




Like everything else we make, Anchorage is plugged into everything, including: Twitter, Facebook, Vimeo, Flickr, LastFM, Dribbble, Skype, Google+, GitHub, YouTube, LinkedIn, Svpply, Rdio, Gowalla, Foursquare, Instagram, and Pinterest. Linked icons for these are located in the sidebar.




Premium Support




Each one of our themes comes fully backed by our dedicated support team. We’re good people, with real faces, and we like what we do. We’ve also created a help centre, so you can get help at any hour of the day. Send us an email or tweet, and we’ll respond as soon as we can (PST).

The New Yorker is our tribute to the Big Apple’s gorgeous iconography and bold flexibility. Packaged with both dark and light versions, The New Yorker features a customizable header, togglable icons, and expansive social media integration. Richly textured, vibrant, and supremely easy to use, The New Yorker is a best-seller for good reason.




Documentation:




Light and Dark Versions




Since The New Yorker’s typography and layout are pretty meticulously structured, we’ve set it up with two preset color versions. A bright, newsprint-y Light version, and the ashen, nocturnal Dark version.




Header and Profile Icons




The New Yorker’s profile menu can be configured with either male and female sillhouettes.




Additionally, The New Yorker comes with three optional top icons (located above the header/banner): a classy, dashing mustache, the default lightning bolt, and a sultry pair of lips




The New Yorker also supports the use of a custom header icon, ideally sized at 44×44px.




Accent Color




The New Yorker’s accent color (used in quote posts and links) is totally customizable.




Header and Menu Customization




The Description, Latest Tweet, Profile, Likes, and Page menu text can all be customized with titles of your choice.




Social Media Support




The New Yorker supports easy URL and Username hookup to: Foursquare, Skype, Google+, Facebook, Twitter, Flickr, LinkedIN, Gowalla, Pinterest, Rdio, Apple, Vimeo, YouTube, Blogger, WordPress, Myspace, LastFM, Spotify, Behance, Delicious, Dribbble, and Squarespace.




The New Yorker also supports Disqus commenting, GetClicky, and Google Analytics.




Premium Support




Each one of our themes comes fully backed by our dedicated support team. We’re good people, with real faces, and we like what we do. We’ve also created a help centre, so you can get help at any hour of the day. Send us an email or tweet, and we’ll respond as soon as we can (PST).

Longform is our gilded carriage for text. Typographical refinement and a pristine layout make content pop while staying classically minimal. It’s a beautiful and expansive space to exercise full extent of your creativity; perfect for content-heavy blogs of all kinds.




Documentation:




Facebook Commenting




Longform supports Facebook commenting. Setting up FB comments is easy:




First, head to the Facebook Developer site, sign up and head to the “Apps” tab in the top bar. Once there, click “Create New App.”
Input any name you’d like for your hypothetical app (you’re not actually making one, don’t worry), agree to the ToS and click Create. You’re almost done!




Input your Contact Email (in Basic Info) as well as your blog’s URL into the “Site URL” box (in the “Website With Facebook Login” tab) and save your changes.




Copy the App ID located just below your app’s name (at the top of the page) and you’re all set. Now head back to your blog and input your API ID into the “Facebook API ID” field in the customization sidebar, and make sure you’ve checked “Facebook Comments On.”




Disqus Commenting




Longform also supports Disqus commenting. Simply input your Disqus shortname into the corresponding field in the customization options.




Infinite Scroll




Longform allows you to toggle between traditional pagination and ‘click-to-load’ infinite scroll. Note that mobile devices, including tablets, will always display traditional pagination.




Custom Options




Longform’s Header image, accent colour, accent hover colour, and title colour are all fully customizable.




Social Media Links




Longform provides custom icons for: Facebook, Twitter, Email, Pinterest, Svpply, Google+, Linkedin, Vimeo, YouTube, Dribbble, Behance, Instagram, Flickr, Skype, SoundCloud, Bandcamp, Myspace, LastFM, Rdio, Spotify, deviantART, Stumbleupon, Delicious, Digg, Pinboard, Foursquare, GitHub, Steam, and Etsy.




Premium Support




Each one of our themes comes fully backed by our dedicated support team. We’re good people, with real faces, and we like what we do. We’ve also created a help centre, so you can get help at any hour of the day. Send us an email or tweet, and we’ll respond as soon as we can (PST).

    Butterfly Animation Banner AD
  • 11 sizes variation Web Banner – Edge Animate .antml files included.

    1. 300×250px

    2. 250×250px

    3. 336×280px

    4. 300×600px

    5. 240×400px

    6. 160×600px

    7. 120×600px

    8. 728×90px

    9. 960×300px

    10. 160×240px

    11. 720×300px



  • Looping Animation

  • 3 butterfly symbol variations.

  • Original Butterfly shape PSD file included.

  • PDF Guide Manual

  • Check Preview Video for more information.

  • Exclusive on Envato Marketplace – Codecanyon Only.

  • Preview Video is not included, for illustration only.

    Butterfly Animation Banner AD
  • 11 sizes variation Web Banner – Edge Animate .antml files included.

    1. 300×250px

    2. 250×250px

    3. 336×280px

    4. 300×600px

    5. 240×400px

    6. 160×600px

    7. 120×600px

    8. 728×90px

    9. 960×300px

    10. 160×240px

    11. 720×300px



  • Looping Animation

  • 3 butterfly symbol variations.

  • Original Butterfly shape PSD file included.

  • PDF Guide Manual

  • Check Preview Video for more information.

  • Exclusive on Envato Marketplace – Codecanyon Only.

  • Preview Video is not included, for illustration only.

More