Site5

Menu

Support Forums

Social buttons and question

Home Forums SimpleBright Social buttons and question

Tagged: 

This topic contains 22 replies, has 8 voices, and was last updated by  davidparker3132 2 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
  • #13413

    smontag
    Participant

    Hi,

    I would like to add some social media buttons (Pinterest and Google+ for example) but I didn’t succeed.
    Here is my website (in progress) http://www.ms-cooking.fr/nouveausite
    You will see, at the top of the page, on the right.

    Also, is it possible to add HTML code in the “Blurb Content” (Theme options), indeed I would like to add some pictures and links sometimes (because I guess we couldn’t put links on the slider pictures)

    Thanks a lot for you answers.

    Sabrina

    #13414

    smontag
    Participant

    Oups, another question (sorry): How can you delete the effect on the header ? (opacity)
    Thank you !

    #13491

    smontag
    Participant

    Hello,
    Could someone help me please? :/
    Thanks a lot.

    #13492

    Guido
    Participant

    Hi,

    I do not understand which effect you mean, please give me more info.

    Guido

    #13493

    smontag
    Participant

    I am talking about the header effect, when we want to click on the header, the opacity is changing… Is it clearer ? :/

    #13639

    smontag
    Participant

    Hello,
    Nobody has a solution for me ? First to add some social buttons on the top of the home, and next to delete the “effect” of the header when we want to click on it.
    Thanks a lot.
    Sabrina

    #14103

    smontag
    Participant

    Hi,
    I really need help, to fix the social buttons at the top of my home page, could someone help me please?
    http://www.ms-cooking.fr/nouveausite/
    Thanks
    Sabrina

    #14116

    Guido
    Participant

    The logo image:
    Open file behaviours and remove code block starting with:
    /********** logo fading function **********/

    Social Media:
    Please give me the code of your social mediabuttons, I will work on it so icons are displayed next to each other.

    Guido

    #14122

    smontag
    Participant

    Thanks a lot Guido. Below the css and the php code concerning my social buttons… I hope that it will help you to understand my pb.
    Sabrina

    STYLE.CSS :
    —————-

    header #socialIcons .twitter {
    background:url(library/images/ico_twitter.png) 0 0 no-repeat;
    }

    header #socialIcons .facebook {
    background:url(library/images/ico_facebook.png) 0 0 no-repeat;
    }

    header #socialIcons .pinterest{
    background:url(library/images/ico_pinterest.png) 0 0 no-repeat;
    }

    header #socialIcons .google{
    background:url(library/images/ico_google.png) 0 0 no-repeat;
    }

    HEADER.PHP :
    ———————-

    <!– begin #socialIcons –>
    <div id=”socialIcons”>
    ” target=”_blank” class=”twitter tooltip” title=”<?php _e( ‘Suivez nous sur Twitter’, ‘site5framework’ ); ?>”><?php _e( ‘Suivez nous sur Twitter’, ‘site5framework’ ); ?>
    ” target=”_blank” class=”facebook tooltip” title=”<?php _e( ‘Suivez nous sur Facebook’, ‘site5framework’ ); ?>”><?php _e( ‘Suivez nous sur Facebook’, ‘site5framework’ ); ?>
    “><?php _e( ‘Suivez nous sur Pinterest’, ‘site5framework’ ); ?>
    “><?php _e( ‘Suivez nous sur Google +’, ‘site5framework’ ); ?>
    </div>
    <!– end #socialIcons –>

    #14124

    Guido
    Participant

    I thought you where using your own code but now I think your are using the default code with other icons?
    You only replaced it from left to right?

    Guido

    #14153

    smontag
    Participant

    Yes that’s right ! I just want to add 2 social buttons and I tried to adapt the default code…
    Could you help me ?

    Thank you

    Sabrina.

    #14163

    Guido
    Participant

    Hi,

    1) Open file social (folder admin > options) and duplicate code (2x) and rename it pinterest and google
    2) Open file header and duplicate code (2x) and rename it pinterest and google
    3) Find pinterest and google png icons (23×23) via Google and add them into folder library > images
    4) Open file style and duplicate facebook and twitter code and rename it pinterest and google
    5) Change this line in same file:
    header #socialIcons .twitter, header #socialIcons .facebook {
    Into this:
    header #socialIcons .twitter, header #socialIcons .facebook, header #socialIcons .pinterest, header #socialIcons .google {

    Guido

    #14305

    Gericare
    Participant

    Guido where do one finds file behaviors?

    #14306

    Gericare
    Participant

    smontag, how did you changed the colors of the arrow from hot pink to green…. I want to change to blue

    #14329

    Guido
    Participant

    That file is located in folder \library\js

    Guido

Viewing 15 posts - 1 through 15 (of 23 total)

You must be logged in to reply to this topic.