Tag: notes

  • Android Shaggy dog story and Quote App Template with Firebase and Admob (Full Functions)

    Android Shaggy dog story and Quote App Template with Firebase and Admob (Full Functions)

    Jokes and Quote App Template for Android Native

    Jokes app is an android application. This code project lets you to create different joke & quote apps with any number of jokes & quote. You can create apps like Joke Application and more.

    The jokes are stored in SQlite database for easy editing and better performance. Jokes apps are extremely popular in the Google Play Store and drive huge number of downloads.

    The application comes with ready made AdMob code to start making money right away. You just need to enter your Publisher ID.

    Features

    • List View and Direct View
    • Android Studio
    • SQlite Database
    • 50,000+ jokes
    • Notifications
    • Phone and Tablet compatible
    • Joke and Quote of the Day
    • Set Favorites
    • Instant AdMob Banner and Interstitial Ads
    • Firebase Integration
    • Very good support
    Demo .apk: here

    The Support:
    We provide full support so when you have questions, we’re here to answer. Don’t hesitate to ask us any questions.

    Flag Counter

  • Work file device (Utilities)

    Work file device (Utilities)

    Work record system plugin allows you to store informations about your work commissions and display it as table on page.

    Features:

    • Manage date (using datepicker)
    • Select status (Done, Unfinished, etc)
    • Choose your own type/category
    • Add contact (phone number)
    • Add place (adress, city, etc)
    • Upload photos (disabled in demo)

    Demo access:

    Link to admin page defined in live preview
    Login: demo
    Password: demo

    1. Download a plugin file from CodeCanyon.
    2. Log into your WordPress admin area.
    3. Go to “Plugins”, click “Add new” link at the top.
    4. Click “upload”, choose a file downloaded in the file selector field and submit the form.
    5. Click “Activate”
    6. Plugin’s interface will be available in admin area but can be included with [records] tag to any page.
  • Picture Notes for WordPress (Media)

    Picture Notes for WordPress (Media)

    Image Notes for WordPress is a plugin to add notes on images. It is similar to tagging in Facebook or Flickr. Use this plugin to tag your friends in your post, Label important areas of an image, add explanations over a chart, List out recipie ingredients in an image

    Features

    1. Select an area on any image and add notes
    2. Images Notes appear when user hovers mouse over image
    3. Generate a list of tags or notes below the image as seen on FB
    4. Will work with any post type or even on pages
    5. Easy options to edit or delete notes
    6. Option to show or hide taglist
    7. Different View for desktop and mobile devices
    8. The postion and size of the notes is Responsive and will adjust according to image size
    9. Setting to allow html tags in notes (html formatting supported)
    10. Setting to show or hide notes on tablet and mobile devices
    11. Setting to apply default themes or create a custom theme for image notes
    12. Instant preview of the selected or created theme before saving
    13. Well supported with free updates

    Installation

    Once you have downloaded the zip file from Code Canyon extract the contents to a folder of your choice. Chances are if you are reading this you have already done that. Find the file called ImgNotes.zip. This is the plugin file. You can upload this file from your WordPress Admin

    1. Go to Plugins > Add New
    2. Select Upload
    3. Upload the ImgNotes.zip file
    4. Activate the plugin
    5. Go to Settings > WordPress Image Notes
    6. Set the options as per your liking

    Alternatively you can manually install the plugin by following the instructions given here.

    Usage

    Adding a new note
    • Images notes are added from the user side. That is the pages which users see and NOT from admin dashboard.
    • Once you are done with editing and publishing your post. Go to view post page
    • Hover the mouse the image you want to add notes on, Add Note icon will appear at the top left corner of image
    • Click on Add Note icon on the top left corner of image, it will add a default area with a textarea, adjust it accordingly and add desired note.


    • Alternatively just click and drag over the image, it will create an area of minimum 50*50 px dimension adjust area as per requirement and add note
    Editing/Deleting a note
    • Click on Note area to be edited/deleted, edit delete icon will appear on the top left corner of the selected area.
    • Click on edit icon, edit mode will enable. Adjust the area or change the note and save

    • Click on delete icon to delete a note
    Toggling tags
    • Click on Toggle note tags icon (next to Add Note icon) to toggle tags.

    • Tags toggled off will not be shown in the user side.
    Adding custom CSS
    • Go to Settings > Image Notes
    • Choose option custom in section Choose a Theme, two new sections will appear

    • Click on checkbox I want to add my custom css in section I know what i am doing and add custom css in the text area. Do not wrap css with <script> tag as it will be automatically appended
    • Use classes defined for styling (.imgnotes-note, .inner-div, .imgnotes-notep)
    • Check preview before saving. If anything goes wrong cross check css. Make sure checkbox is checked

    Important Note – top

    • Plugin removes relative positioning of body. This may cause alignment issue in some themes, so please check your theme in our demo site before buying if you have a doubt
    • Only administrator can create or modify Notes. All other users can view notes
    • Notes creation and modification is available for Desktops only. Tablets and mobile devices can only view notes
  • Picture Notes for WordPress (Media)

    Picture Notes for WordPress (Media)

    Image Notes for WordPress is a plugin to add notes on images. It is similar to tagging in Facebook or Flickr. Use this plugin to tag your friends in your post, Label important areas of an image, add explanations over a chart, List out recipie ingredients in an image

    Features

    1. Select an area on any image and add notes
    2. Images Notes appear when user hovers mouse over image
    3. Generate a list of tags or notes below the image as seen on FB
    4. Will work with any post type or even on pages
    5. Easy options to edit or delete notes
    6. Option to show or hide taglist
    7. Different View for desktop and mobile devices
    8. The postion and size of the notes is Responsive and will adjust according to image size
    9. Setting to allow html tags in notes (html formatting supported)
    10. Setting to show or hide notes on tablet and mobile devices
    11. Setting to apply default themes or create a custom theme for image notes
    12. Instant preview of the selected or created theme before saving
    13. Well supported with free updates

    Installation

    Once you have downloaded the zip file from Code Canyon extract the contents to a folder of your choice. Chances are if you are reading this you have already done that. Find the file called ImgNotes.zip. This is the plugin file. You can upload this file from your WordPress Admin

    1. Go to Plugins > Add New
    2. Select Upload
    3. Upload the ImgNotes.zip file
    4. Activate the plugin
    5. Go to Settings > WordPress Image Notes
    6. Set the options as per your liking

    Alternatively you can manually install the plugin by following the instructions given here.

    Usage

    Adding a new note
    • Images notes are added from the user side. That is the pages which users see and NOT from admin dashboard.
    • Once you are done with editing and publishing your post. Go to view post page
    • Hover the mouse the image you want to add notes on, Add Note icon will appear at the top left corner of image
    • Click on Add Note icon on the top left corner of image, it will add a default area with a textarea, adjust it accordingly and add desired note.


    • Alternatively just click and drag over the image, it will create an area of minimum 50*50 px dimension adjust area as per requirement and add note
    Editing/Deleting a note
    • Click on Note area to be edited/deleted, edit delete icon will appear on the top left corner of the selected area.
    • Click on edit icon, edit mode will enable. Adjust the area or change the note and save

    • Click on delete icon to delete a note
    Toggling tags
    • Click on Toggle note tags icon (next to Add Note icon) to toggle tags.

    • Tags toggled off will not be shown in the user side.
    Adding custom CSS
    • Go to Settings > Image Notes
    • Choose option custom in section Choose a Theme, two new sections will appear

    • Click on checkbox I want to add my custom css in section I know what i am doing and add custom css in the text area. Do not wrap css with <script> tag as it will be automatically appended
    • Use classes defined for styling (.imgnotes-note, .inner-div, .imgnotes-notep)
    • Check preview before saving. If anything goes wrong cross check css. Make sure checkbox is checked

    Important Note – top

    • Plugin removes relative positioning of body. This may cause alignment issue in some themes, so please check your theme in our demo site before buying if you have a doubt
    • Only administrator can create or modify Notes. All other users can view notes
    • Notes creation and modification is available for Desktops only. Tablets and mobile devices can only view notes
  • Picture Notes for WordPress (Media)

    Picture Notes for WordPress (Media)

    Image Notes for WordPress is a plugin to add notes on images. It is similar to tagging in Facebook or Flickr. Use this plugin to tag your friends in your post, Label important areas of an image, add explanations over a chart, List out recipie ingredients in an image

    Features

    1. Select an area on any image and add notes
    2. Images Notes appear when user hovers mouse over image
    3. Generate a list of tags or notes below the image as seen on FB
    4. Will work with any post type or even on pages
    5. Easy options to edit or delete notes
    6. Option to show or hide taglist
    7. Different View for desktop and mobile devices
    8. The postion and size of the notes is Responsive and will adjust according to image size
    9. Setting to allow html tags in notes (html formatting supported)
    10. Setting to show or hide notes on tablet and mobile devices
    11. Setting to apply default themes or create a custom theme for image notes
    12. Instant preview of the selected or created theme before saving
    13. Well supported with free updates

    Installation

    Once you have downloaded the zip file from Code Canyon extract the contents to a folder of your choice. Chances are if you are reading this you have already done that. Find the file called ImgNotes.zip. This is the plugin file. You can upload this file from your WordPress Admin

    1. Go to Plugins > Add New
    2. Select Upload
    3. Upload the ImgNotes.zip file
    4. Activate the plugin
    5. Go to Settings > WordPress Image Notes
    6. Set the options as per your liking

    Alternatively you can manually install the plugin by following the instructions given here.

    Usage

    Adding a new note
    • Images notes are added from the user side. That is the pages which users see and NOT from admin dashboard.
    • Once you are done with editing and publishing your post. Go to view post page
    • Hover the mouse the image you want to add notes on, Add Note icon will appear at the top left corner of image
    • Click on Add Note icon on the top left corner of image, it will add a default area with a textarea, adjust it accordingly and add desired note.


    • Alternatively just click and drag over the image, it will create an area of minimum 50*50 px dimension adjust area as per requirement and add note
    Editing/Deleting a note
    • Click on Note area to be edited/deleted, edit delete icon will appear on the top left corner of the selected area.
    • Click on edit icon, edit mode will enable. Adjust the area or change the note and save

    • Click on delete icon to delete a note
    Toggling tags
    • Click on Toggle note tags icon (next to Add Note icon) to toggle tags.

    • Tags toggled off will not be shown in the user side.
    Adding custom CSS
    • Go to Settings > Image Notes
    • Choose option custom in section Choose a Theme, two new sections will appear

    • Click on checkbox I want to add my custom css in section I know what i am doing and add custom css in the text area. Do not wrap css with <script> tag as it will be automatically appended
    • Use classes defined for styling (.imgnotes-note, .inner-div, .imgnotes-notep)
    • Check preview before saving. If anything goes wrong cross check css. Make sure checkbox is checked

    Important Note – top

    • Plugin removes relative positioning of body. This may cause alignment issue in some themes, so please check your theme in our demo site before buying if you have a doubt
    • Only administrator can create or modify Notes. All other users can view notes
    • Notes creation and modification is available for Desktops only. Tablets and mobile devices can only view notes
  • Drag & Drop Notification Builder for WP (Interface Components)

    Drag & Drop Notification Builder for WP (Interface Components)

    Drag & Drop, Resize and Rotate!

    Make nice notifications with a simple, but powerful Drag & Drop Notification Builder. You can animate and fully customize the notifications and you can even use HTML code in the content.
    Easy to set the font-color with the RGB HTML5 color picker, the font size with a user-friendly jQuery slider, select the font family from over 650 font styles and you can also make the text to bold, italic or underlined.

    No coding or any technical skills neccessary

    Anyone can use the plugin, who can use the mouse. Very simple to create a notification, just drag the elements and drop it whenever and wherever you want. Then few simple click to customize it and that’s it!
    You can also roll back the modifications with one-click when you move the mouse pointer over the notification or you can delete all notifications on admin. The plugin doesn’t modify anything in your WordPress Template, therefore you can delete the created notifications anytime, one by one or all of them.

    Slide, Shake, Fade – Fancy animations with lot of options

    You can add animation to the notification with Advanced options, easy to set the animation delay and the animation speed. With the Visual Builder, it is possible to see how the notification works immediately. Just choose the animation delay, the animation speed and the animation type and it is animated right away.

    More than 650 font style based on Google Fonts

    Google Fonts provide a really special opportunity to create unique animated notifications. After you select the font style, it is applied instantly on the notifications, therefore you can easily choose the best one with the keyboard up and down keys.

    12 Predefined Shapes

    Just find out and make it. You will find the proper shapes in the predefined shapes, because you can resize and rotate all of them. Probably doesn’t exist too much shapes what you can’t do with these forms. You can also find some really unique canvas shapes, like star, octagon or pentagon.

    Total Customization over the Shapes

    Basic and Advanced options provide a very wide selection of options. Beginners can use the Basic options, but you can also learn quickly to use the Advanced options.
    With background color, border color, shadow color options you will surely create the notification what you imagined. Add an image url to the notification and it will cut the image and the shape will use it as background. It is very impressive with a circle or the start notification. Try out on the demo page!

    Smart Content in the Notification – Use HTML or simple text

    When you would like to make a simple Call to Action text, it is enough to type some words and you can customize with the inbuilt editor. (underline, bold, italic, font color, text shadow and more)
    Sometime you want to create a really different, but it is absolutely possible with this Notification Builder. You can use any HTML or Javascript in the content, therefore you can include Facebook or Twitter script or any HTML code as well.

    Cross-Browser Compatible – Works with all major browsers

    Tested with Firefox, Internet Explorer, Safari, Opera and Chrome. The Editor Interface is slightly animated, user-friendly and compact.
    You can close it with a small icon, when you need more space. Working with AJAX, therefore doesn’t refresh the entire page when you click save or close. You can find jQuery Tooltips to describe the options on the toolbar.
    Almost every click will make a small history log and you can view it after you finish the action with a simple onmouseover (hover) event.

    Features

    • resize, rotate, drag&drop the notifications in edit mode
    • No coding or any technical skills necessary
    • included more than 650 font styles
    • basic and advanced options
    • ability to make bold, italic or underline texts, change the font color and font sizes, add text shadow
    • put fancy notifications on your website, you can choose from 12 predefined shapes
    • fancy, animated, compact frontend editor
    • add animation to your notifications
    • one-click delete all saved notifications on admin
    • add background image to any shape, choose the background-, border-, shadow- and font colors with professional color picker
    • fixed or absolute positions
    • word spacing and letter spacing options
    • you can use even HTML in the notification content
    • ajax based save without page reloading
    • works with all major browsers
    • user friendly, fast and well-designed toolbar interface with icons and descriptive tooltips
    • full detailed documentation
    • quick access to the Visual Builder on admin
    • animated action history log
    • auto line-height calculation to keep the text on the middle (can be set manually as well)
    • 5 unique canvas shapes: star, triangle, parallelogram, octagon, pentagon
    • draggable color picker, if you need space
    • doesn’t modify the real template, you can roll back anything with few clicks
    • you can select the font size and other options with slider, no need to type, you can see the changes immediately

    SUPPORT

    If you have any question or feedback, please feel free to email via my user page contact form.

    WORK WITH US – JUST SPREAD THE WORD


    It is very simple, just share the following link on your Blog, Facebook, Twitter or anywhere : http://codecanyon.net/item/drag-drop-notification-builder-for-wordpress/5624788?ref=yourusername (replace yourusername to your Codecanyon username)

    When you refer new users you’ll receive 30% of their first purchase or cash deposit! For detailed informations about the referral comission, click here.

    Changelog

    Drag & Drop Notification Builder for WordPress 1.1

    • added 30 easing effects to the animations
    • added animations to the notification’s content
    • added 30 easing effects to the notification content’s animations
    • fixed minor bug on the shape selector scrollbar
    • minimized and obfuscated all javascripts files (original version also included

    Drag & Drop Notification Builder for WordPress 1.01

    • minor improvements

    Check out the demo pages:

    Credits

    I owe a big thank you for the following websites: