WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

Social icons  en

Author: Nektarios K.
Visited 896, Followers 1, Shared 0  

Hi there,

I use the following code for the social icons,  my question is how I can make it to open in a new tab?

I use 2020.1.14 and url :https://www.mieconsultancy.com

the version with this social icon not yet upload.

        facebook

        linkedin

        twitter

    With additional code

    /* -- social icons -- */

    ul#socialIcons {

        margin: 0;

        padding: 0;

    }

    ul#socialIcons li {

        float:left;

        list-style: none;

        padding-right: 15px;

    }

    #socialIcons li a {

        float: left;

        text-decoration: none;

    }

    #socialIcons li a:hover {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

        -webkit-transition-duration: 0.3s;

        transition-duration: 0.3s;

    }

    #socialIcons a img {

        width: 57px;

        height: 57px;

        border: none;

    }

    /* -- fine social icons -- */

    Posted on the
    4 ANSWERS - 1 CORRECT
    JJ. JUAG
    JJ. JUAG
    User

    Use the command target = "_ blank"

    Example:
    <a href="http://www.naturbiokraft.ch" target="_blank" class="imCssLink"> Naturbiokraft </a>

    JJ.

    Read more
    Posted on the from JJ. JUAG
    Nektarios K.
    Nektarios K.
    User
    Author

    Dear JJ  not working .....

    Read more
    Posted on the from Nektarios K.
    JJ. JUAG
    JJ. JUAG
    User

    where to see, link to the page with the entry please to analyze

    JJ.

    Read more
    Posted on the from JJ. JUAG