Get WordPress

Plugin Directory

Changeset 3071994

Timestamp:
04/16/2024 11:20:34 PM (4 months ago)
Author:
celloexpressions
Message:

Floating Social Media Links: Archive unreleased progress toward planned rebuild from 2014 and revert trunk to version 1.5.2.

Location:
floating-social-media-links
Files:
34 added
5 edited

Legend:

Unmodified
Added
Removed

  • floating-social-media-links/trunk/floating-social-media-links.php

    r863393 r3071994  
    44    Plugin URI: http://celloexpressions.com/plugins/floating-social-media-links
    55    Description: Add a clean and simple floating frame, with social media and/or custom links, to your website/blog.
    6     Version: 1.9 trunk - highly unstable
     6    Version: 1.
    77    Author: Nick Halsey
    88    Author URI: http://celloexpressions.com/
    … …  
    1010*/
    1111
    12 /*  Copyright 2014 Nick Halsey (email : halseyns@gmail.com)
     12/*  Copyright 201 Nick Halsey (email : halseyns@gmail.com)
    1313
    1414    This program is free software; you can redistribute it and/or modify
    … …  
    4646    if(($tmp['chk_default_options_db']=='1')||(!is_array($tmp))){
    4747        delete_option('fsml_options');
    48         $arr = array(
    49             'plugin_version' => '1.5.2',
    50            
    51             //general options
    52             'displaymethod' => 'custom',
    53             'hidesize' => '800',
    54             'settingstab' => 'general',
    55             'outputcss' => '',
    56 
    57             //frame contents
    58             'facebookurl' => '',
    59             'facebookurltitle' => 'Visit Our Facebook Page',
    60             'enablefacebook' => '1',
    61            
    62             'youtubeurl' => '',
    63             'youtubeurltitle' => 'Visit Our YouTube Channel',
    64             'enableyoutube' => '1',
    65        
    66             'twitterurl' => '',
    67             'twitterurltitle' => 'View Our Twitter Feed',
    68             'enabletwitter' => '1',
    69            
    70             //buttons
    71             'likelocs' => 'bylinks',
    72             'fblike' => '',
    73             'tolike' => 'fb',
    74             'twfollow' => '',
    75             'ytsub' => '',
    76             'ytuseridnum' => '',
    77             'fbsend' => '',
    78            
    79             //custom options
    80             'numactivecustom' => '0',
    81            
    82             'customurl1' => '',
    83             'customurltitle1' => 'Visit Our Blog',
    84             'customurlimage1' => plugins_url('img/blog-default.png', __FILE__),
    85             'customurl2' => '',
    86             'customurltitle2' => 'More...',
    87             'customurlimage2' => plugins_url('img/more-default.png', __FILE__),
    88             'customurl3' => '',
    89             'customurltitle3' => 'More...',
    90             'customurlimage3' => plugins_url('img/more-default.png', __FILE__),
    91             'customurl4' => "",
    92             'customurltitle4' => 'More...',
    93             'customurlimage4' => plugins_url('img/more-default.png', __FILE__),
    94             'customurl5' => "",
    95             'customurltitle5' => 'More...',
    96             'customurlimage5' => plugins_url('img/more-default.png', __FILE__),
    97             'customurl6' => "",
    98             'customurltitle6' => 'More...',
    99             'customurlimage6' => plugins_url('img/more-default.png', __FILE__),
    100             'customurl7' => '',
    101             'customurltitle7' => 'More...',
    102             'customurlimage7' => plugins_url('img/more-default.png', __FILE__),
    103            
    104             'customtarget1' => '1',
    105             'customtarget2' => '1',
    106             'customtarget3' => '1',
    107             'customtarget4' => '1',
    108             'customtarget5' => '1',
    109             'customtarget6' => '1',
    110             'customtarget7' => '1',
    111            
    112             'enablecustom1' => '',
    113             'enablecustom2' => '',
    114             'enablecustom3' => '',
    115             'enablecustom4' => '',
    116             'enablecustom5' => '',
    117             'enablecustom6' => '',
    118             'enablecustom7' => '',
    119        
    120             //appearance
    121             'theme' => 'bright',
    122             'halign' => 'right',
    123             'valign' => 'top',
    124             'size' => 'normal',
    125             'borderradius' => 3,
    126             'framehovereffect' => 'yes',
    127             'hovereffect' => 'yes',
    128             'shadow' => 0,
    129             'backgroundcolor' => '#fff',
    130             'fblikecolor' => 'light',
    131             'customcss' => ''
     48        $arr = array(   
     49                        'plugin_version' => '1.5.2',
     50                       
     51                        //general options
     52                        'displaymethod' => 'custom',
     53                        'expandtitle' => 'Show Social Links',
     54                        'hsanimation' => 'jqhs',
     55                        'fixeddynamic' => 'fixed',
     56                        'closeoption' => 'no',
     57                        'ie7fix' => '',
     58                        'hidefromsmall' => '1',
     59                        'metaviewport' => '',
     60                        'hidesize' => '800',
     61                        'usecookies' => '0',
     62                        'cookielength' => '1',
     63                        'chk_default_options_db' => '',
     64                        'genadvanced' => 'hidden',
     65                        'apadvanced' => 'hidden',
     66                        'theme' => 'bright',
     67                        'settingstab' => 'general',
     68                        'sitesubmitted' => 'no',
     69                        'outputcss' => '',
     70
     71                        //frame contents
     72                        'facebookurl' => '',
     73                        'facebookurltitle' => 'Visit Our Facebook Page',
     74                        'enablefacebook' => '1',
     75                       
     76                        'youtubeurl' => '',
     77                        'youtubeurltitle' => 'Visit Our YouTube Channel',
     78                        'enableyoutube' => '1',
     79                   
     80                        'twitterurl' => '',
     81                        'twitterurltitle' => 'View Our Twitter Feed',
     82                        'enabletwitter' => '1',
     83                   
     84                        //buttons
     85                        'likelocs' => 'bylinks',
     86                        'fblike' => '',
     87                        'tolike' => 'fb',
     88                        'fblikeincroot' => 'no',
     89                        'twfollow' => '',
     90                        'ytsub' => '',
     91                        'ytuseridnum' => '',
     92                        'fbsend' => '',
     93                           
     94                        //custom options
     95                        'numactivecustom' => '0',
     96                       
     97                        'customurl1' => '',
     98                        'customurltitle1' => 'Visit Our Blog',
     99                        'customurlimage1' => plugins_url('img/blog-default.png', __FILE__),
     100                        'customurl2' => '',
     101                        'customurltitle2' => 'More...',
     102                        'customurlimage2' => plugins_url('img/more-default.png', __FILE__),
     103                        'customurl3' => '',
     104                        'customurltitle3' => 'More...',
     105                        'customurlimage3' => plugins_url('img/more-default.png', __FILE__),
     106                        'customurl4' => "",
     107                        'customurltitle4' => 'More...',
     108                        'customurlimage4' => plugins_url('img/more-default.png', __FILE__),
     109                        'customurl5' => "",
     110                        'customurltitle5' => 'More...',
     111                        'customurlimage5' => plugins_url('img/more-default.png', __FILE__),
     112                        'customurl6' => "",
     113                        'customurltitle6' => 'More...',
     114                        'customurlimage6' => plugins_url('img/more-default.png', __FILE__),
     115                        'customurl7' => '',
     116                        'customurltitle7' => 'More...',
     117                        'customurlimage7' => plugins_url('img/more-default.png', __FILE__),
     118                       
     119                        'customtarget1' => '1',
     120                        'customtarget2' => '1',
     121                        'customtarget3' => '1',
     122                        'customtarget4' => '1',
     123                        'customtarget5' => '1',
     124                        'customtarget6' => '1',
     125                        'customtarget7' => '1',
     126                       
     127                        'enablecustom1' => '',
     128                        'enablecustom2' => '',
     129                        'enablecustom3' => '',
     130                        'enablecustom4' => '',
     131                        'enablecustom5' => '',
     132                        'enablecustom6' => '',
     133                        'enablecustom7' => '',
     134                   
     135                        //appearance
     136                        'theme' => 'bright',
     137                        'leftright' => 'right',
     138                        'size' => 'snormal',
     139                        'customwidth' => '',
     140                        'customtop' => '5',
     141                        'custombr' => '',
     142                        'topunits' => 'pct',
     143                        'customzindex' => '',
     144                        'framehovereffect' => 'yes',
     145                        'hovereffect' => 'yes',
     146                        'borderradius' => 'none',
     147                        'border' => 'no',
     148                        'shadow' => 'no',
     149                        'colorscheme' => 'light',
     150                        'backgroundcolor' => '#ffffff',
     151                        'bordercolor' => '#ababab',
     152                        'shbw' => 'black',
     153                        'frameshadow' => 'black',
     154                        'fblikecolor' => 'light',
     155                        'customcss' => ''
    132156        );
    133157        update_option('fsml_options', $arr);
    … …  
    203227        //add new options/defaults available since the version installed
    204228        //define new/added features' variables if they are undefined
     229
     230
     231
    205232        if(!array_key_exists('genadvanced',$input)) {
    206233            $input['genadvanced'] = 'hidden';
    … …  
    264291   
    265292    // update the plugin_version constant
    266     $input['plugin_version'] = '1.5.1';
     293    $input['plugin_version'] = '1.5.';
    267294   
    268295   
    … …  
    280307    if(!$theme)
    281308        $theme = 'custom';
     309
    282310    $gadvanced = fsml_897_getOption('genadvanced');
    283311    $nac = fsml_897_getOption('numactivecustom');
    … …  
    290318        jQuery(document).ready(function(){
    291319            //set the initial page to the most recent one
     320
     321
    292322            <?php if($theme != 'custom') { echo 'jQuery(".dadvanced").hide();' ; } ?>
    293323            <?php if($gadvanced == 'hidden') { echo 'jQuery(".genadvanced").hide();' . 'jQuery("#hidegenadvanced").hide();' ; } ?>
    … …  
    298328              $customlinksit = 0;
    299329                while($customlinksit < $nac) {
    300                     echo ('jQuery("#addcustom' . $customlinksit . '").hide();');
     330                    echo ('jQuery("#addcustom' . $customlinksit . '").hide();
     331                    ');
    301332                    $customlinksit++;
    302333                }
    303334                $customlinksit = 7;
    304335                while($customlinksit > $nac) {
    305                     echo ('jQuery("#addcustom' . $customlinksit . '").hide();');
     336                    echo ('jQuery("#addcustom' . $customlinksit . '").hide();
     337                    ');
    306338                    $customlinksit--;
    307339                }
    … …  
    309341                $customlinksit = 0;
    310342                while($customlinksit < 7) {
    311                     echo ( "jQuery('#addcustom". $customlinksit . "').click(function(){ jQuery(this).next('tr').show(500, function(){ jQuery(this).prev().hide(300); jQuery(this).next('tr').show(300);}); });" );
     343                    echo ( "jQuery('#addcustom". $customlinksit . "').click(function(){ jQuery(this).next('tr').show(500, function(){ jQuery(this).prev().hide(300); jQuery(this).next('tr').show(300);}); });
     344                    " );
    312345                    $customlinksit++;
    313346                }?>
    … …  
    318351        <h2>Floating Social Media Links Settings</h2><?php // wp messages hook into the page content's first <h2>, so I can't use h1 here, so I do a modified h1 for the nav... ?>
    319352        <?php if(!wp_style_is('wp-color-picker', 'registered')){ ?><h4 style="color: #f00;">WARNING: you are using an out-of-date version of WordPress that this plugin no longer supports. You will not be able to use the color pickers or upload media directly, but <em>if there is also a JavaScript error on this page, you will only be able to do very minimal things with this plugin until you upgrade to WordPress 3.5 or higher</em>. If you have recently updated this plugin, everything should still work on the front end of your site, but your administration capabilities will be quite limited.</h4> <?php } ?>
    320         <h4 class="hide-if-js">ERROR: JavaScript has failed to load this page properly! If there is a JavaScript error, it's likely that some other plugin is interfering or JavaScript may be turned off. JavaScript is required to access most of the options on this page.</h4>
    321         <h2 id="fsmlsubpages" class="nav-tab-wrapper">
    322             <a id="fsmlsuboptionspage_general" class="nav-tab" onclick="switchTabs('general')">General</a>
    323             <a id="fsmlsuboptionspage_content" class="nav-tab" onclick="switchTabs('content')">Links/Icons</a>
    324             <a id="fsmlsuboptionspage_buttons" class="nav-tab" onclick="switchTabs('buttons')">Buttons</a>
    325             <a id="fsmlsuboptionspage_design" class="nav-tab" onclick="switchTabs('design')">Design</a>
    326         </h2>
     353        <h4 id="jstest">ERROR: JavaScript has failed to load this page properly! If there is a JavaScript error, it's likely that some other plugin is interfering or JavaScript may be turned off. JavaScript is required to access most of the options on this page.</h4>
     354        <ul id="fsmlsubpages">
     355            <li id="fsmlsuboptionspage_general" class="fsmlnav" onclick="switchTabs('general')"><h1>General</h1></li>
     356            <li id="fsmlsuboptionspage_content" class="fsmlnav" onclick="switchTabs('content')"><h1>Links/Icons</h1></li>
     357            <li id="fsmlsuboptionspage_buttons" class="fsmlnav" onclick="switchTabs('buttons')"><h1>Buttons</h1></li>
     358            <li id="fsmlsuboptionspage_design" class="fsmlnav" onclick="switchTabs('design')"><h1>Design</h1></li>
     359            <li id="fsmlsuboptionspage_appearance" class="fsmlnav" onclick="switchTabs('appearance')"><h1>Form</h1></li>
     360        </ul>
    327361       
    328362        <!-- Beginning of the Plugin Options Form -->
    … …  
    352386                <!-- Activate the output? -->
    353387                <tr>
    354                     <th scope="row">Display Links</th>
    355                     <td>
    356                         <label><input name="fsml_options[displaymethod]" type="radio" value="auto" <?php checked('auto', $options['displaymethod']); ?> /><b> On Every Page </b><span style="color:#666666;margin-left:9px;">(links will be shown on every page &mdash; make sure you set the links before selecting this option)</span></label><br />
     388                    <th scope="row"></th>
     389                    <td>
     390                        <label><input name="fsml_options[displaymethod]" type="radio" value="auto" <?php checked('auto', $options['displaymethod']); ?> /><b> On Every Page </b><span style="color:#666666;margin-left:9px;">(links will be shown on every page &mdash; make sure you set the links before ing this option)</span></label><br />
    357391                        <label><input name="fsml_options[displaymethod]" type="radio" value="custom" <?php checked('custom', $options['displaymethod']); ?> /><b> On Customized Pages </b><span style="color:#666666;margin-left:9px;">(links will <i>NOT</i> be shown until you put the code in your theme's template files)</span></label>
    358                         <p>Code to put in templates: <code>&lt;?php if_function_exists( 'floating_social_media_links' ) { floating_social_media_links(); } ?&gt;</code>. More information in the <a href="http://wordpress.org/extend/plugins/floating-social-media-links/faq/" target="_blank">FAQ</a>.</p>
    359                     </td>
    360                 </tr>
    361                 <!-- Hide when frame overlaps content -->
    362                 <tr>
     392                        <p>Code to put in templates: <code>&lt;?php floating_social_media_links() ?&gt;</code>. More information in the <a href="http://wordpress.org/extend/plugins/floating-social-media-links/faq/" target="_blank">FAQ</a>.</p>
     393                        <label><input name="fsml_options[displaymethod]" type="radio" value="widgetbeta" <?php checked('widgetbeta', $options['displaymethod']); ?> /> Using the TEMPORARY FSML Contents with Widgets Plugin <span style="color:#666666;margin-left:9px;"><a href="http://celloexpressions.com/dev/floating-social-media-links/fsml-contents-widgets-temporary-plugin-information/" target="_blank"><i>learn more...</i></a></span></label>
     394                    </td>
     395                </tr>
     396                <!-- Allow Viewers to Hide? -->
     397                <tr style="border-top:#ddd 1px solid;">
     398                    <th scope="row">Allow site visitors to hide the frame?</th>
     399                    <td>
     400                        <label id="shyes"><input name="fsml_options[closeoption]" type="radio" value="yes" <?php checked('yes', $options['closeoption']); ?> /> Yes, and visitors CAN re-open <span style="color:#666666;margin-left:9px;"> (a small x in the top corner of the frame hides it, and a small icon continues to float which will reopen the whole frame)</span></label><br />
     401                        <label id="noshow"><input name="fsml_options[closeoption]" type="radio" value="yesnoopen" <?php checked('yesnoopen', $options['closeoption']); ?> /> Yes, visitors CAN'T re-open <span style="color:#666666;margin-left:9px;">(user can still hide but not reopen without refreshing the page)</span></label><br />
     402                        <label id="sthidden"><input name="fsml_options[closeoption]" type="radio" value="starthidden" <?php checked('starthidden', $options['closeoption']); ?> /> Yes, but start with the frame hidden <span style="color:#666666;margin-left:9px;">(user clicks icon to show the frame, then can hide it again)</span></label><br />
     403                        <label id="nohide"><input name="fsml_options[closeoption]" type="radio" value="no" <?php checked('no', $options['closeoption']); ?> /> No <span style="color:#666666;margin-left:9px;">(the frame may block content for visitors with small window sizes)</span></label>
     404                    </td>
     405                </tr>
     406                <!-- Hideshow Animation -->
     407                <tr id="hsanimation" <?php if($options['closeoption'] == 'no'){ echo 'style="display: none"'; }?>>
     408                    <th scope="row">Animation Showing/Hiding Frame</th>
     409                    <td>
     410                        <label><input name="fsml_options[hsanimation]" type="radio" value="jqhs" <?php checked('jqhs', $options['hsanimation']); ?> /> Zoom and Fade </label><br />
     411                        <label><input name="fsml_options[hsanimation]" type="radio" value="fade" <?php checked('fade', $options['hsanimation']); ?> /> Fade In/Out <span style="color:#666666;margin-left:9px;">doesn't work well if using frame fade style</span></label><br />
     412                        <label><input name="fsml_options[hsanimation]" type="radio" value="none" <?php checked('none', $options['hsanimation']); ?> /> None <span style="color:#666666;margin-left:9px;">(hide/show will be instant)</span></label>
     413                    </td>
     414                </tr>
     415                <!-- Expand Title -->
     416                <tr id="expandtitle" <?php if($options['closeoption'] == 'no' || $options['closeoption'] == 'yesnoopen'){ echo 'style="display: none"'; }?>>
     417                    <th scope="row">"Show Frame" Icon Title</th>
     418                    <td><input type="text" size="15" name="fsml_options[expandtitle]" value="<?php echo $options['expandtitle']; ?>" /></td>
     419                </tr>
     420                <!--NOTICE-->
     421                <tr style="border-top:#ddd 1px solid;"><td colspan="2">In order for this plugin to function properly, your theme must include the <code>&lt;?php wp_head(); ?&gt;</code> and <code>&lt;?php wp_footer(); ?&gt;</code> action hooks. If the floating frame is not present or displays incorrectly, please check for these in your theme template files. <a href="http://codex.wordpress.org/Function_Reference/wp_head" target="_blank">Read WordPress' documentation on the wp_head()</a> <a href="http://codex.wordpress.org/Function_Reference/wp_footer" target="_blank">and wp_footer() action hooks here.</a></td></tr>
     422                <!-- advanced general options -->
     423                <tr><td colspan="2"><p id="showgenadvanced"><b><a>Show Advanced Options...</a></b></p></td></tr>
     424                <tr><td colspan="2"><p id="hidegenadvanced"><b><a>Hide Advanced Options</a></b></p></td></tr>
     425                <tr style="display:none;"><td colspan="2"><input type="hidden" name="fsml_options[genadvanced]" id="genadvanced" value="<?php echo $options['genadvanced']; ?>"/></td></tr>
     426                <!-- IE7 Fix -->
     427                <tr style="border-top:#ddd 1px solid;" class="genadvanced">
     428                    <th scope="row">IE7- Compatibility</th>
     429                    <td>
     430                        <label><input name="fsml_options[ie7fix]" type="checkbox" value="1" <?php if (isset($options['ie7fix'])) { checked('1', $options['ie7fix']); } ?> /> Check this if your site needs to be compatibile with Internet Explorer 7 and below.</label>
     431                        <br />Please note that effects such as shadows, opacity, and rounded corners are not available in IE8 or below. I strongly recommend requiring or at least recommending that your site's visitors use up-to-date browsers, try the <a href="http://wordpress.org/extend/plugins/browser-rejector/" target="_blank">Browser Rejector Wordpress Plugin</a> to do this easily.
     432                    </td>
     433                </tr>
     434                <!-- Hide for Small Windows/Devices -->
     435                <tr class="genadvanced">
    363436                    <th scope="row">Minimum Window/Screen Width</th>
    364437                    <td>
    365                         <label>Hide the frame when window/device width <em>*renders*</em> as
    366                         <input type="text" size="3" name="fsml_options[hidesize]" value="<?php echo $options['hidesize']; ?>" />px or less.</label>
    367                         <p>Use this field to prevent the frame from overlapping your site's content.</p>
    368                     </td>
    369                 </tr>
    370                 <!-- Position -->
    371                 <tr>
    372                     <th scope="row">Frame Location</th>
    373                     <td>
    374                         <table><tr>
    375                             <td style="vertical-align:top;"><p>Horizontal</p>
    376                             <label><input name="fsml_options[halign]" type="radio" value="right" <?php checked('right', $options['halign']); ?> /> Right</label><br />
    377                             <label><input name="fsml_options[halign]" type="radio" value="left" <?php checked('left', $options['halign']); ?> /> Left</span></label>
    378                             </td><td>
    379                             <p>Vertical</p>
    380                             <label><input name="fsml_options[valign]" type="radio" value="top" <?php checked('top', $options['valign']); ?> /> Top</label><br />
    381                             <label><input name="fsml_options[valign]" type="radio" value="middle" <?php checked('middle', $options['valign']); ?> /> Middle</label><br />
    382                             <label><input name="fsml_options[valign]" type="radio" value="bottom" <?php checked('bottom', $options['valign']); ?> /> Bottom</label>
    383                         </td></tr></table>
    384                     </td>
    385                 </tr>
    386                 <!-- Size -->
    387                 <tr>
    388                     <th scope="row">Size</th>
    389                     <td>
    390                         <label><input name="fsml_options[size]" type="radio" value="small" <?php checked('small', $options['size']); ?> /> Small</label><br />
    391                         <label><input name="fsml_options[size]" type="radio" value="normal" <?php checked('normal', $options['size']); ?> /> Medium</label><br />
    392                         <label><input name="fsml_options[size]" type="radio" value="large" <?php checked('large', $options['size']); ?> /> Large</label>
     438                        <label ><input name="fsml_options[hidefromsmall]" id="hidesmall" type="checkbox" value="1" <?php if (isset($options['hidefromsmall'])) { checked('1', $options['hidefromsmall']); } ?> /> Hide the frame when window/device width <em>*renders*</em> as </label>
     439                        <input type="text" size="3" name="fsml_options[hidesize]" value="<?php echo $options['hidesize']; ?>" />px or less
     440                    </td>
     441                </tr>
     442                <tr class="genadvanced" id="metaviewport" <?php if(!fsml_897_getOption('hidefromsmall')){ echo 'style="display:none;"'; } ?>>
     443                    <th scope="row">Enforce Minimum Width with Meta Viewport Tag</th>
     444                    <td>
     445                        <label><input name="fsml_options[metaviewport]" type="checkbox" value="1" <?php if (isset($options['metaviewport'])) { checked('1', $options['metaviewport']); } ?> /> Force devices to render appropriately given their DPI (for example, a high-resolution smartphone might be 1200 pixels tall, but a laptop may also be 1200 pixels wide; with this option, the phone will pretend it's only 300 pixels wide so that the pixels are approximately the same size accross devices, and therefore the phone won't display the floating links even if it's high resoloution). Pease note: this option changes how mobile devices display your website. Please check how your site displays on such devices before keeping this option. See <a href="http://celloexpressions.com/dev/articles/scaling-websites-accross-modern-devices/" target="_blank">my article on how device breakpoints work</a> for more information. Some "responsive" themes will already have this code, so you won't see a difference.</label>
     446                    </td>
     447                </tr>
     448                <!-- Enable Cookies -->
     449                <tr class="genadvanced">
     450                    <th scope="row">Remember if Visitor Hides Frame?</th>
     451                    <td>
     452                        <label><input name="fsml_options[usecookies]" id="usecookies" type="checkbox" value="1" <?php if (isset($options['usecookies'])) { checked('1', $options['usecookies']); } ?> /> Remember preferrences, using cookies</label>
     453                    </td>
     454                </tr>
     455                <!-- Cookie Duration -->
     456                <tr class="genadvanced" id="cookielength" <?php if(!fsml_897_getOption('usecookies')){ echo 'style="display:none;"'; } ?>>
     457                    <th scope="row">Cookie Length</th>
     458                    <td>
     459                        Remember for <input type="text" size="3" name="fsml_options[cookielength]" value="<?php echo $options['cookielength']; ?>" /> days (decimals allowed, ie ".5")
     460                    <p><b>Cookie Information (for terms, etc.):</b> a cookie named "fsmlOpen" is stored (for [X] days) in order to remember your preferences for displaying or hiding our social media links floating frame.</p>
     461                    </td>
     462                </tr>
     463                <!-- reset settings? -->
     464                <tr style="border-top:#dddddd 1px solid; display:none;">
     465                    <th scope="row">Advanced Database Options (primarily for debugging)</th>
     466                    <td>
     467                        <label><input name="fsml_options[chk_default_options_db]" type="checkbox" value="1" <?php if (isset($options['chk_default_options_db'])) { checked('1', $options['chk_default_options_db']); } ?> /> Restore defaults upon plugin deactivation/reactivation</label>
     468                        <br /><span style="color:#666666;margin-left:2px;">Only check this if you want to reset plugin settings upon plugin reactivation</span>
    393469                    </td>
    394470                </tr>
    … …  
    398474                //prepare variables
    399475                $fsmlimgbase = plugins_url('/img/', __FILE__);
     476
    400477            ?>
    401478            <table class="form-table" id="fsml_content">
    … …  
    408485                    </th>
    409486                    <td>
    410                         https://facebook.com/<input type="text" size="57" name="fsml_options[facebookurl]" value="<?php echo $options['facebookurl']; ?>" /><br />
     487                        http://facebook.com/<input type="text" size="57" name="fsml_options[facebookurl]" value="<?php echo $options['facebookurl']; ?>" /><br />
     488                        <span style="color:#666666;">Enter the URL of your facebook page.</span><br />
    411489                        Link Title:    <input type="text" size="50" name="fsml_options[facebookurltitle]" value="<?php echo $options['facebookurltitle']; ?>" /><br /><br />
    412490                    </td>
    413491                    <td>
    414492                        <b>Link/Image Previews</b><br />
    415                         <a href="https://facebook.com/<?php echo $options['facebookurl']; ?>" target="_blank" title="<?php echo $options['facebookurltitle']; ?>" >
     493                        <a href="http://facebook.com/<?php echo $options['facebookurl']; ?>" target="_blank" title="<?php echo $options['facebookurltitle']; ?>" >
    416494                        <img src="<?php echo $fsmlimgbase . 'facebook.png'; ?>" alt="facebook" class="fsml_testimg" /></a>
    417495                    </td>
    … …  
    425503                    <td>
    426504                        http://youtube.com/<input type="text" size="57" name="fsml_options[youtubeurl]" value="<?php echo $options['youtubeurl']; ?>" /><br />
     505
    427506                        Link Title:    <input type="text" size="50" name="fsml_options[youtubeurltitle]" value="<?php echo $options['youtubeurltitle']; ?>" /><br /><br />
    428507                    </td>
    … …  
    439518                    </th>
    440519                    <td>
    441                         https://twitter.com/<input type="text" size="57" name="fsml_options[twitterurl]" value="<?php echo $options['twitterurl']; ?>" /><br />
     520                        http://twitter.com/<input type="text" size="57" name="fsml_options[twitterurl]" value="<?php echo $options['twitterurl']; ?>" /><br />
     521                        <span style="color:#666666;">Enter the URL of your twitter page.</span><br /><br />
    442522                        Link Title:    <input type="text" size="50" name="fsml_options[twitterurltitle]" value="<?php echo $options['twitterurltitle']; ?>" /><br /><br />
    443523                    </td>
    444524                    <td>
    445                         <a href="https://twitter.com/<?php echo $options['twitterurl']; ?>" target="_blank" title="<?php echo $options['twitterurltitle']; ?>" >
     525                        <a href="http://twitter.com/<?php echo $options['twitterurl']; ?>" target="_blank" title="<?php echo $options['twitterurltitle']; ?>" >
    446526                        <img src="<?php echo $fsmlimgbase . 'twitter.png'; ?>" alt="twitter" class="fsml_testimg" /></a>
    447527                    </td>
    448528                </tr>
    449                 <tr id="addcustom0"><td colspan="2"><a href="javascript:void(0)" class="button">Add A Custom Link</a></td></tr>
     529               
     530                <tr id="addcustom0"><td colspan="2"><div class="fsmlac">Add A Custom Link</div></td></tr>
    450531                <!-- Custom URL 1 (Blog, etc.)-->
    451532                <tr id="fsmlcustomlink1" <?php if($options['numactivecustom'] < 1) { echo 'style="display:none;"'; } ?>>
    452533                    <th scope="row">Custom URL 1 (Blog, etc.)<br /><br />
    453                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom1]" type="checkbox" value="1" <?php if (isset($options['enablecustom1'])) { checked('1', $options['enablecustom1']); } ?> /> Show Link</label>
    454                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     534                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom1]" type="checkbox" value="1" <?php if (isset($options['enablecustom1'])) { checked('1', $options['enablecustom1']); } ?> /></label>
     535                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    455536                    </th>
    456537                    <td>
    457538                        <input type="text" size="70" name="fsml_options[customurl1]" value="<?php echo $options['customurl1']; ?>" /><br />
     539
    458540                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle1]" value="<?php echo $options['customurltitle1']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget1]" type="checkbox" value="1" <?php if (isset($options['customtarget1'])) { checked('1', $options['customtarget1']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    459541                        <input type="text" size="100" id="customurlimage1" name="fsml_options[customurlimage1]" value="<?php echo $options['customurlimage1']; ?>" />
    460                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
     542                        <input class="img_upload_button" type="button" class="button" value="Upload Image" /><br />
     543                        <?php echo $customimgdesc; ?>
    461544                    </td>
    462545                    <td>
    … …  
    465548                    </td>
    466549                </tr>
    467                 <tr id="addcustom1"><td colspan="2"><a href="javascript:void(0)" class="button">Add Another Custom Link</a></td></tr>
     550                <tr id="addcustom1"><td colspan="2"><></td></tr>
    468551                <!-- Custom URL 2 -->
    469552                <tr id="fsmlcustomlink2" <?php if($options['numactivecustom'] < 2) { echo 'style="display:none;"'; } ?>>
    470553                    <th scope="row">Custom URL 2 <br /><br />
    471                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom2]" type="checkbox" value="1" <?php if (isset($options['enablecustom2'])) { checked('1', $options['enablecustom2']); } ?> /> Show Link</label>
    472                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     554                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom2]" type="checkbox" value="1" <?php if (isset($options['enablecustom2'])) { checked('1', $options['enablecustom2']); } ?> /></label>
     555                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    473556                    </th>
    474557                    <td>
    475558                        <input type="text" size="70" name="fsml_options[customurl2]" value="<?php echo $options['customurl2']; ?>" /><br />
     559
    476560                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle2]" value="<?php echo $options['customurltitle2']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget2]" type="checkbox" value="1" <?php if (isset($options['customtarget2'])) { checked('1', $options['customtarget2']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    477561                        <input type="text" size="100" id="customurlimage2" name="fsml_options[customurlimage2]" value="<?php echo $options['customurlimage2']; ?>" />
    478                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
    479                     </td>
     562                        <input class="img_upload_button" type="button" value="Upload Image" /><br />
     563                        <?php echo $customimgdesc; ?>
     564                    </td>
     565                   
    480566                    <td>
    481567                        <a href="<?php echo $options['customurl2']; ?>" target="_blank" title="<?php echo $options['customurltitle2']; ?>">
    … …  
    483569                    </td>
    484570                </tr>
    485                 <tr id="addcustom2"><td colspan="2"><a href="javascript:void(0)" class="button">Add Another Custom Link</a></td></tr>
     571                <tr id="addcustom2"><td colspan="2"><></td></tr>
    486572                <!-- Custom URL 3 -->
    487573                <tr id="fsmlcustomlink3" <?php if($options['numactivecustom'] < 3) { echo 'style="display:none;"'; } ?>>
    488574                    <th scope="row">Custom URL 3 <br /><br />
    489                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom3]" type="checkbox" value="1" <?php if (isset($options['enablecustom3'])) { checked('1', $options['enablecustom3']); } ?> /> Show Link</label>
    490                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     575                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom3]" type="checkbox" value="1" <?php if (isset($options['enablecustom3'])) { checked('1', $options['enablecustom3']); } ?> /></label>
     576                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    491577                    </th>
    492578                    <td>
    493579                        <input type="text" size="70" name="fsml_options[customurl3]" value="<?php echo $options['customurl3']; ?>" /><br />
     580
    494581                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle3]" value="<?php echo $options['customurltitle3']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget3]" type="checkbox" value="1" <?php if (isset($options['customtarget3'])) { checked('1', $options['customtarget3']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    495582                        <input type="text" size="100" id="customurlimage3" name="fsml_options[customurlimage3]" value="<?php echo $options['customurlimage3']; ?>" />
    496                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
    497                     </td>
     583                        <input class="img_upload_button" type="button" value="Upload Image" /><br />
     584                        <?php echo $customimgdesc; ?>
     585                    </td>
     586                   
    498587                    <td>
    499588                        <a href="<?php echo $options['customurl3']; ?>" target="_blank" title="<?php echo $options['customurltitle3']; ?>">
    … …  
    501590                    </td>
    502591                </tr>
    503                 <tr id="addcustom3"><td colspan="2"><a href="javascript:void(0)" class="button">Add Another Custom Link</a></td></tr>
     592                <tr id="addcustom3"><td colspan="2"><></td></tr>
    504593                <!-- Custom URL 4 -->
    505594                <tr id="fsmlcustomlink4" <?php if($options['numactivecustom'] < 4) { echo 'style="display:none;"'; } ?>>
    506595                    <th scope="row">Custom URL 4 <br /><br />
    507                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom4]" type="checkbox" value="1" <?php if (isset($options['enablecustom4'])) { checked('1', $options['enablecustom4']); } ?> /> Show Link</label>
    508                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     596                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom4]" type="checkbox" value="1" <?php if (isset($options['enablecustom4'])) { checked('1', $options['enablecustom4']); } ?> /></label>
     597                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    509598                    </th>
    510599                    <td>
    511600                        <input type="text" size="70" name="fsml_options[customurl4]" value="<?php echo $options['customurl4']; ?>" /><br />
     601
    512602                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle4]" value="<?php echo $options['customurltitle4']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget4]" type="checkbox" value="1" <?php if (isset($options['customtarget4'])) { checked('1', $options['customtarget4']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    513603                        <input type="text" size="100" id="customurlimage4" name="fsml_options[customurlimage4]" value="<?php echo $options['customurlimage4']; ?>" />
    514                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
    515                     </td>
     604                        <input class="img_upload_button" type="button" value="Upload Image" /><br />
     605                        <?php echo $customimgdesc; ?>
     606                    </td>
     607                   
    516608                    <td>
    517609                        <a href="<?php echo $options['customurl4']; ?>" target="_blank" title="<?php echo $options['customurltitle4']; ?>">
    … …  
    519611                    </td>
    520612                </tr>
    521                 <tr id="addcustom4"><td colspan="2"><a href="javascript:void(0)" class="button">Add Another Custom Link</a></td></tr>
     613                <tr id="addcustom4"><td colspan="2"><></td></tr>
    522614                <!-- Custom URL 5 -->
    523615                <tr id="fsmlcustomlink5" <?php if($options['numactivecustom'] < 5) { echo 'style="display:none;"'; } ?>>
    524616                    <th scope="row">Custom URL 5 <br /><br />
    525                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom5]" type="checkbox" value="1" <?php if (isset($options['enablecustom5'])) { checked('1', $options['enablecustom5']); } ?> /> Show Link</label>
    526                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     617                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom5]" type="checkbox" value="1" <?php if (isset($options['enablecustom5'])) { checked('1', $options['enablecustom5']); } ?> /></label>
     618                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    527619                    </th>
    528620                    <td>
    529621                        <input type="text" size="70" name="fsml_options[customurl5]" value="<?php echo $options['customurl5']; ?>" /><br />
     622
    530623                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle5]" value="<?php echo $options['customurltitle5']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget5]" type="checkbox" value="1" <?php if (isset($options['customtarget5'])) { checked('1', $options['customtarget5']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    531624                        <input type="text" size="100" id="customurlimage5" name="fsml_options[customurlimage5]" value="<?php echo $options['customurlimage5']; ?>" />
    532                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
    533                     </td>
     625                        <input class="img_upload_button" type="button" value="Upload Image" /><br />
     626                        <?php echo $customimgdesc; ?>
     627                    </td>
     628                   
    534629                    <td>
    535630                        <a href="<?php echo $options['customurl5']; ?>" target="_blank" title="<?php echo $options['customurltitle5']; ?>">
    … …  
    537632                    </td>
    538633                </tr>
    539                 <tr id="addcustom5"><td colspan="2"><a href="javascript:void(0)" class="button">Add Another Custom Link</a></td></tr>
     634                <tr id="addcustom5"><td colspan="2"><></td></tr>
    540635                <!-- Custom URL 6 -->
    541636                <tr id="fsmlcustomlink6" <?php if($options['numactivecustom'] < 6) { echo 'style="display:none;"'; } ?>>
    542637                    <th scope="row">Custom URL 6 <br /><br />
    543                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom6]" type="checkbox" value="1" <?php if (isset($options['enablecustom6'])) { checked('1', $options['enablecustom6']); } ?> /> Show Link</label>
    544                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     638                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom6]" type="checkbox" value="1" <?php if (isset($options['enablecustom6'])) { checked('1', $options['enablecustom6']); } ?> /></label>
     639                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    545640                    </th>
    546641                    <td>
    547642                        <input type="text" size="70" name="fsml_options[customurl6]" value="<?php echo $options['customurl6']; ?>" /><br />
     643
    548644                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle6]" value="<?php echo $options['customurltitle6']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget6]" type="checkbox" value="1" <?php if (isset($options['customtarget6'])) { checked('1', $options['customtarget6']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    549645                        <input type="text" size="100" id="customurlimage6" name="fsml_options[customurlimage6]" value="<?php echo $options['customurlimage6']; ?>" />
    550                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
    551                     </td>
     646                        <input class="img_upload_button" type="button" value="Upload Image" /><br />
     647                        <?php echo $customimgdesc; ?>
     648                    </td>
     649                   
    552650                    <td>
    553651                        <a href="<?php echo $options['customurl6']; ?>" target="_blank" title="<?php echo $options['customurltitle6']; ?>">
    … …  
    555653                    </td>
    556654                </tr>
    557                 <tr id="addcustom6"><td colspan="2"><a href="javascript:void(0)" class="button">Add Another Custom Link</a></td></tr>
     655                <tr id="addcustom6"><td colspan="2"><></td></tr>
    558656                <!-- Custom URL 7 -->
    559657                <tr id="fsmlcustomlink7" <?php if($options['numactivecustom'] < 7) { echo 'style="display:none;"'; } ?>>
    560658                    <th scope="row">Custom URL 7 <br /><br />
    561                         <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom7]" type="checkbox" value="1" <?php if (isset($options['enablecustom7'])) { checked('1', $options['enablecustom7']); } ?> /> Show Link</label>
    562                         <p style="margin: 14px 0 0 40%;">Link Icon:</p>
     659                        <label style="margin-left: 15px;" ><input name="fsml_options[enablecustom7]" type="checkbox" value="1" <?php if (isset($options['enablecustom7'])) { checked('1', $options['enablecustom7']); } ?> /></label>
     660                        <p style="margin: px 0 0 40%;">Link Icon:</p>
    563661                    </th>
    564662                    <td>
    565663                        <input type="text" size="70" name="fsml_options[customurl7]" value="<?php echo $options['customurl7']; ?>" /><br />
     664
    566665                        Link Title:     <input type="text" size="30" name="fsml_options[customurltitle7]" value="<?php echo $options['customurltitle7']; ?>" /><label style="margin-left: 20px"><input name="fsml_options[customtarget7]" type="checkbox" value="1" <?php if (isset($options['customtarget7'])) { checked('1', $options['customtarget7']); } ?> /><span style="color: #666666;"> Open in New Tab</span></label><br /><br />
    567666                        <input type="text" size="100" id="customurlimage7" name="fsml_options[customurlimage7]" value="<?php echo $options['customurlimage7']; ?>" />
    568                         <input class="button img_upload_button" type="button" value="Upload Image" /><br />
    569                     </td>
     667                        <input class="img_upload_button" type="button" value="Upload Image" /><br />
     668                        <?php echo $customimgdesc; ?>
     669                    </td>
     670                   
    570671                    <td>
    571672                        <a href="<?php echo $options['customurl7']; ?>" target="_blank" title="<?php echo $options['customurltitle7']; ?>">
    … …  
    574675                </tr>
    575676            </table>
     677
    576678           
    577679            <!--page for like, etc. button options-->
    578680            <table class="form-table" id="fsml_buttons">
    579             <tr><td colspan="2"><p><small>If you need social media <em>sharing</em>, try the <a href="http://wordpress.org/plugins/quickshare">QuickShare</a> plugin. Floating Social Media Links has a slightly different purpose. Both plugins can, of course, be used in tandem.</small></p></td></tr>
     681            </p></td></tr>
    580682                <!-- Activate Like, etc. Buttons? -->
    581683                <tr>
    … …  
    611713                </tr>
    612714            </table>
     715
     716
     717
     718
     719
     720
     721
     722
     723
     724
     725
     726
     727
     728
     729
     730
     731
     732
     733
     734
     735
     736
     737
     738
     739
     740
     741
     742
     743
     744
     745
     746
     747
     748
     749
     750
     751
     752
     753
     754
     755
     756
     757
     758
     759
     760
     761
     762
     763
     764
     765
     766
     767
     768
     769
     770
     771
     772
     773
     774
     775
     776
     777
     778
     779
     780
     781
     782
     783
     784
     785
    613786            <table class="form-table" id="fsml_design" >
    614787                <!-- Themes -->
    … …  
    650823                <input type="hidden" name="fsml_options[theme]" id="current-theme" value="<?php echo $theme; ?>"/>
    651824               
    652                 <!-- Background Color -->
     825                <!-- -->
    653826                <tr class="dadvanced">
    654                     <th scope="row">Frame Background Color</th>
    655                     <td>
    656                         <label><input type="text" class="fsml-color-picker" id="bgcolor" name="fsml_options[backgroundcolor]" value="<?php echo $options['backgroundcolor']; ?>" /></label>
    657                         <button class="button" id="transparent-frame">Transparent</button>
    658                     </td>
    659                 </tr>
    660                 <!-- Show Box Shadow? -->
    661                 <tr class="dadvanced">
    662                     <th scope="row">Frame Shadow</th>
    663                     <td>
    664                         <label><input name="fsml_options[shadow]" type="checkbox" value="1" <?php if (isset($options['shadow'])) { checked('1', $options['shadow']); } ?> /> Show Frame Shadow</label>
    665                     </td>
    666                 </tr>
    667                 <!-- Rounded Icon and Frame Corners -->
    668                 <tr class="dadvanced">
    669                     <th scope="row">Rounded Corners</th>
    670                     <td>
    671                         <input name="fsml_options[borderradius]" type="range" min="0" max="32" step="1" value="<?php echo $options['borderradius']; ?>" id="brinput" onchange="updatebr()" /><span id="br-current"><?php echo $options['borderradius']; ?></span>px
    672                     </td>
    673                 </tr>               
     827                    <th scope="row" style="border-top: 1px solid #999;" >Choose a Color Scheme:</th>
     828                    <td>
     829                        <label><input id="fsmlcslight" name="fsml_options[colorscheme]" type="radio" value="light" <?php checked('light', $options['colorscheme']); ?> /> Light <span style="border: 2px solid #DDDDDD; box-shadow: 0 0 5px #000; background-color: #FFFFFF; color: #000; width: 40px; height: 20px; border-radius: 8px; padding: 0; margin-left: 10px;">   +++++++   </span><span style="color:#666666;margin-left:9px;"><i>(default)</i></span></label><br />
     830                        <label><input id="fsmlcsdark" name="fsml_options[colorscheme]" type="radio" value="dark" <?php checked('dark', $options['colorscheme']); ?> /> Dark <span style="border: 2px solid #050505; box-shadow: 0 0 5px #101010; background-color: #202020; color: #fff; width: 40px; height: 20px; border-radius: 8px; padding: 0; margin-left: 10px;">   +++++++   </span></label><br />
     831                        <label><input id="fsmlcscustom" name="fsml_options[colorscheme]" type="radio" value="custom" <?php checked('custom', $options['colorscheme']); ?> /> Use Custom Colors</label><br />
     832                    </td>
     833                </tr>
     834                <tr class="dadvanced" >
     835                    <td colspan="2"><table id="fsml_custom_colors" <?php if(fsml_897_getOption('colorscheme') != 'custom') { echo 'style="display: none;"'; } ?>>
     836                    <?php   if( wp_style_is( 'wp-color-picker', 'registered' ) ) {
     837                        $prewp3_5 = false;
     838                    } else {
     839                        $prewp3_5 = true;
     840                    }?>
     841                    <!-- Background Color -->
     842                    <tr style="border-top: 1px solid #ddd;">
     843                        <th scope="row">Frame Background Color</th>
     844                        <td>
     845                            <label><input type="text" class="fsml-color-picker dadvanced" name="fsml_options[backgroundcolor]" value="<?php echo $options['backgroundcolor']; ?>" /></label><?php if($prewp3_5)echo '<span style="color:#666666;margin-left:9px;">This version of WordPress doesn\'t support this color picker. Please update, or use 3/6 digit hexcolor codes. <br /></span>'; ?>
     846                        </td>
     847                    </tr>
     848                   
     849                    <!-- Border Color -->
     850                    <tr id="bordercolor" <?php if($options['fixeddynamic'] == 'dynamic' || $options['border'] == 'no') { echo 'style="display: none;"'; } ?>>
     851                        <th scope="row">Frame Border Color</th>
     852                        <td>
     853                            <label><input type="text" class="fsml-color-picker" name="fsml_options[bordercolor]" value="<?php echo $options['bordercolor']; ?>" /></label><?php if($prewp3_5)echo '<span style="color:#666666;margin-left:9px;">This version of WordPress doesn\'t support this color picker. Please update, or use 3/6 digit hexcolor codes. <br /></span>'; ?>
     854                        </td>
     855                    </tr>
     856                   
     857                    <!-- Box Shadow Color -->
     858                    <tr id="shadowcolor" <?php if($options['shadow'] == 'no') { echo 'style="display: none;"'; } ?>>
     859                        <th scope="row">Frame Shadow Color</th>
     860                        <td>
     861                            <label><input name="fsml_options[frameshadow]" type="radio" value="black" <?php checked('black', $options['frameshadow']); ?> /> Black </label><br />
     862                            <label><input name="fsml_options[frameshadow]" type="radio" value="white" <?php checked('white', $options['frameshadow']); ?> /> White </label><br />
     863                        </td>
     864                    </tr>
     865                   
     866                    <!-- Show/hide color -->
     867                    <tr>
     868                        <th scope="row">Show/Hide Button Color<br />
     869                            <small>(only shows if visitors have the option to hide, see General Options page)</small>
     870                        </th>
     871                        <td>
     872                            <label><input name="fsml_options[shbw]" type="radio" value="black" <?php checked('black', $options['shbw']); ?> /> Black </label><br />
     873                            <label><input name="fsml_options[shbw]" type="radio" value="white" <?php checked('white', $options['shbw']); ?> /> White </label><br />
     874                        </td>
     875                    </tr>
     876                    <!-- Facebook Like Color Scheme -->
     877                    <tr>
     878                        <th scope="row">Facebook Like Button Color Scheme<br />
     879                            <small>(only shows up if the facebook like button is activated in Buttons)</small>
     880                        </th>
     881                        <td>
     882                            <label><input name="fsml_options[fblikecolor]" type="radio" value="light" <?php checked('light', $options['fblikecolor']); ?> /> Light <span style="color:#666666;margin-left:9px;"><i>(default)</i></span></label><br />
     883                            <label><input name="fsml_options[fblikecolor]" type="radio" value="dark" <?php checked('dark', $options['fblikecolor']); ?> /> Dark </label>
     884                        </td>
     885                    </tr>
     886                    </table></td>
     887                </tr>
     888
    674889                <!-- Monochrome Icons -->
    675890                <tr class="dadvanced">
    … …  
    680895                </tr>
    681896                <!-- Frame Hover Effect -->
    682                 <tr class="dadvanced">
    683                     <th scope="row">Frame Hover Effect</th>
    684                     <td>
    685                         <label><input name="fsml_options[framehovereffect]" type="checkbox" value="1" <?php if (isset($options['framehovereffect'])) { checked('1', $options['framehovereffect']); } ?> /> Fade/Unfade </label><br />
     897                <tr style="border-top: 1px solid #ddd;" class="dadvanced">
     898                    <th scope="row">Frame Hover/Mouseover Effect</th>
     899                    <td>
     900                        <label><input name="fsml_options[framehovereffect]" type="radio" value="yes" <?php checked('yes', $options['framehovereffect']); ?> /> Fade/Unfade </label><br />
     901                        <label><input name="fsml_options[framehovereffect]" type="radio" value="no" <?php checked('no', $options['framehovereffect']); ?> /> None </label>
    686902                    </td>
    687903                </tr>
    688904                <!-- Icon Hover Effect -->
    689905                <tr class="dadvanced">
    690                     <th scope="row">Icon Hover Effects</th>
    691                     <td>
    692                         <label><input name="fsml_options[hover_spin]" type="checkbox" value="1" <?php if (isset($options['hover_spin'])) { checked('1', $options['hover_spin']); } ?> /> Spin</label><br />
    693                         <label><input name="fsml_options[hover_round]" type="checkbox" value="1" <?php if (isset($options['hover_round'])) { checked('1', $options['hover_round']); } ?> /> Round</label><br />
    694                         <label><input name="fsml_options[hover_expand]" type="checkbox" value="1" <?php if (isset($options['hover_expand'])) { checked('1', $options['hover_expand']); } ?> /> Expand</label><br />
    695                         <label><input name="fsml_options[hover_contract]" type="checkbox" value="1" <?php if (isset($options['hover_contract'])) { checked('1', $options['hover_contract']); } ?> /> Contract</label><br />
    696                         <label><input name="fsml_options[hover_fade]" type="checkbox" value="1" <?php if (isset($options['hover_fade'])) { checked('1', $options['hover_fade']); } ?> /> Fade/Unfade</label><br />
     906                    <th scope="row">Icon Hover/Mouseover Effect</th>
     907                    <td>
     908                        <!-- Border Fade and Unfade option was buggy and has been removed -->
     909                        <label><input name="fsml_options[hovereffect]" type="radio" value="yes" <?php checked('yes', $options['hovereffect']); ?> <?php checked('border', $options['hovereffect']); ?>/> Fade/Unfade </label><br />
     910                        <label><input name="fsml_options[hovereffect]" type="radio" value="no" <?php checked('no', $options['hovereffect']); ?> /> None </label>
     911                    </td>
     912                </tr>
     913                <!-- Border Radius -->
     914                <tr class="dadvanced" style="border-top: 1px solid #ddd;">
     915                    <th scope="row">Rounded Corners</th>
     916                    <td>
     917                        <label><input name="fsml_options[borderradius]" type="radio" value="none" <?php checked('none', $options['borderradius']); ?> /> None </label><br />
     918                        <label><input name="fsml_options[borderradius]" type="radio" value="small" <?php checked('small', $options['borderradius']); ?> /> Slight </label><br />
     919                        <label><input name="fsml_options[borderradius]" type="radio" value="med" <?php checked('med', $options['borderradius']); ?> /> Medium </label><br />
     920                        <label><input name="fsml_options[borderradius]" type="radio" value="wide" <?php checked('wide', $options['borderradius']); ?> /> Wide </label><br />
     921                        <label id="custombropt"><input name="fsml_options[borderradius]" type="radio" value="custom" <?php checked('custom', $options['borderradius']); ?> /> Custom </label>
     922                        <input type="text" size="3" name="fsml_options[custombr]" value="<?php echo $options['custombr']; ?>" />px (css border radius)
     923                    </td>
     924                </tr>
     925                <!-- Show Box Shadow? -->
     926                <tr class="dadvanced">
     927                    <th scope="row">Show Frame Shadow?</th>
     928                    <td>
     929                        <label id="shadowyes"><input name="fsml_options[shadow]" type="radio" value="yes" <?php checked('yes', $options['shadow']); ?> /> Yes </label><br />
     930                        <label id="shadowno"><input name="fsml_options[shadow]" type="radio" value="no" <?php checked('no', $options['shadow']); ?> /> No </label><br />
     931                    </td>
     932                </tr>
     933                <!-- Show Border? -->
     934                <tr id="showborder" <?php if($options['fixeddynamic'] == 'dynamic'){ echo 'style="display: none;"'; } ?> class="dadvanced">
     935                    <th scope="row">Show Border Around Frame?</th>
     936                    <td>
     937                        <label id="borderyes"><input name="fsml_options[border]" type="radio" value="yes" <?php checked('yes', $options['border']); ?> /> Yes </label><br />
     938                        <label id="borderno"><input name="fsml_options[border]" type="radio" value="no" <?php checked('no', $options['border']); ?> /> No </label>
    697939                    </td>
    698940                </tr>
    … …  
    710952            <div style="display: none">
    711953                <label><input name="fsml_options[numactivecustom]" type="hidden" value="<?php echo $options['numactivecustom']; ?>" /></label>
     954
    712955                <label><input name="fsml_options[outputcss]" type="hidden" value="<?php // re-generate on each save ?>" /></label>
    713956            </div>
    … …  
    716959                <input type="submit" class="button-primary" value="<?php _e('Save Settings') ?>" />
    717960            </p>
     961
    718962        </form>
    719963
    … …  
    726970
    727971        //reset invalid numeric inputs to defaults
     972
     973
     974
    728975    if (!is_numeric($input['hidesize'])) {
    729976        $input['hidesize'] = '600';
    730977    }
     978
     979
     980
     981
    731982    if (!is_numeric($input['custombr'])) {
    732983        $input['custombr'] = '12';
    733984    }
    734        
     985    if ($input['customzindex'] && !is_numeric($input['customzindex'])) {
     986        $input['customzindex'] = '9999';
     987    }
     988   
     989    //validate fixed/dynamic width options
     990    if ($input['fixeddynamic'] == 'dynamic') {
     991        if($input['size'] == 'fsmall')
     992            $input['size'] = 'dsmall';
     993        if($input['size'] == 'fnormal')
     994            $input['size'] = 'dnormal';
     995        if($input['size'] == 'flarge')
     996            $input['size'] = 'dlarge';
     997    }
     998    if ($input['fixeddynamic'] == 'fixed') {
     999        if($input['size'] == 'dsmall')
     1000            $input['size'] = 'fsmall';
     1001        if($input['size'] == 'dnormal')
     1002            $input['size'] = 'fnormal';
     1003        if($input['size'] == 'dlarge')
     1004            $input['size'] = 'flarge';
     1005    }
     1006   
     1007    //set colorscheme for facebook like
     1008    if ($input['colorscheme'] == 'light') {
     1009        $input['fblikecolor'] = 'light';
     1010    }
     1011    elseif ($input['colorscheme'] == 'dark') {
     1012        $input['fblikecolor'] = 'dark';
     1013    }
     1014   
    7351015    //remove extra leading slashes
    7361016    if (substr($input['facebookurl'], 0, 1)=='/'){
    … …  
    8131093
    8141094function fsml_validator_getoption($theoption, $thearray) {
     1095
     1096
     1097
     1098
    8151099    if(array_key_exists( $theoption, $thearray ))
    8161100        return $thearray[$theoption];
    … …  
    8361120    // thus we avoid having 10 external stylesheets taking up diskspace and confusing condintionality including them
    8371121    // however we do increase the size of this file and the lenghth of its excecution time
    838    
     1122    if (fsml_897_getOption('frameshadow',$options) == 'white') {
     1123        $frameshadowcolor = '#fff';
     1124    }
     1125    else {
     1126        $frameshadowcolor = '#000';
     1127    }
     1128    //set up colorschemes
    8391129    $thebackgroundcolor_897 = fsml_897_getOption('backgroundcolor',$options);
     1130
     1131
     1132
     1133
     1134
     1135
     1136
     1137
     1138
     1139
     1140
    8401141    //set up hover effect option output
    8411142    $fsmlhovereffectcss = '';
    … …  
    8511152    }
    8521153    //prepare the vertical position
    853     // TODO: case for centered (need frame height from admin preview */
    854    
    855     //set up width
     1154    $fsml_897_top = 0;
     1155    $fsml_897_top_un = 'px';
     1156    $fsml_897_top = fsml_897_getOption('customtop',$options);
     1157    if(fsml_897_getOption('topunits',$options)) {
     1158        $fsml_897_top_un = fsml_897_getOption('topunits',$options);
     1159        if($fsml_897_top_un == 'pct') {
     1160            $fsml_897_top_un = '%';
     1161        }
     1162    }
     1163    //set up border radius
     1164    switch(fsml_897_getOption('borderradius',$options)) {
     1165        case('wide'): $brsize = '20px'; break;
     1166        case('med'): $brsize = '12px'; break;
     1167        case('small'): $brsize = '6px'; break;
     1168        case('none'): $brsize = '0'; break;
     1169        case('custom'): $brsize = fsml_897_getOption('custombr',$options).'px'; break;
     1170        default:  $brsize = '12px'; break;
     1171    }
     1172    $fhmargin = '1%';
     1173    //set up all 6 widths
    8561174    switch(fsml_897_getOption('size',$options)) {
    857         case 'small': $framewidth = '43px'; $bmargin = '3px'; break;
    858         case 'normal': $framewidth = '60px'; $bmargin = '5px'; break;
    859         case 'large': $framewidth = '70px'; $bmargin = '7px'; break;
     1175        case 'fsmall': $framewidth = '43px'; $bmargin = '3px'; break;
     1176        case 'fnormal': $framewidth = '60px'; $bmargin = '5px'; break;
     1177        case 'flarge': $framewidth = '70px'; $bmargin = '7px'; break;
     1178        case 'dsmall': $framewidth = '3.4%'; $bmargin = '3px'; $fhmargin = '.3%'; break;
     1179        case 'dnormal': $framewidth = '4%'; $bmargin = '5px'; $fhmargin = '.5%'; break;
     1180        case 'dlarge': $framewidth = '5.6%'; $bmargin = '7px'; $fhmargin = '.7%'; break;
     1181    }   
     1182    $fsmlcustomwidth_897 = fsml_897_getOption('customwidth',$options);
     1183    if($fsmlcustomwidth_897){
     1184        if(fsml_897_getOption('fixeddynamic',$options) == 'dynamic')
     1185            $framewidth = $fsmlcustomwidth_897 . '%';
     1186        else
     1187            $framewidth = $fsmlcustomwidth_897 . 'px';
    8601188    }
    8611189    $css .= ('
    8621190        /*disclaimer: this css is php-generated, so while it isnt pretty here it does look fine where its generated*/'
    8631191        . $fsmlhovereffectcss .
    864         '#fsml_ff, #fsml_fblikemodal {
    865             background-color: ' . $thebackgroundcolor_897 . '; ');
    866         if (fsml_897_getOption('shadow',$options) != 'no') { $css .= ' box-shadow: 1px 1px 2px rgba(0,0,0,.5); '; }
     1192        '#fsml_ff, #fsml_ffhidden, #fsml_fblikemodal {
     1193            background-color: ' . $thebackgroundcolor_897 .
     1194                '; border: 2px solid ' . $thebordercolor_897 . '; ');
     1195        if (fsml_897_getOption('shadow',$options) != 'no') { $css .= ' box-shadow: 0 0 2px ' . $frameshadowcolor . '; '; }
    8671196        else { $css .= 'box-shadow: none;'; }
     1197
    8681198    $css .= '}';
    8691199    if(fsml_897_getOption('leftright',$options) == 'right'){
    870         $css .= ' #fsml_ff { right: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}';
     1200        $css .= ' #fsml_ff { right: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}';
    8711201        $css .= ' #fsml_fblikemodal { left: -185px; }';
    872         $css .= ' #fsml_ff { border-radius: ' . (fsml_897_getOption('borderradius') + 3) . '; ';
    873         $css .= ' img.fsml_fficon { border-radius: ' . fsml_897_getOption('borderradius') . '; ';
     1202        $css .= '.fsml_xlr { right: 0; }';
     1203        $css .= ' #fsml_ff { border-radius: ' . $brsize . '; ';
     1204        if(fsml_897_getOption('closeoption',$options) != 'no'){
     1205            $css .= 'border-top-right-radius: 0; ';
     1206        }
    8741207        $css .= '}';
    8751208        // everything else is set to be on the right by default
    8761209    }
    8771210    else {
    878         $css .= ' #fsml_ff { left: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}';
     1211        $css .= ' #fsml_ff { left: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}';
    8791212        $css .= ' #fsml_fblikemodal { right: -185px; }';
    8801213        $css .= ' #fsml_ff { border-radius: ' . $brsize . '; }';
    881         $css .= ' #fsml_edit { right: 8px; }';
     1214        if(fsml_897_getOption('closeoption',$options) != 'no'){
     1215            $css .= ' #fsml_ff { border-top-left-radius: 0; }';
     1216        }
     1217        $css .= '.fsml_xlr { left: 0; } #fsml_edit { right: 8px; }';
     1218        $css .= ' #fsml_ffhidden { border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } ';
    8821219    }
    8831220    if( $brsize == 0 )
    … …  
    8951232                /* hide the floating links frame on small mobile devices in case of overlap issues presented by some themes */
    8961233                #fsml_ff {display: none;}
    897             }';
     1234                #fsml_ffhidden {display: none;}
     1235        }';
    8981236    }
    8991237    if(fsml_897_getOption('framehovereffect',$options) == 'yes'){
    900         $css .= '#fsml_ff {
     1238        $css .= '#fsml_ff,
     1239        #fsml_ffhidden {
    9011240            opacity: 0.5;
    9021241        }
    903         #fsml_ff:hover {
     1242        #fsml_ff:hover,
     1243        #fsml_ffhidden:hover {
    9041244            opacity: 1;
    9051245        }';
    … …  
    9761316            echo fsml_options_css( get_option('fsml_options') );
    9771317    echo '</style>';
    978 }
    979 
    980 function fsml_output($phplink1 = null, $phplink2 = null, $phplink3 = null) {
     1318   
     1319    if(fsml_897_getOption('ie7fix')){ ?>
     1320        <!--[if lt IE 8]>
     1321            <style type="text/css">
     1322                .fsml_fficon { width: 50px; min-width: 100%; }
     1323                .fsml_fficon:hover { width:100%; padding:0; }
     1324            </style>
     1325        <![endif]-->
     1326    <?php }
     1327}
     1328
     1329function fsml_output($phplink1 = null, $phplink2 = null, $phplink3 = null){
    9811330    //set the outputs to vars, to avoid weird bugs with the Wordpress Settings API
    9821331        $fsmlbaseurl_897 = plugins_url('', __FILE__);
     1332
    9831333       
    9841334        $protocols = array( 'http', 'https', 'ftp', 'ftps', 'mailto', 'news', 'irc', 'gopher', 'nntp', 'feed', 'telnet', 'sms', 'smsto' );
    … …  
    10141364        $thecustomurltitle7_897 = fsml_897_getOption('customurltitle7');
    10151365        $thecustomurlimage7_897 = fsml_897_getOption('customurlimage7');
    1016                
     1366       
     1367        $fsml_897_xurl = '/img/x.png';
     1368        $fsml_897_plusurl = '/img/plus.png';
     1369       
    10171370        //override the custom link options for any custom dynamic links passed through floating_social_media_links()
    10181371        if(is_string($phplink1) && !empty($phplink1))//a string - ie not null, not empty
    … …  
    10221375        if(is_string($phplink3) && !empty($phplink3))
    10231376            $thecustomurl3_897 = $phplink3;
     1377
     1378
     1379
     1380
     1381
     1382
     1383
     1384
     1385
     1386
     1387
     1388
     1389
     1390
     1391
     1392
     1393
    10241394
    10251395        $fblikecode = '';
    … …  
    10591429        ?> 
    10601430        <!--the floating frame-->
    1061         <div id="fsml_ff">
     1431        <div id="fsml_ff" <?php if (fsml_897_getOption('closeoption') == 'starthidden') { echo 'style="display:none;"'; } if (fsml_897_getOption('customzindex')){ echo 'style="z-index: '.fsml_897_getOption('customzindex').';"'; } ?>>
     1432            <?php if(fsml_897_getOption('closeoption') != 'no') { ?> <img src="<?php echo ($fsmlbaseurl_897 . $fsml_897_xurl); ?>" alt="close" class="fsml_xlr fsmlopenclose" id="fsml_hide" title="hide" onclick="fsmlHide(<?php echo "'$hsan','$hsuc','$hscl'"; ?>)" style="z-index: <?php if (fsml_897_getOption('customzindex')){ echo 1 + fsml_897_getOption('customzindex'); } else{ echo 10000; } ?>;" /> <?php } ?>
    10621433            <?php if(is_user_logged_in() && current_user_can('manage_options')) { echo '<a href="'.get_admin_url().'options-general.php?page=floating-social-media-links%2Ffloating-social-media-links.php"'.' id="fsml_edit" title="Edit Floating Links">edit</a>'; } ?>
    10631434            <?php echo $fbmodalcode; ?>
    … …  
    10721443            //display links with the standard method
    10731444                //standard links
    1074                 if (fsml_897_getOption('enablefacebook') && $thefacebookurl_897) { echo ('<a href="https://facebook.com/' . $thefacebookurl_897 . '" target="_blank" class="fsml_fflink"><img src="' . $fsmlbaseurl_897 . '/img/facebook.png" alt="Facebook Icon" title="' . $thefacebookurltitle_897 . '" class="fsml_fficon" /></a>'); }
     1445                if (fsml_897_getOption('enablefacebook') && $thefacebookurl_897) { echo ('<a href="http://facebook.com/' . $thefacebookurl_897 . '" target="_blank" class="fsml_fflink"><img src="' . $fsmlbaseurl_897 . '/img/facebook.png" alt="Facebook Icon" title="' . $thefacebookurltitle_897 . '" class="fsml_fficon" /></a>'); }
    10751446                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $fblikecode; }
    10761447                if (fsml_897_getOption('enableyoutube') && $theyoutubeurl_897) { echo ('<a href="http://youtube.com/' . $theyoutubeurl_897 . '" target="_blank" class="fsml_fflink"><img src="' . $fsmlbaseurl_897 . '/img/youtube.png" alt="YouTube Icon" title="' . $theyoutubeurltitle_897 . '" class="fsml_fficon" /></a>'); }
    10771448                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $ytsubcode; }
    1078                 if (fsml_897_getOption('enabletwitter') && $thetwitterurl_897) { echo ('<a href="https://twitter.com/' . $thetwitterurl_897 . '" target="_blank" class="fsml_fflink"><img src="' . $fsmlbaseurl_897 . '/img/twitter.png" alt="Twitter Icon" title="' . $thetwitterurltitle_897 . '" class="fsml_fficon" /></a>'); }
     1449                if (fsml_897_getOption('enabletwitter') && $thetwitterurl_897) { echo ('<a href="http://twitter.com/' . $thetwitterurl_897 . '" target="_blank" class="fsml_fflink"><img src="' . $fsmlbaseurl_897 . '/img/twitter.png" alt="Twitter Icon" title="' . $thetwitterurltitle_897 . '" class="fsml_fficon" /></a>'); }
    10791450                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $twfollowcode; }
    10801451                //custom links - don't need to check for blank, because automatically must contain a min. of http:// ...
    … …  
    10911462            </div>
    10921463        </div>
    1093 <?php } //fsml_output
     1464        <?php if (fsml_897_getOption('closeoption') == 'yes' || fsml_897_getOption('closeoption') == 'starthidden') { ?>
     1465            <div id="fsml_ffhidden"  class="fsml_showhide" style="<?php if (fsml_897_getOption('closeoption') == 'starthidden' ) { echo 'display: block; '; } else { echo 'display: none; '; }  if (fsml_897_getOption('customzindex')){ echo 'z-index: '.fsml_897_getOption('customzindex').';'; } ?>">
     1466                <img src="<?php echo $fsmlbaseurl_897 . $fsml_897_plusurl; ?>" alt="show" onclick="fsmlShow('<?php echo $hsan; ?>')" title="<?php echo $expandtitle; ?>" class="fsmlopenclose"/>
     1467            </div>
     1468        <?php }
     1469} //fsml_output
    10941470?>

  • floating-social-media-links/trunk/fsml-admin.css

    r827311 r3071994  
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
    132/* FSML Admin Styles */
    2 #jstest {
    3     color: #f00;
    4     font-weight: bold;
     33#jstest {
     34    color: #f00;
     35    font-weight: bold;
    536}
    6 .form-table th label,
    7 .form-table th p {
    8     font-weight: normal;
     37#fsmlsubpages {
     38    list-style-type: none;
     39    height: 32px;
     40    border-bottom: 1px solid #ababab;
    941}
    10 ::selection {
    11     background-color: #fff000;
    12     color: #000;
    13     text-shadow: none;
     42.fsmlnav {
     43   
     44   
     45   
    1446}
    15 /* Image Preview */
     47.fsmlnav h1 {
     48    font-size: 20px;
     49    padding: 2px 5px;
     50    line-height: 0;
     51    font-family: "Open Sans", Arial, sans-serif;
     52}
     53.fsmlnav:hover,
     54.fsmlnav:active {
     55    color: #21759b;
     56    cursor: pointer;
     57}
     58.fsmlcurrent {
     59    border-bottom:
     60    1px solid #fff;
     61    color: #21759b;
     62    border-right: 1px solid #ababab;
     63}
     64.fsmlac {
     65    width: 500px;
     66    padding: 10px;
     67    font-size: 20px;
     68    font-weight: bold;
     69    font-family: "Open Sans", Arial, sans-serif;
     70    background-color: #ababab;
     71    color: #21759b;
     72    border: 1px solid #ababab;
     73}
     74.fsmlac:hover {
     75    cursor: pointer;
     76    color: #11556b;
     77    border: 1px solid #eeeeee;
     78}
    1679.fsml_testimg {
    17     opacity: .6;
    18     width: 50px;
    19 }
     80    opacity: .6;
     81    width: 50px;
     82}
    2083.fsml_testimg:hover {
    2184    opacity: 1;
    2285}
    23 .upload_image_button:hover {
    24     cursor: pointer;
     86.upload_image_button:hover {
     87    cursor: pointer;
    2588}
    26 a:hover {
    27     cursor: pointer;
     89::selection {
     90    background-color: #fff000;
     91    color: #000;
     92    text-shadow: none;
    2893}
    29 ul#themes-list {
    30     list-style-type: none;
    31     margin: 0;
    32     padding: 0;
     94a:hover {
     95    cursor: pointer;
    3396}
    34 #themes-list li {
    35     width: 16%;
    36     padding: 0;
    37     margin: 0 .3%;
    38     float: left;
    39     max-width: 180px;
     97ul#themes-list {
     98    list-style-type: none;
     99    margin: 0;
     100    padding: 0;
    40101}
    41 #themes-list img {
    42     max-height: 150px;
    43     cursor: pointer;
    44     margin-bottom: 7px;
     102#themes-list li {
     103    width: 16%;
     104    padding: 0;
     105    margin: 0 .3%;
     106    float: left;
     107    max-width: 180px;
    45108}
    46 .selected-theme {
    47     outline: 5px solid rgb(184, 216, 18);
    48     box-shadow: 6px 6px 4px #000;
     109#themes-list img {
     110    max-height: 150px;
     111    cursor: pointer;
     112    margin-bottom: 7px;
    49113}
    50 #themes-list img:hover {
    51     outline: 4px solid #fff000;
     114.selected-theme {
     115    outline: 5px solid rgb(184, 216, 18);
     116    box-shadow: 6px 6px 4px #000;
    52117}
     118
     119
     120

  • floating-social-media-links/trunk/fsml-admin.js

    r827311 r3071994  
    4545        //jQuery('.media-modal .media-modal-content .attachments-browser ul.attachments').append(html);
    4646    });
     47
    4748
     49
     50
     51
     52
     53
     54
     55
     56
     57
     58
     59
     60
     61
     62
     63
     64
     65
     66
     67
     68
     69
     70
     71
    4872    // toggle sub-settings for advanced general options
    4973    jQuery('#hidesmall').bind('change', function () {
    50         jQuery('#metaviewport').toggle(200);
     74        jQuery('#metaviewport').toggle(300);
     75    });
     76    jQuery('#usecookies').bind('change', function () {
     77        jQuery('#cookielength').toggle(300);
    5178    });
    5279   
    5380    //show/hide options specific to certain action buttons
    5481    jQuery('#actionfblike').bind('change', function () {
    55         jQuery('#fburltolike').toggle(200);
     82        jQuery('#fburltolike').toggle(00);
    5683    });
    5784    jQuery('#actionytsub').bind('change', function () {
    58         jQuery('#ytuseridetc').toggle(200);
     85        jQuery('#ytuseridetc').toggle(00);
    5986    });
     87
     88
     89
     90
    6091
    6192    //design/themes
    6293    //themes vs. custom
    63     jQuery('#theme-customize').click(function(){ jQuery('.dadvanced').show(300); jQuery('#themes').hide(200); jQuery('#currenttheme').val('custom'); });
    64     jQuery('#tobuiltin-theme').click(function(){ jQuery('.dadvanced').hide(180); jQuery('#themes').show(200); });
     94    jQuery('#theme-customize').click(function(){ jQuery('.dadvanced').show(300); jQuery('#themes').hide(00); jQuery('#currenttheme').val('custom'); });
     95    jQuery('#tobuiltin-theme').click(function(){ jQuery('.dadvanced').hide(00); });
    6596   
    6697    //show/hide advanced general options
    67     jQuery('#showgenadvanced').click(function(){ jQuery('.genadvanced').show(200); jQuery('#hidegenadvanced').show(200); jQuery(this).hide(150); jQuery('#genadvanced').val('shown'); });
    68     jQuery('#hidegenadvanced').click(function(){ jQuery('.genadvanced').hide(200); jQuery('#showgenadvanced').show(200); jQuery(this).hide(150); jQuery('#genadvanced').val('hidden'); });
     98    jQuery('#showgenadvanced').click(function(){ jQuery('.genadvanced').show(0); jQuery('#genadvanced').val('shown'); });
     99    jQuery('#hidegenadvanced').click(function(){ jQuery('.genadvanced').hide(0); jQuery('#genadvanced').val('hidden'); });
    69100   
    70101} );
    71102
    72103function switchTabs( tabto ){
    73     jQuery('#fsmlopform table.form-table').hide(200);
    74     jQuery('#fsml_'+tabto).show(200);
    75     jQuery('#fsmlsubpages .nav-tab-active').removeClass( 'nav-tab-active' );
    76     jQuery('#fsmlsuboptionspage_'+tabto).addClass( 'nav-tab-active' );
     104    jQuery('#fsmlopform table.form-table').hide(00);
     105    jQuery('#fsml_'+tabto).show(00);
     106    jQuery('#fsmlsubpages .' );
     107    jQuery('#fsmlsuboptionspage_'+tabto).addClass( '' );
    77108    jQuery('#settingstab').val(tabto);
    78109}
    … …  
    86117    // theme settings are defined here
    87118    switch(theme){
    88     // background color, grayscale, frame mouseover effect, icon mouseover effect, border radius, shadow
    89         case 'bright': setThemeOptions( '#fff', 0, 'no', 'yes', 'none', 'no' ); break;
    90         case 'dark': setThemeOptions( '#222', 1, 'yes', 'yes', 'none', 'no' ); break;
    91         case 'elegant': setThemeOptions( '#f6f6f6', 1, 'yes', 'yes', 'none', 'no' ); break;
    92         case 'subtle': setThemeOptions( '#dcdcdc', 0, 'yes', 'yes', 'med', 'yes' ); break;
    93         case 'contrast': setThemeOptions( '#222', 0, 'no', 'no', 'med', 'yes' ); break;
     119    // , grayscale, frame mouseover effect, icon mouseover effect, border radius, shadow
     120        case 'bright': setThemeOptions( '', 0, 'no', 'yes', 'none', 'no' ); break;
     121        case 'dark': setThemeOptions( '', 1, 'yes', 'yes', 'none', 'no' ); break;
     122        case 'elegant': setThemeOptions( '', 1, 'yes', 'yes', 'none', 'no' ); break;
     123        case 'subtle': setThemeOptions( '', 0, 'yes', 'yes', 'med', 'yes' ); break;
     124        case 'contrast': setThemeOptions( '', 0, 'no', 'no', 'med', 'yes' ); break;
    94125    }
    95126}
    96127
    97 function setThemeOptions( bgcolor, grayscale, framehover, iconhover, borderrad, shadow ){
     128function setThemeOptions( , grayscale, framehover, iconhover, borderrad, shadow ){
    98129    // the meat: set the options
    99     jQuery('#bgcolor').val(bgcolor);
     130    jQuery('input:radio[name="fsml_options[colorscheme]"]').val([colorscheme]);
     131    if(colorscheme != 'custom')
     132        jQuery('#fsml_custom_colors').hide();
    100133    jQuery('input[name="fsml_options[grayscaleicons]"]').prop('checked',grayscale);
    101134    jQuery('input:radio[name="fsml_options[framehovereffect]"]').val([framehover]);
    … …  
    103136    jQuery('input:radio[name="fsml_options[borderradius]"]').val([borderrad]);
    104137    jQuery('input:radio[name="fsml_options[shadow]"]').val([shadow]);
     138
    105139}
    106140
    … …  
    108142    jQuery('#sitesubmitted').val('yes');
    109143}
    110 function updatebr(){
    111     var br = jQuery('#brinput').val();
    112     jQuery('#br-current').html(br);
    113 }

  • floating-social-media-links/trunk/fsml-base.css

    r740803 r3071994  
    1 #fsml_ff, #fsml_ff * {
    2     /* this css is written assuming the traditional box model handling. eventually, I'll switch to that but for now let's ask for the default behavior (some themes use universal selectors to do otherwise) */
     1#fsml_ff, #fsml_ff * {
     2    /* this css is written assuming the traditional box model handling. eventually, I'll switch to that but for now let's ask for the default behavior (some themes use universal selectors to do otherwise */
    33    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    44    -moz-box-sizing: content-box;    /* Firefox, other Gecko */
    … …  
    3333    margin: 0;
    3434    border: none;
     35
     36
     37
     38
     39
     40
     41
     42
     43
     44
     45
     46
     47
     48
     49
     50
     51
     52
    3553}
    3654#fsml_ff a#fsml_edit {
    … …  
    7896img.fsml_fficon:hover {
    7997    opacity:1;
     98
     99
     100
     101
     102
     103
     104
     105
     106
     107
     108
     109
     110
     111
     112
     113
     114
     115
     116
     117
     118
     119
     120
     121
    80122}
    81123img#fsml_ytsub {
    … …  
    133175    z-index: 10005;
    134176}
    135 .admin-bar #fsml_ff,
    136 .wp-toolbar #fsml_ff {
     177.admin-bar #fsml_ff,
     178.admin-bar #fsml_ffhidden,
     179.wp-toolbar #fsml_ff,
     180.wp-toolbar #fsml_ffhidden {
    137181    margin-top: 28px;
    138182}
    … …  
    140184@media print {
    141185    #fsml_ff { display: none; }
     186
    142187}

  • floating-social-media-links/trunk/readme.txt

    r827311 r3071994  
    3535
    3636= The frame doesn't show up on my site! =
    37 First, make sure that the first general option is set to show the frame on every page, or that you have placed the necessary code in the correct template files if you are showing it on customized pages. Then make sure that your browser window is larger than the value for minimum size to display the frame, and try changing that value (make it smaller). Then, check your theme's `header.php` and `footer.php` files for the necessary action hooks: `<?php wp_head(); >` and `<?php wp_footer(); >`. Check your vertical position setting AND UNITS in the appearance settings tab (15px is much different from 15in) - it's possible that your frame is too far down the page to see. If the problems persist, try using a bigger number for the custom layering/z-index (in appearance). If all else fails, try the support forums and someone with html knowledge should be able to find the problem.
     37First, make sure that the first general option is set to show the frame on every page, or that you have placed the necessary code in the correct template files if you are showing it on customized pages. Then make sure that your browser window is larger than the value for minimum size to display the frame, and try changing that value (make it smaller). Then, check your theme's `header.php` and `footer.php` files for the necessary action hooks. Check your vertical position setting AND UNITS in the appearance settings tab (15px is much different from 15in) - it's possible that your frame is too far down the page to see. If the problems persist, try using a bigger number for the custom layering/z-index (in appearance). If all else fails, try the support forums and someone with html knowledge should be able to find the problem.
    3838
    3939= Transparent Frame / Icons Only =
    … …  
    4343Native support for a wider array of social media sites is coming, but in the meantime, you can include links to them with fsml custom links. You can upload your own icons, or use those already packaged with the plugin for Pintrest, Linkedin, and Google+. The image urls are similar to those for the facebook, twitter, and youtube icons, in the plugin's img folder.
    4444
    45 = How can I take advantage of coming features like drag-and-drop with widgets? =
    46 <a href="http://celloexpressions.com/dev/floating-social-media-links/fsml-contents-widgets-temporary-plugin-information/">Please see this webpage for comprehensive information about how you can use and help enhance future plugin features such as the ability to reorder links with drag and drop, and integration of many more social media networks, by bypassing the frame contents with specialized widgets with a secondary plugin</a>.
    47 
    4845= How do I use the display on custom pages option? =
    4946To use the option to display the frame on customized pages, instead of on every page on your site, you need to be comfortable with editing you're theme's template files (html/php). If you are, siply copy this code: `<?php floating_social_media_links() ?>` and paste it into each template file that is used for the pages that you want (for example, index.php for the main blog page, page.php for the default page template, search.php for the search results page, archives.php for archive pages, etc.). <a href="http://codex.wordpress.org/Theme_Development#Template_Files_List">See wordpress' documentation on theme files</a>. Once you find the template files that correspond to the pages you want the frame to appear on, paste the code into the file immediately before the line that says `<?php get_footer() ?>`.
    5047
    51 To include dynamic php-generated links, call the floating_social_media_links() function with up to three parameters. Each parameter will override the custom link 1-3 url options, although you still need to set the icon image, link title, and click the show link checkbox in the settings page. If you only want one dynamic link but want it after two other custom links, you can call `<?php floating_social_media_links(null,null,$dynamic_variable); ?>`. The parameters will only replace the links if they are (identified by php as) strings. To debug, use the php function `is_string()`.
     48To include dynamic php-generated links, call the function with up to three parameters. Each parameter will override the custom link 1-3 url options, although you still need to set the icon image, link title, and click the show link checkbox in the settings page. If you only want one dynamic link but want it after two other custom links, you can call `<?php floating_social_media_links(null,null,$dynamic_variable); ?>`. The parameters will only replace the links if they are (identified by php as) strings. To debug, use the php function `is_string()`.
    5249
    5350= Where's the settings page? =
    … …  
    5855
    5956= How can I add more custom links? =
    60 Currently, up to seven custom links may be used at a time. I am preparing a massive internal restructuring of this plugin which will remove a variety of current limitations, including allowing infinite links of any time, including built-in support for many more social media sites and additional action buttons. And the best part is that it will eventually be possible to reorder everything in the frame, including links, icons, and action buttons, however you want.
     57Currently, up to seven custom links may be used at a time. I am preparing a massive internal restructuring of this plugin which will remove a variety of current limitations, including allowing infinite links of any time, including built-in support for many more social media sites and additional action buttons.
    6158
    6259= Why default to customized pages showing the links? =
    63 This allows users to enter their links before the frame is actually show on your site. This option replaces an old option to activate the frame output; which would be redundant as this option does essentially the same thing. I try to minimize the number of unuseful options so that I can maximize the useful ones without bloating the plugin and making it take more than a couple minutes to set up.
    64 
    65 = Why is the twitter icon the bird instead of the t? =
    66 When I was preparing the new icon set for version 1.4.0, in order to add support for square corners, I realized that <a href="" target="_blank">Twitter actually wants people to use the bird</a>, NOT the t (twitter hasn't been using the t for some time now, and addoption has been quite slow, the bird is the standard now). Additionally, this icon is better suited for the cleaner, more streamlined look that this plugin seeks to use (as are all of the new icons). Finally, the t can easily be confused with the t icon for Tumblr...
    67 
    68 = My settings for a custom link disapeared when I said to hide it. Can I get them back or do I need to start over? =
     60This allows users to enter their links before the frame is actually show on your site. This option replaces an old option to activate the frame output; which would be redundant as this option does essentially the same thing. I try to minimize the number of useless options so that I can maximize the useful ones without bloating the plugin and making it take more than a couple minutes to set up.
     61
     62= My settings for a custom link disappeared when I said to hide it. Can I get them back or do I need to start over? =
    6963Any custom links that are hidden from your site will also be hidden from your settings page, by default. All of your settings, however, are saved. Simply click "Add Another Custom Link" and your previous settings will be pre-populated in the form.
    7064
    … …  
    7771Once you click on the "custom" color scheme option, all of the associated settings will appear. In general, options that are dependent on other options are hidden when they aren't available so that you don't need to read and scroll past them (creating a very convinient, user-friendly interface!).
    7872
    79 = Link to facebook homepage? =
    80 I could envision a scenario where you might want to do this. Blank links are automatically hidden (as you will rarely want to do something like this), but you can put an 'index.php' or '/' in the facebook url field if you want the homepage.
    81 
    82 = Custom Icon Field Details  =
    83 Enter the URL of or upload a new image for the custom url icon. Images will be resized horizontally to fit the frame size, but their aspect ratio will remain intact (use WordPress generated thumbnails - 150px by 150px - for square images). Rounded corners and other filters may be applied depending on your design settings.             
    84 
    8573== Screenshots ==
    86 1. A collage of uses of the plugin on various sites with various settings. Please visit <a href="http://celloexpressions.com/dev/floating-social-media-links/floating-social-media-links-screenshots/" target="_blank">this website</a> to view more, higher-resolution screenshots.
     741. A collage of uses of the plugin on various sites with various settings.
    87752. The Admin Settings Page, on the new Design tab, showing the theme-choosing interface with the various default themes.
    8876
Note: See TracChangeset for help on using the changeset viewer.