Current File : //root/panel/modules/shortcuts/module.zpm

<div class="zmodule_content panel" id="zmodule_header_<@ ModuleName @>">
    <div class="panel-heading">
        <img src="<@ ModuleIcon @>" width="35" height="35" border="0" alt="<@ ModuleName @>">

        <div class="zmodule_title">
            <@ ModuleName @>
        </div>

        <div class="zmodule_desc" id="zmodule_desc_<@ ModuleName @>">cPanel shortcuts are links you can add to your desktop or your browser's bookmarks toolbar. They are an easy way to access cPanel.</div>

    </div>

        <style>
.helpicon {
display: block;
float: right;
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 5px 10px;
font-size: 12px;
margin-top:-121px;
margin-right:5px;
-webkit-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-webkit-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
}

</style>
<div class="helpicon">
<a href="<@ helpicon @>" target="_blank"><img src="etc/styles/CstyleX-master/images/help.png" style="float:left;" ><span style="float:left;margin-top:8px;font-weight:bold;font-size:12px;" >Video Tutorial</span></a>
</div>
	<h2>How do I get them?</h2>
	<p>Drag this link to your desktop or bookmarks toolbar: <a title="Access cPanel" href="/">Access cPanel</a></p>
    <p>Drag this link to your desktop or bookmarks toolbar: <a title="Access cPanel Webmail" href="./etc/apps/webmail/">Access cPanel Webmail</a></p>
</div>
<style>
h2 {
    margin: 0 0 7px 0px;
    font-size: 11px;
}
p{
font-size: 11px;
line-height:25px;
}
p a{
text-decoration:none;
color: #014d5f;
}
p a:hover
{
color:#f3960b;text-decoration:underline;
}
</style>