1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained Responsive Social Sharing Buttons 1.5.7

Adds Responsive Social Share Buttons to Threads, Pages & Sidebar

  1. SimonV

    SimonV Well-Known Member

    SimonV submitted a new resource:

    Ridiculously Responsive Social Sharing Buttons - Adds Responsive Social Share Buttons to Threads

    Read more about this resource...
     
    Brandon Sheley and Mirovinger like this.
  2. markku

    markku Well-Known Member

    Thanks for the great add-on. :)

    I manually changed the location of the buttons, was easy, just took the code from the template modification, disabled the template modification, applied it manually to thread_view...

    I didn't like the top placement; too distracting. And the bottom placement was too inconspicuous.

    I feel this is a good compromise:

    [​IMG]
     
  3. SimonV

    SimonV Well-Known Member

    I like the lower position you have there also, maybe when I have more time I will look at some position options for different placements. :) I just went with basic ones for a start.
     
    ogirginc, FredC and markku like this.
  4. Allan

    Allan Well-Known Member

    Good idea (y)
     
  5. Rho Delta

    Rho Delta Well-Known Member

    Looking forward to seeing this developed further.
     
    eberkund likes this.
  6. Echelon

    Echelon Active Member

    this is the ****!! ;-)
     
  7. Echelon

    Echelon Active Member

    can you add the buffer button please?
     
  8. SimonV

    SimonV Well-Known Member

    Is that a positive comment? ;)

    If buffer is a highly requested sharing method then sure, I can look into it for a future release.

    It would be fairly simple to add further shares manually to the template and css, you just wouldn't have a toggle option in the APC. The most difficult part for some might be getting the SVG code, if I have time I will put it together so you can manually add it to your site.
     
    Echelon likes this.
  9. Andy.N

    Andy.N Well-Known Member

    How is the performance of this code compared to the stock? http requests, file size?
     
    zastavra likes this.
  10. BassMan

    BassMan Well-Known Member

    Great add-on. Loads with page. No cookies installed when only viewing a page. Maybe I'll start to use social buttons (I don't use the core one now).

    Just a suggestion:

    - make buttons a bit smaller - regarding height (maybe an option in style properties)

    - this could be phrased: I thought you might like this (when clicking on Email button)
     
  11. Andy.N

    Andy.N Well-Known Member

    Is it possible to show share counts?
     
  12. BassMan

    BassMan Well-Known Member

    When viewing on mobile it looks like this:

    upload_2015-1-16_0-46-23.png
     
  13. SimonV

    SimonV Well-Known Member

    I have no idea, you would need to perform your own performance testing if its an important factor. There are not external calls and the icons are SVG so I would guess minimal.

    No, these are basic share buttons.

    You can customise the buttons in the CSS template SV_rrssbDefault.css
    Great suggestion on the Phrase, I will add to the next release.
     
    Andy.N likes this.
  14. BassMan

    BassMan Well-Known Member

    I know, just easier in sp. But no problem.

    Thank you.
     
  15. SimonV

    SimonV Well-Known Member

    There seems to be an anomoly in the footer shares as the top ones are fine, I will look at fixing for the next release.

    I'm also currently adding some responsive CSS options so you can set 100% for mobiles but have a narrower for desktops.
     
    BassMan likes this.
  16. Andy.N

    Andy.N Well-Known Member

    Look forward to the next version.
     
  17. Echelon

    Echelon Active Member

    Absolutely positive...i run 2 sociamediaplatforms so this is a top solution. Buffer would be incredible useful for me
     
  18. SimonV

    SimonV Well-Known Member


    There seems to be an issue with the js that I dont have the time to look into at the moment, it appears there is some anomaly causing an issue with the resizing. I reverted the code back to its original for testing and the issue still exists at certain screen sizes yet if I include more than one instance only the final instance has the issue (view this on a mobile or with chrome emulation and you will see): http://www.certforums.com/pages/rrssb/

    I have contacted the original creators to see if they can help as Im going to be too busy until next week to make any more progress.

    -------------------------

    @Echelon if you feel like helping me out with testing the code for buffer give this code a try and let me know if its OK. I don't use buffer so I don't know if it processing it correctly:

    add this to template: SV_rrssbShares in your desired location.

    HTML:
            <!-- START buffer button -->
                <li class="rrssb-buffer">
                    <a href="http://bufferapp.com/add?&amp;text={$thread.title}&amp;url={$url}" class="popup">
                        <span class="rrssb-icon">
                            <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
                             width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
                             preserveAspectRatio="xMidYMid meet">
                            <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                            fill="#000000" stroke="none">
                            <path d="M2465 5101 c-31 -8 -311 -137 -890 -409 -181 -85 -382 -178 -445
                            -207 -63 -29 -272 -127 -465 -217 -192 -90 -394 -184 -449 -209 -54 -24 -109
                            -54 -122 -66 -30 -28 -31 -68 -1 -94 12 -11 180 -93 372 -183 315 -147 1521
                            -709 1835 -856 146 -69 184 -80 265 -80 81 0 119 11 265 80 314 147 1520 709
                            1835 856 193 90 360 172 373 183 29 26 28 66 -2 94 -13 12 -68 42 -122 66 -55
                            25 -256 119 -449 209 -192 90 -402 188 -465 217 -63 29 -263 122 -445 207
                            -181 86 -454 213 -605 283 l-275 128 -90 3 c-49 2 -103 0 -120 -5z"/>
                            <path d="M625 2860 c-53 -11 -524 -235 -541 -257 -17 -23 -17 -53 0 -76 13
                            -17 267 -139 881 -425 297 -138 944 -440 1285 -600 l205 -97 110 0 110 0 205
                            97 c343 161 989 462 1295 605 920 428 901 417 879 481 -8 23 -46 44 -267 149
                            -220 103 -268 123 -325 129 -130 14 -29 56 -1483 -624 -140 -65 -273 -125
                            -295 -133 -50 -17 -188 -17 -238 0 -22 8 -155 68 -295 133 -1072 501 -1307
                            609 -1344 618 -49 11 -126 11 -182 0z"/>
                            <path d="M631 1479 c-52 -10 -506 -219 -538 -248 -30 -26 -29 -66 1 -94 13
                            -12 68 -42 122 -66 55 -25 257 -119 449 -209 193 -90 402 -188 465 -217 63
                            -29 264 -122 445 -207 182 -86 454 -213 605 -284 l275 -128 110 0 110 0 275
                            128 c151 71 424 198 605 284 182 85 382 178 445 207 63 29 273 127 465 217
                            193 90 394 184 449 209 54 24 109 54 122 66 30 28 31 68 2 94 -43 38 -490 239
                            -557 250 -131 23 -129 24 -891 -333 -135 -64 -398 -187 -585 -274 l-340 -159
                            -100 0 -100 0 -340 159 c-187 87 -450 210 -585 274 -773 362 -765 359 -909
                            331z"/>
                            </g>
                            </svg>
                        </span>
                        <span class="rrssb-text">buffer</span>
                    </a>
                </li>
            <!-- END buffer button -->
    add this to template: SV_rrssbDefault.css at the top of bottom is fine.

    HTML:
    .rrssb-buttons li.rrssb-buffer a {
        background-color: #323b43;
    }
    .rrssb-buttons li.rrssb-buffer a:hover {
        background-color: #252E36;
    }
     
  19. BassMan

    BassMan Well-Known Member

    Ok, thank you for your time. Looking forward for new information.
     
  20. BassMan

    BassMan Well-Known Member

    Actually the top one shows right only if the bottom one is enabled. If I use only top one (or only bottom), it shows the same as I've posted above.
     

Share This Page