WordPress.org

Plugin Directory


Ignore:
Timestamp:
04/20/13 09:41:26 (12 months ago)
Author:
celloexpressions
Message:

Fix W3C html(5) validation errors, document changes

Location:
floating-social-media-links/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • floating-social-media-links/trunk/floating-social-media-links.php

    r686670 r700670  
    151151                        'shbw' => 'black', 
    152152                        'frameshadow' => 'black', 
    153                         'fblikecolor' => 'light' 
     153                        'fblikecolor' => 'light', 
     154                        'customcss' => '' 
    154155        ); 
    155156        update_option('fsml_options', $arr); 
     
    181182//MUST be called after $options is defined, and $input must be passed 
    182183function fsml_perform_update( $version_from = '1.1.0', $input ) { 
    183     // additions in most recent version 
     184    // additions since most recent major version 
     185    if(!array_key_exists('customcss',$input)) 
     186        $input['customcss'] = ''; 
     187         
    184188    if(!array_key_exists('theme',$input)) 
    185189        $input['theme'] = 'custom'; 
     
    283287     
    284288    // update the plugin_version constant 
    285     $input['plugin_version'] = '1.5.0'; 
     289    $input['plugin_version'] = '1.5.1'; 
    286290     
    287291    $options = $input; 
     
    532536                        <b>Link/Image Previews</b><br /> 
    533537                        <a href="http://facebook.com/<?php echo $options['facebookurl']; ?>" target="_blank" title="<?php echo $options['facebookurltitle']; ?>" > 
    534                         <img src="<?php echo $fsmlimgbase . 'facebook.png'; ?>" class="fsml_testimg" /></a> 
     538                        <img src="<?php echo $fsmlimgbase . 'facebook.png'; ?>" alt="facebook" class="fsml_testimg" /></a> 
    535539                    </td> 
    536540                </tr> 
     
    548552                    <td> 
    549553                        <a href="http://youtube.com/<?php echo $options['youtubeurl']; ?>" target="_blank" title="<?php echo $options['youtubeurltitle']; ?>" > 
    550                         <img src="<?php  echo $fsmlimgbase . 'youtube.png'; ?>" class="fsml_testimg" /></a> 
     554                        <img src="<?php  echo $fsmlimgbase . 'youtube.png'; ?>" alt="youtube" class="fsml_testimg" /></a> 
    551555                    </td> 
    552556                </tr> 
     
    564568                    <td> 
    565569                        <a href="http://twitter.com/<?php echo $options['twitterurl']; ?>" target="_blank" title="<?php echo $options['twitterurltitle']; ?>" > 
    566                         <img src="<?php echo $fsmlimgbase . 'twitter.png'; ?>" class="fsml_testimg" /></a> 
     570                        <img src="<?php echo $fsmlimgbase . 'twitter.png'; ?>" alt="twitter" class="fsml_testimg" /></a> 
    567571                    </td> 
    568572                </tr> 
     
    585589                    <td> 
    586590                        <a href="<?php echo $options['customurl1']; ?>" target="_blank" title="<?php echo $options['customurltitle1']; ?>"> 
    587                         <img src="<?php echo $options['customurlimage1']; ?>" class="fsml_testimg" id="customurlimage1_preview"/></a> 
     591                        <img src="<?php echo $options['customurlimage1']; ?>" alt="custom image" class="fsml_testimg" id="customurlimage1_preview"/></a> 
    588592                    </td> 
    589593                </tr> 
     
    606610                    <td> 
    607611                        <a href="<?php echo $options['customurl2']; ?>" target="_blank" title="<?php echo $options['customurltitle2']; ?>"> 
    608                         <img src="<?php echo $options['customurlimage2']; ?>" class="fsml_testimg" id="customurlimage2_preview"/></a> 
     612                        <img src="<?php echo $options['customurlimage2']; ?>" class="fsml_testimg" alt="cutom image" id="customurlimage2_preview"/></a> 
    609613                    </td> 
    610614                </tr> 
     
    627631                    <td> 
    628632                        <a href="<?php echo $options['customurl3']; ?>" target="_blank" title="<?php echo $options['customurltitle3']; ?>"> 
    629                         <img src="<?php echo $options['customurlimage3']; ?>" class="fsml_testimg"  id="customurlimage3_preview"/></a> 
     633                        <img src="<?php echo $options['customurlimage3']; ?>" class="fsml_testimg"  alt="cutom image" id="customurlimage3_preview"/></a> 
    630634                    </td> 
    631635                </tr> 
     
    648652                    <td> 
    649653                        <a href="<?php echo $options['customurl4']; ?>" target="_blank" title="<?php echo $options['customurltitle4']; ?>"> 
    650                         <img src="<?php echo $options['customurlimage4']; ?>" class="fsml_testimg"  id="customurlimage4_preview"/></a> 
     654                        <img src="<?php echo $options['customurlimage4']; ?>" class="fsml_testimg"  alt="cutom image" id="customurlimage4_preview"/></a> 
    651655                    </td> 
    652656                </tr> 
     
    669673                    <td> 
    670674                        <a href="<?php echo $options['customurl5']; ?>" target="_blank" title="<?php echo $options['customurltitle5']; ?>"> 
    671                         <img src="<?php echo $options['customurlimage5']; ?>" class="fsml_testimg"  id="customurlimage5_preview"/></a> 
     675                        <img src="<?php echo $options['customurlimage5']; ?>" class="fsml_testimg"  alt="cutom image" id="customurlimage5_preview"/></a> 
    672676                    </td> 
    673677                </tr> 
     
    690694                    <td> 
    691695                        <a href="<?php echo $options['customurl6']; ?>" target="_blank" title="<?php echo $options['customurltitle6']; ?>"> 
    692                         <img src="<?php echo $options['customurlimage6']; ?>" class="fsml_testimg"  id="customurlimage6_preview"/></a> 
     696                        <img src="<?php echo $options['customurlimage6']; ?>" class="fsml_testimg"  alt="cutom image" id="customurlimage6_preview"/></a> 
    693697                    </td> 
    694698                </tr> 
     
    711715                    <td> 
    712716                        <a href="<?php echo $options['customurl7']; ?>" target="_blank" title="<?php echo $options['customurltitle7']; ?>"> 
    713                         <img src="<?php echo $options['customurlimage7']; ?>" class="fsml_testimg"  id="customurlimage7_preview"/></a> 
     717                        <img src="<?php echo $options['customurlimage7']; ?>" class="fsml_testimg"  alt="cutom image" id="customurlimage7_preview"/></a> 
    714718                    </td> 
    715719                </tr> 
     
    837841                <ul id="themes-list"> 
    838842                    <li><h4>Bright</h4> 
    839                         <img src="<?php echo plugins_url('/img/admin/theme-bright.png',__FILE__); ?>" id="theme-bright" onclick="setTheme('bright')" <?php if($theme == 'bright') echo 'class="selected-theme"'; ?> /><br/> 
     843                        <img src="<?php echo plugins_url('/img/admin/theme-bright.png',__FILE__); ?>" alt="bight theme" id="theme-bright" onclick="setTheme('bright')" <?php if($theme == 'bright') echo 'class="selected-theme"'; ?> /><br/> 
    840844                        <a href="http://celloexpressions.com/stable/fsml/live.php?theme=bright" target="_blank" title="Website Using FSML with Bright Theme">See live example &raquo;</a> 
    841845                    </li> 
    842846                    <li><h4>Dark</h4> 
    843                         <img src="<?php echo plugins_url('/img/admin/theme-dark.png',__FILE__); ?>" id="theme-dark" onclick="setTheme('dark')" <?php if($theme == 'dark') echo 'class="selected-theme"'; ?> /><br/> 
     847                        <img src="<?php echo plugins_url('/img/admin/theme-dark.png',__FILE__); ?>" alt="dark theme" id="theme-dark" onclick="setTheme('dark')" <?php if($theme == 'dark') echo 'class="selected-theme"'; ?> /><br/> 
    844848                        <a href="http://celloexpressions.com/stable/fsml/live.php?theme=dark" target="_blank" title="Website Using FSML with Dark Theme">See live example &raquo;</a> 
    845849                    </li> 
    846850                    <li><h4>Elegant</h4> 
    847                         <img src="<?php echo plugins_url('/img/admin/theme-elegant.png',__FILE__); ?>" id="theme-elegant" onclick="setTheme('elegant')" <?php if($theme == 'elegant') echo 'class="selected-theme"'; ?> /><br/> 
     851                        <img src="<?php echo plugins_url('/img/admin/theme-elegant.png',__FILE__); ?>" alt="elegant theme" id="theme-elegant" onclick="setTheme('elegant')" <?php if($theme == 'elegant') echo 'class="selected-theme"'; ?> /><br/> 
    848852                        <a href="http://celloexpressions.com/stable/fsml/live.php?theme=elegant" target="_blank" title="Website Using FSML with Elegant Theme">See live example &raquo;</a> 
    849853                    </li> 
    850854                    <li><h4>Subtle</h4> 
    851                         <img src="<?php echo plugins_url('/img/admin/theme-subtle.png',__FILE__); ?>" id="theme-subtle" onclick="setTheme('subtle')" <?php if($theme == 'subtle') echo 'class="selected-theme"'; ?> /><br/> 
     855                        <img src="<?php echo plugins_url('/img/admin/theme-subtle.png',__FILE__); ?>" alt="subtle theme" id="theme-subtle" onclick="setTheme('subtle')" <?php if($theme == 'subtle') echo 'class="selected-theme"'; ?> /><br/> 
    852856                        <a href="http://celloexpressions.com/stable/fsml/live.php?theme=subtle" target="_blank" title="Website Using FSML with Subtle Theme">See live example &raquo;</a> 
    853857                    </li> 
    854858                    <li><h4>Contrast</h4> 
    855                         <img src="<?php echo plugins_url('/img/admin/theme-contrast.png',__FILE__); ?>" id="theme-contrast" onclick="setTheme('contrast')" <?php if($theme == 'contrast') echo 'class="selected-theme"'; ?> /><br/> 
     859                        <img src="<?php echo plugins_url('/img/admin/theme-contrast.png',__FILE__); ?>" alt="contrast theme" id="theme-contrast" onclick="setTheme('contrast')" <?php if($theme == 'contrast') echo 'class="selected-theme"'; ?> /><br/> 
    856860                        <a href="http://celloexpressions.com/stable/fsml/live.php?theme=contrast" target="_blank" title="Website Using FSML with Contrast Theme">See live example &raquo;</a> 
    857861                    </li> 
    858862                    <li><h4>Customize...</h4> 
    859                         <img src="<?php echo plugins_url('/img/admin/theme-custom.png',__FILE__); ?>" id="theme-customize" onclick="setTheme('custom')" <?php if($theme == 'custom') echo 'class="selected-theme"'; ?> /><br/> 
     863                        <img src="<?php echo plugins_url('/img/admin/theme-custom.png',__FILE__); ?>" alt="custom theme" id="theme-customize" onclick="setTheme('custom')" <?php if($theme == 'custom') echo 'class="selected-theme"'; ?> /><br/> 
    860864                        Show all options, with values set to those of the most recent theme. 
    861865                    </li> 
     
    981985                    </td> 
    982986                </tr> 
     987                <!-- Custom CSS --> 
     988                <tr valign="top" class="dadvanced"> 
     989                    <th scope="row">Custom CSS</th> 
     990                    <td> 
     991                        <p>If you would like to add custom css to modify any plugin styling, place it here to ensure that it will override all other FSML CSS styles.</p> 
     992                        <textarea name="fsml_options[customcss]"><?php echo $options['customcss']; ?></textarea> 
     993                    </td> 
     994                </tr> 
    983995            </table> 
    984996             
     
    11791191function fsml_output_head(){ 
    11801192//echo the html stylesheet embed code (enqueueing places them in the footer, which breaks the custom options) 
    1181 //other appearance settings override these with in-document css in <style> tags 
     1193//detailed appearance settings override these with css in <style> tags 
    11821194//these need to go in the head so that the overriding options can happen in the body (footer) 
    1183     echo '<link rel="stylesheet" id="fsmlStyleSheet-1-5-0" href="' . plugins_url('fsml-base.css?ver=1.5.0', __FILE__) . '" type="text/css" media="all" />'; 
     1195    echo '<link rel="stylesheet" id="fsmlStyleSheet-1-5-1" href="' . plugins_url('fsml-base.css?ver=1.5.1', __FILE__) . '" type="text/css" media="all" />'; 
    11841196    if(fsml_897_getOption('metaviewport')) { 
    11851197        echo '<!-- From Floating Social Media Links: --><meta name="viewport" content="width=device-width" />'; 
    11861198    } 
     1199     
     1200    // prepare the main plugin settings/options and output as css 
     1201     
     1202    // set the styles for the various options (these aren't in external stylesheets because of the high level of variance on an option-by-option basis) 
     1203    // thus we avoid having 10 external stylesheets taking up diskspace and confusing condintionality including them 
     1204    // however we do increase the size of this file and the lenghth of its excecution time 
     1205    if (fsml_897_getOption('frameshadow') == 'white') { 
     1206        $frameshadowcolor = '#fff'; 
     1207    } 
     1208    else { 
     1209        $frameshadowcolor = '#000'; 
     1210    } 
     1211    //set up colorschemes 
     1212    $thebackgroundcolor_897 = fsml_897_getOption('backgroundcolor'); 
     1213    $thebordercolor_897 = fsml_897_getOption('bordercolor');     
     1214    if (fsml_897_getOption('colorscheme') == 'dark') { 
     1215        $thebackgroundcolor_897 = '#222'; 
     1216        $thebordercolor_897 = '#050505'; 
     1217        $frameshadowcolor = '#000'; 
     1218    } 
     1219    if (fsml_897_getOption('colorscheme') == 'light') { 
     1220        $thebackgroundcolor_897 = '#fff'; 
     1221        $thebordercolor_897 = '#ddd'; 
     1222        $frameshadowcolor = '#000'; 
     1223    } 
     1224    //set up hover effect option output 
     1225    $fsmlhovereffectcss = ''; 
     1226    if (fsml_897_getOption('hovereffect') == 'no') { 
     1227        $fsmlhovereffectcss = 'img.fsml_fficon { opacity:1; } '; 
     1228    } 
     1229    elseif (fsml_897_getOption('hovereffect') == 'border') { 
     1230        // deprecated 
     1231        $fsmlhovereffectcss = ''; 
     1232    } 
     1233    elseif(fsml_897_getOption('hovereffect') == 'yes') { 
     1234        // fade, but no border, already in base css by default 
     1235    } 
     1236    //prepare the vertical position 
     1237    $fsml_897_top = 0; 
     1238    $fsml_897_top_un = 'px'; 
     1239    $fsml_897_top = fsml_897_getOption('customtop'); 
     1240    if(fsml_897_getOption('topunits')) { 
     1241        $fsml_897_top_un = fsml_897_getOption('topunits'); 
     1242        if($fsml_897_top_un == 'pct') { 
     1243            $fsml_897_top_un = '%'; 
     1244        } 
     1245    } 
     1246    //set up border radius 
     1247    switch(fsml_897_getOption('borderradius')) { 
     1248        case('wide'): $brsize = '20px'; break; 
     1249        case('med'): $brsize = '12px'; break; 
     1250        case('small'): $brsize = '6px'; break; 
     1251        case('none'): $brsize = '0'; break; 
     1252        case('custom'): $brsize = fsml_897_getOption('custombr').'px'; break; 
     1253        default:  $brsize = '12px'; break; 
     1254    } 
     1255    $fhmargin = '1%'; 
     1256    //set up all 6 widths 
     1257    switch(fsml_897_getOption('size')) { 
     1258        case 'fsmall': $framewidth = '43px'; $bmargin = '3px'; break; 
     1259        case 'fnormal': $framewidth = '60px'; $bmargin = '5px'; break; 
     1260        case 'flarge': $framewidth = '70px'; $bmargin = '7px'; break; 
     1261        case 'dsmall': $framewidth = '3.4%'; $bmargin = '3px'; $fhmargin = '.3%'; break; 
     1262        case 'dnormal': $framewidth = '4%'; $bmargin = '5px'; $fhmargin = '.5%'; break; 
     1263        case 'dlarge': $framewidth = '5.6%'; $bmargin = '7px'; $fhmargin = '.7%'; break; 
     1264    }    
     1265    $fsmlcustomwidth_897 = fsml_897_getOption('customwidth'); 
     1266    if($fsmlcustomwidth_897){ 
     1267        if(fsml_897_getOption('fixeddynamic') == 'dynamic') 
     1268            $framewidth = $fsmlcustomwidth_897 . '%'; 
     1269        else 
     1270            $framewidth = $fsmlcustomwidth_897 . 'px'; 
     1271    } 
     1272    echo ('<style type="text/css">/*disclaimer: this css is php-generated, so while it isnt pretty here it does look fine where its generated*/' 
     1273        . $fsmlhovereffectcss .  
     1274        '#fsml_ff, #fsml_ffhidden, #fsml_fblikemodal { 
     1275            background-color: ' . $thebackgroundcolor_897 .  
     1276                '; border: 2px solid ' . $thebordercolor_897 . '; '); 
     1277        if (fsml_897_getOption('shadow') != 'no') { echo ' box-shadow: 0 0 2px ' . $frameshadowcolor . '; '; } 
     1278        else { echo 'box-shadow: none;'; } 
     1279        if ( fsml_897_getOption('border') != 'yes' || fsml_897_getOption('fixeddynamic') == 'dynamic' ) { echo 'border: none;'; } 
     1280    echo '}'; 
     1281    if(fsml_897_getOption('leftright') == 'right'){ 
     1282        echo ' #fsml_ff, #fsml_ffhidden { right: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}'; 
     1283        echo ' #fsml_fblikemodal { left: -185px; }'; 
     1284        echo '.fsml_xlr { right: 0; }'; 
     1285        echo ' #fsml_ff { border-radius: ' . $brsize . '; '; 
     1286        if(fsml_897_getOption('closeoption') != 'no'){ 
     1287            echo 'border-top-right-radius: 0; '; 
     1288        } 
     1289        echo '}'; 
     1290        // everything else is set to be on the right by default 
     1291    } 
     1292    else { 
     1293        echo ' #fsml_ff, #fsml_ffhidden { left: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}'; 
     1294        echo ' #fsml_fblikemodal { right: -185px; }'; 
     1295        echo ' #fsml_ff { border-radius: ' . $brsize . '; }'; 
     1296        if(fsml_897_getOption('closeoption') != 'no'){ 
     1297            echo ' #fsml_ff { border-top-left-radius: 0; }'; 
     1298        } 
     1299        echo '.fsml_xlr { left: 0; } #fsml_edit { right: 8px; }'; 
     1300        echo ' #fsml_ffhidden { border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } '; 
     1301    } 
     1302    if( $brsize == 0 ) 
     1303        echo '#fsml_ffmain img { border-radius: 0; }'; 
     1304     
     1305    //widths, other size-associated css 
     1306    echo '#fsml_ff { width: ' . $framewidth . '; margin: 0 ' . $fhmargin . '; } '; 
     1307    echo '.fsml_fflink img, #fsml_twfollow, img#fsml_ytsub { margin-bottom: ' . $bmargin . '; }'; 
     1308     
     1309    if (fsml_897_getOption('fblike') && fsml_897_getOption('fbresize')){ echo '#fsml_ff{ min-width: 61px; }'; } 
     1310    if ( is_user_logged_in() ) { echo '#fsml_ff, #fsml_ffhidden{ margin-top: 28px; }'; } 
     1311    // target small screens (mobile devices or small desktop windows) 
     1312    if (fsml_897_getOption('hidefromsmall')){ 
     1313        echo ' 
     1314            @media only screen and (max-width: ' . fsml_897_getOption('hidesize') . 'px) {   
     1315                /* hide the floating links frame on small mobile devices in case of overlap issues presented by some themes */ 
     1316                #fsml_ff {display: none;} 
     1317                #fsml_ffhidden {display: none;} 
     1318        }'; 
     1319    } 
     1320    if(fsml_897_getOption('framehovereffect') == 'yes'){ 
     1321        echo '#fsml_ff,  
     1322        #fsml_ffhidden { 
     1323            opacity: 0.5; 
     1324        } 
     1325        #fsml_ff:hover,  
     1326        #fsml_ffhidden:hover { 
     1327            opacity: 1; 
     1328        }'; 
     1329    } 
     1330    if(fsml_897_getOption('grayscaleicons')){ 
     1331        echo '/* Grayscale Images */ 
     1332        #fsml_ff img { 
     1333            filter: url('.plugins_url('filters.svg#grayscale',__FILE__).'); /* Firefox 3.5+ */ 
     1334            filter: gray; /* IE6-9 */ 
     1335            filter: grayscale(100%); /* Current draft standard */ 
     1336            -webkit-filter: grayscale(1); /* Old Webkit */ 
     1337            -webkit-filter: grayscale(100%); /* New WebKit */ 
     1338            -moz-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */  
     1339            -ms-filter: grayscale(100%); /* no css solution for IE 10 */ 
     1340            -o-filter: grayscale(100%);  
     1341        } 
     1342        #fsml_ff img:hover { 
     1343            filter: none; 
     1344            -webkit-filter: grayscale(0); 
     1345            -moz-filter: grayscale(0); 
     1346            -ms-filter: grayscale(0); 
     1347            -o-filter: grayscale(0); 
     1348        }'; 
     1349    } 
     1350    echo '/*custom css styling:*/ 
     1351        '.fsml_897_getOption('customcss'); 
     1352    echo '</style>' ; 
     1353     
     1354    if(fsml_897_getOption('ie7fix')){ ?> 
     1355        <!--[if lt IE 8]> 
     1356            <style type="text/css"> 
     1357                .fsml_fficon { width: 50px; min-width: 100%; } 
     1358                .fsml_fficon:hover { width:100%; padding:0; } 
     1359            </style> 
     1360        <![endif]--> 
     1361    <?php } 
    11871362} 
    11881363 
     
    12241399         
    12251400        $fsml_897_xurl = '/img/x.png'; 
    1226         $thebackgroundcolor_897 = fsml_897_getOption('backgroundcolor'); 
    1227         $thebordercolor_897 = fsml_897_getOption('bordercolor'); 
    12281401        $fsml_897_plusurl = '/img/plus.png'; 
    1229         $frameshadowcolorsetting = fsml_897_getOption('frameshadow'); 
    1230         $frameshadowyn = fsml_897_getOption('shadow'); 
    1231         $fsmlborderradius_897 = fsml_897_getOption('borderradius'); 
    1232         $fsmlcustombr = fsml_897_getOption('custombr'); 
    1233         $fsmlsize_897 = fsml_897_getOption('size'); 
    1234         $fsmlcustomwidth_897 = fsml_897_getOption('customwidth'); 
    12351402         
    12361403        //override the custom link options for any custom dynamic links passed through floating_social_media_links() 
     
    12421409            $thecustomurl3_897 = $phplink3; 
    12431410 
    1244         // set the styles for the various options (these aren't in external stylesheets because of the high level of variance on an option-by-option basis) 
    1245         // thus we avoid having 10 external stylesheets taking up diskspace and confusing condintionality including them 
    1246         // however we do increase the size of this file and the lenghth of its excecution time 
    1247         if ($frameshadowcolorsetting == 'white') { 
    1248             $frameshadowcolor = '#fff'; 
    1249         } 
    1250         else { 
    1251             $frameshadowcolor = '#000'; 
    1252         } 
    12531411        //set up colorschemes 
    12541412        if (fsml_897_getOption('colorscheme') == 'dark') { 
    12551413            $fsml_897_xurl = '/img/x-dark.png'; 
    12561414            $fsml_897_plusurl = '/img/plusdark.png'; 
    1257             $thebackgroundcolor_897 = '#222'; 
    1258             $thebordercolor_897 = '#050505'; 
    1259             $frameshadowcolor = '#000'; 
    1260         } 
    1261         if (fsml_897_getOption('colorscheme') == 'light') { 
    1262             $thebackgroundcolor_897 = '#fff'; 
    1263             $thebordercolor_897 = '#ddd'; 
    1264             $frameshadowcolor = '#000'; 
    1265         } 
    1266          if(fsml_897_getOption('colorscheme') == "custom" && fsml_897_getOption('shbw') == 'white') { 
     1415        } 
     1416         elseif(fsml_897_getOption('colorscheme') == "custom" && fsml_897_getOption('shbw') == 'white') { 
    12671417            $fsml_897_xurl = '/img/x-dark.png'; 
    12681418            $fsml_897_plusurl = '/img/plusdark.png'; 
    12691419        } 
    1270         //set up hover effect option output 
    1271         $fsmlhovereffectcss = ''; 
    1272         if (fsml_897_getOption('hovereffect') == 'no') { 
    1273             $fsmlhovereffectcss = 'img.fsml_fficon {opacity:1; filter:alpha(opacity=100);} '; 
    1274         } 
    1275         elseif (fsml_897_getOption('hovereffect') == 'yes') { 
    1276             // fade, but no border, already in base css by default 
    1277         } 
    1278         elseif (fsml_897_getOption('hovereffect') == 'border') { 
    1279             // deprecated 
    1280             $fsmlhovereffectcss = ''; 
    1281         } 
    1282         //prepare the vertical position 
    1283         $fsml_897_top = 0; 
    1284         $fsml_897_top_un = 'px'; 
    1285         $fsml_897_top = fsml_897_getOption('customtop'); 
    1286         if(fsml_897_getOption('topunits')){ 
    1287             $fsml_897_top_un = fsml_897_getOption('topunits'); 
    1288             if($fsml_897_top_un == 'pct') { 
    1289                 $fsml_897_top_un = '%'; 
    1290             } 
    1291         } 
    1292  
    1293         //set up border radius 
    1294         switch($fsmlborderradius_897) { 
    1295             case('wide'): $brsize = '20px'; break; 
    1296             case('med'): $brsize = '12px'; break; 
    1297             case('small'): $brsize = '6px'; break; 
    1298             case('none'): $brsize = '0'; break; 
    1299             case('custom'): $brsize = $fsmlcustombr.'px'; break; 
    1300             default:  $brsize = '12px'; break; 
    1301         } 
    1302          
    1303         $fhmargin = '1%'; 
    1304         //set up all 6 widths 
    1305         switch($fsmlsize_897) { 
    1306             case 'fsmall': $framewidth = '43px'; $bmargin = '3px'; break; 
    1307             case 'fnormal': $framewidth = '60px'; $bmargin = '5px'; break; 
    1308             case 'flarge': $framewidth = '70px'; $bmargin = '7px'; break; 
    1309             case 'dsmall': $framewidth = '3.4%'; $bmargin = '3px'; $fhmargin = '.3%'; break; 
    1310             case 'dnormal': $framewidth = '4%'; $bmargin = '5px'; $fhmargin = '.5%'; break; 
    1311             case 'dlarge': $framewidth = '5.6%'; $bmargin = '7px'; $fhmargin = '.7%'; break; 
    1312         } 
    1313         if($fsmlcustomwidth_897){ 
    1314             if(fsml_897_getOption('fixeddynamic') == 'dynamic') 
    1315                 $framewidth = $fsmlcustomwidth_897 . '%'; 
    1316             else 
    1317                 $framewidth = $fsmlcustomwidth_897 . 'px'; 
    1318         } 
    1319         echo ('<style type="text/css">/*disclaimer: this css is php-generated, so while it isnt pretty here it does look fine where its generated*/' 
    1320             . $fsmlhovereffectcss .  
    1321             '#fsml_ff, #fsml_ffhidden, #fsml_fblikemodal { 
    1322                 background-color: ' . $thebackgroundcolor_897 .  
    1323                     '; border: 2px solid ' . $thebordercolor_897 . '; '); 
    1324             if ($frameshadowyn != 'no') { echo ' box-shadow: 0 0 2px ' . $frameshadowcolor . '; '; } 
    1325             else { echo 'box-shadow: none;'; } 
    1326             if ( fsml_897_getOption('border') != 'yes' || fsml_897_getOption('fixeddynamic') == 'dynamic' ) { echo 'border: none;'; } 
    1327         echo '}'; 
    1328         if(fsml_897_getOption('leftright') == 'right'){ 
    1329             echo ' #fsml_ff, #fsml_ffhidden { right: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}'; 
    1330             echo ' #fsml_fblikemodal { left: -185px; }'; 
    1331             echo '.fsml_xlr { right: 0; }'; 
    1332             echo ' #fsml_ff { border-radius: ' . $brsize . '; '; 
    1333             if(fsml_897_getOption('closeoption') != 'no'){ 
    1334                 echo 'border-top-right-radius: 0; '; 
    1335             } 
    1336             echo '}'; 
    1337             // everything else is set to be on the right by default 
    1338         } 
    1339         else { 
    1340             echo ' #fsml_ff, #fsml_ffhidden { left: 0;  top: ' . $fsml_897_top . $fsml_897_top_un . ';}'; 
    1341             echo ' #fsml_fblikemodal { right: -185px; }'; 
    1342             echo ' #fsml_ff { border-radius: ' . $brsize . '; }'; 
    1343             if(fsml_897_getOption('closeoption') != 'no'){ 
    1344                 echo ' #fsml_ff { border-top-left-radius: 0; }'; 
    1345             } 
    1346             echo '.fsml_xlr { left: 0; } #fsml_edit { right: 8px; }'; 
    1347             echo ' #fsml_ffhidden { border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } '; 
    1348         } 
    1349         if( $brsize == 0 ) 
    1350             echo '#fsml_ffmain img { border-radius: 0; }'; 
    1351          
    1352         //widths, other size-associated css 
    1353         echo '#fsml_ff { width: ' . $framewidth . '; margin: 0 ' . $fhmargin . '; } '; 
    1354         echo '.fsml_fflink img, #fsml_twfollow, img#fsml_ytsub { margin-bottom: ' . $bmargin . '; }'; 
    1355          
    1356         if (fsml_897_getOption('fblike') && fsml_897_getOption('fbresize')){ echo '#fsml_ff{ min-width: 61px; }'; } 
    1357         if ( is_user_logged_in() ) { echo '#fsml_ff, #fsml_ffhidden{ margin-top: 28px; }'; } 
    1358         // target small screens (mobile devices or small desktop windows) 
    1359         if (fsml_897_getOption('hidefromsmall')){ 
    1360             echo ' 
    1361                 @media only screen and (max-width: ' . fsml_897_getOption('hidesize') . 'px) {   
    1362                     /* hide the frame on small mobile devices in case of overlap issues presented by some themes (twentyeleven)*/ 
    1363                     #fsml_ff {display: none;} 
    1364                     #fsml_ffhidden {display: none;} 
    1365             }'; 
    1366         } 
    1367         if(fsml_897_getOption('framehovereffect') == 'yes'){ 
    1368             echo '#fsml_ff,  
    1369             #fsml_ffhidden { 
    1370                 opacity: 0.5; 
    1371             } 
    1372             #fsml_ff:hover,  
    1373             #fsml_ffhidden:hover { 
    1374                 opacity: 1; 
    1375             }'; 
    1376         } 
    1377         if(fsml_897_getOption('grayscaleicons')){ 
    1378             echo '/* Grayscale Images */ 
    1379             #fsml_ff img { 
    1380                 filter: url('.plugins_url('filters.svg#grayscale',__FILE__).'); /* Firefox 3.5+ */ 
    1381                 filter: gray; /* IE6-9 */ 
    1382                 filter: grayscale(100%); /* Current draft standard */ 
    1383                 -webkit-filter: grayscale(1); /* Old Webkit */ 
    1384                 -webkit-filter: grayscale(100%); /* New WebKit */ 
    1385                 -moz-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */  
    1386                 -ms-filter: grayscale(100%); /* no css solution for IE 10 */ 
    1387                 -o-filter: grayscale(100%);  
    1388             } 
    1389             #fsml_ff img:hover { 
    1390                 filter: none; 
    1391                 -webkit-filter: grayscale(0); 
    1392                 -moz-filter: grayscale(0); 
    1393                 -ms-filter: grayscale(0); 
    1394                 -o-filter: grayscale(0); 
    1395             }'; 
    1396         } 
    1397         echo '</style>' ; 
     1420 
    13981421 
    13991422        // prepare the jquery for showing and hiding the frame 
     
    14201443                } 
    14211444           </script> 
    1422            <?php $fblikecode = '<img src="'.plugins_url('/img/like.png',__FILE__).'" id="fsml_fblike" onclick="fsml_openfblike()" />'; 
     1445           <?php $fblikecode = '<img src="'.plugins_url('/img/like.png',__FILE__).'" alt="facebook like button" id="fsml_fblike" onclick="fsml_openfblike()" />'; 
    14231446            $fbmodalcode = '<div id="fsml_fblikemodal" style="display:none;"> 
    1424                 <iframe id="fsml_fblikeframe" frameborder="0" ></iframe><hr/> 
     1447                <iframe id="fsml_fblikeframe" ></iframe><hr/> 
    14251448                <a href="javascript:void(0)" id="fsml_closefbmodal" onclick="fsml_closefblikemodal()">close</a> 
    14261449            </div>'; 
     
    14291452        $twfollowcode = ''; 
    14301453        if(fsml_897_getOption('twfollow') && $thetwitterurl_897 != ''){ 
    1431             $twfollowcode = '<a href="https://twitter.com/intent/follow?screen_name=' . $thetwitterurl_897 . '" target="_blank"><img src="' . $fsmlbaseurl_897 . '/img/follow.png" id="fsml_twfollow" title="Follow @' . $thetwitterurl_897 . ' on Twitter"/></a>'; 
     1454            $twfollowcode = '<a href="https://twitter.com/intent/follow?screen_name=' . $thetwitterurl_897 . '" target="_blank"><img src="' . $fsmlbaseurl_897 . '/img/follow.png" alt="twitter follow button" id="fsml_twfollow" title="Follow @' . $thetwitterurl_897 . ' on Twitter"/></a>'; 
    14321455        } 
    14331456         
     
    14371460                '<img src="' . plugins_url('/img/subscribe.png', __FILE__) . '" alt="Subscribe on YouTube" id="fsml_ytsub" title="Subscribe to ' . $theyoutubeurl_897 . '\'s Youtube Channel" /></a>'; 
    14381461        } 
    1439         if(fsml_897_getOption('ie7fix')){ ?> 
    1440             <!--[if lt IE 8]> 
    1441                 <style type="text/css"> 
    1442                     .fsml_fficon { width: 50px; min-width: 100%; } 
    1443                     .fsml_fficon:hover { width:100%; padding:0; } 
    1444                 </style> 
    1445             <![endif]--> 
    1446         <?php } ?>   
     1462        ?>   
    14471463        <!--the floating frame--> 
    14481464        <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').';"'; } ?>> 
    1449             <?php if (fsml_897_getOption('closeoption') != 'no') { ?> <img src="<?php echo ($fsmlbaseurl_897 . $fsml_897_xurl); ?>" 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 } ?> 
     1465            <?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 } ?> 
    14501466            <?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>'; } ?> 
    14511467            <?php echo $fbmodalcode; ?> 
     
    14611477            ?> 
    14621478                <?php //standard links 
    1463                 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" title="' . $thefacebookurltitle_897 . '" class="fsml_fficon" /></a>'); } 
     1479                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>'); } 
    14641480                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $fblikecode; } 
    1465                 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" title="' . $theyoutubeurltitle_897 . '" class="fsml_fficon" /></a>'); } 
     1481                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>'); } 
    14661482                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $ytsubcode; } 
    1467                 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" title="' . $thetwitterurltitle_897 . '" class="fsml_fficon" /></a>'); } 
     1483                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>'); } 
    14681484                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $twfollowcode; } 
    14691485                //custom links - don't need to check for blank, because automatically must contain a min. of http:// ... 
     
    14811497        </div> 
    14821498        <?php if (fsml_897_getOption('closeoption') == 'yes' || fsml_897_getOption('closeoption') == 'starthidden') { ?> 
    1483             <div id="fsml_ffhidden"  class="fsml_showhide" <?php if (fsml_897_getOption('closeoption') == 'starthidden' ) { echo 'style="display:block;"'; } else { echo 'style="display:none"'; }  if (fsml_897_getOption('customzindex')){ echo 'style="z-index: '.fsml_897_getOption('customzindex').';"'; } ?>> 
    1484                 <img src="<?php echo $fsmlbaseurl_897 . $fsml_897_plusurl; ?>" alt="expand" onclick="fsmlShow('<?php echo $hsan; ?>')" title="<?php echo $expandtitle; ?>" class="fsmlopenclose"/> 
     1499            <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').';'; } ?>"> 
     1500                <img src="<?php echo $fsmlbaseurl_897 . $fsml_897_plusurl; ?>" alt="show" onclick="fsmlShow('<?php echo $hsan; ?>')" title="<?php echo $expandtitle; ?>" class="fsmlopenclose"/> 
    14851501            </div> 
    14861502        <?php } 
  • floating-social-media-links/trunk/fsml-base.css

    r686670 r700670  
    8484} 
    8585img.fsml_fficon { 
    86     width: 100%;  
    87     border-radius: 8px;  
     86    width: 100%; 
     87    border-radius: 8px; 
    8888    border: none; 
    89     opacity:0.65;  
    90     filter:alpha(opacity=65); 
     89    opacity:0.65; 
    9190    margin: 0; 
    9291    padding: 0; 
     
    9695} 
    9796img.fsml_fficon:hover { 
    98     opacity:1;  
    99     filter:alpha(opacity=100); 
     97    opacity:1; 
    10098} 
    10199.fsml_showhide:hover { 
  • floating-social-media-links/trunk/readme.txt

    r686670 r700670  
    9494== Changelog == 
    9595= 1.5.1 = 
    96 * Improve compatibility with TwentyThirteen and other themes 
     96* Improve compatibility with TwentyThirteen and other themes by explicitly specifying box-sizing for plugin elements 
     97* Plugin's html output is now valid per W3C guidelines (there were a few minor issues previously) 
    9798*  
    9899 
     
    222223* Compatible with Wordpress 3.3.0 through 3.4.0 
    223224 
    224 = 0.8 = 
    225 * This and all previous versions are initial development versions 
    226  
    227225== Upgrade Notice == 
    228 = 1.5.0 = 
    229 WordPress 3.5 is now required to use color pickers and upload images directly. Big update with a new design settings page and frame themes, as well as a new facebook like button UI. Bugfixes and other front-end design modernizations too. 
     226= 1.5.1 = 
     227Minor housekeeping update addressing a minor css bug and html validation. WordPress 3.5 is required as of version 1.5.0.  
Note: See TracChangeset for help on using the changeset viewer.