GS Evolve Theme

[asemion]

In GS "Files" section, I do have /data/uploads/images/slides/01.jpg 02.jpg and 03.jpg. In which file do I have to make a link to these images ? In the slider1_container.js file ? Which line ?

--

About HTML5 <video>… I was not talking at all about "Videos" ;-), I was talking about Viadeo, a professionnal social network like LinkedIn. See : http://fr.viadeo.com/en/

I would like to add a viadeo icon+link in the header, next to linkedIn. And manage it via the back-office (Them settings > Social networking settings).

You have to edit JSSOR Slider data files content and change there existing images links with your desired. In your case, it will be pages with slug: "slider-1" and "slider-2".
----------------------------------------------------
About Viadeo soc. network link. You need to do the following steps:
1. Open settings.php file for editing and search fieldset element with id="container-1". There you will see another networks profiles, including Linkedin. After Linkedin section make a new line and insert this code:

Code:

<p>
   <label for="viadeo">Viadeo:</label>
   <input type="text" class="text" name="viadeo" id="viadeo" style="width: 80%;float: right;" value="<?php get_theme_setting('viadeo'); ?>">
</p>

2. Open header.inc.php file for editing and search code block:

Code:

if(return_theme_setting('linkedin')) {
    if(strlen(return_theme_setting('linkedin'))>6 || return_theme_setting('linkedin')=="#") { ?>
        <li><a class="linkedin" href="<?php get_theme_setting('linkedin'); ?>"><i class="icon-linkedin"></i></a></li>
<?php } }

After it make a new line and insert this code:

Code:

f(return_theme_setting('viadeo')) {
    if(strlen(return_theme_setting('viadeo'))>6 || return_theme_setting('viadeo')=="#") { ?>
         <li><a class="viadeo" href="<?php get_theme_setting('viadeo'); ?>"><i class="socicon-viadeo"></i></a></li>
<?php } }

Unfortunately the fonts that are used with Evolve theme does not contain Viadeo icon. But you can use another soc. icons source which has mentioned icon. This requires connect to the project an external source as CSS. So in the header.inc.php in head section (after another CSS files links) insert this code:

Code:

<link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">

3. Open style.css file for editing and add this code section:

Code:

.viadeo i, .viadeo:before {

                             position: absolute;
                             margin: 10px 0 0 10px;
                             font-size: 22px;
}
.viadeo:before {
                             font-family: "socicon";
                             content: "\E04A";
                             top: 0;
                             opacity:1;
}
.viadeo:hover:before {
                             top: 30px;
                             opacity: 0;
}
.viadeo:hover {
                             background-color: #E4A000;
}

.socicon-viadeo:before {

                             position: absolute;
                             font-size: 22px;
                             margin: -2px 0 0 0px;
}

Done.