Copy Me

Introduction

Copy Me is a Joomla content plugin which enables you to easily add copy to cliboard functionality to your Joomla Site. As it's a content plugin you will be able to add this functionality to virtually any place of your Joomla! site.

Installation

This plugin is installed as a regular Joomla Plugin, so just grab the installation package and put it into your Joomla! Extension installer and click install.

Syntax

The syntax is pretty simple. Just place { copyme } and { /copyme } tags in your content, and place the text you want to be copied between the tags.

Examples

If you want to instruct your visitors how to proudly show a Joomla! banner in their sites, you will just add this code in your site:

Code

<p>Show your Joomla! proud in your site:</p>

<div><a title="Joomla! Volunteers Portal" href="https://volunteers.joomla.org/" target="_blank" rel="noopener"><img src="https://cdn.joomla.org/volunteers/joomla-heart-wide.gif" alt="Joomla! Volunteers Portal" width="728" height="90" border="0" /></a></div>

{ copyme }&lt;a href="https://volunteers.joomla.org/" target="_blank" title="Joomla! Volunteers Portal"&gt;&lt;img src="https://cdn.joomla.org/volunteers/joomla-heart-wide.gif" alt="Joomla! Volunteers Portal" width="728" height="90" border="0"&gt;&lt;/a&gt;{ /copyme }

Result

Show your Joomla! proud in your site:

Joomla! Volunteers Portal

Use a different layout

In case you want to customize the basic layout for the module and add or remove html elements you better create a template overrides. In this case you need to copy the file:

plugins/content/copyme/tmpl/default.php

to the folder

templates/YOUR_TEMPLATE/html/plg_content_copyme/default.php

and modify the template here as per your needs.

Customize styling

When there is output, the plugin adds the following css file to your page: /media/hepta/css/copyme.css In case you want to apply some customizations you may either override in your custom css the following classes:

copyme-panel
This class is applied to the container of the new copy me html structure.
copyme-content
This class is applied to the text you want to be copied when the user click the button.
copyme-button
This class is applied to the copy button.
Just adding your override classes to your template css custom files, everything should work. But in case you want a clean start over for the plugin styling, you may override the css files as you would do with any other Joomla media files. Just create the file templates/YOUR_TEMPLATE/css/hepta/css/copyme.css and place your styling there (or leave it empty). That will make Joomla! use this file instead of the one provided with the plugin.

Follow us:

Extensions Hepta