By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
Sentence to think about :   GuppY user, I'm a member of the Asso freeGuppY ... and you?   
Sentence to think about :   The urgent is done, the impossible is underway, for miracles allow time !   
Sentence to think about :   I think there are 3 words on the web right now that require work for alot of us: Responsive Web Design.   Ethan Marcotte
Sentence to think about :   Each website is a living document.   David Leuliette
Sentence to think about :   Sometimes we get surprised. For example, when the Internet arrived, it was our fifth or sixth priority.   Bill Gates
Sentence to think about :   It is certainly necessary to rethink the Internet and digital communication networks as a real territory to be secured.   Eric Freyssinet
Sentence to think about :   Today it is not possible to cut off internet access. It's something like turning off the water.    Fleur Pellerin
Sentence to think about :   Connecting to the Internet means meeting hundreds of people with whom you would never have wanted to have any kind of relationship.   Dave Barry
Sentence to think about :   A good website is always "under construction"!   
 
You are here :   Home » Forum » Skins GuppY 5.01.02+ » skn5_saxbar02
 
    Print this page...
    Print this section...
 

Forum - Skins GuppY 5.01.02+ - skn5_saxbar02


Connected : (nobody)
Snif !!!
 

closed by lud80   23/07/2017   09:26  Topic # 11

23/06/2016 08:15
by jeje

jeje

1 message

Salut,
Très beau boulot, j'aime bien tes skins, j'ai téléchargé la skn5_saxbar02 que je trouve très sympas.
Par contre j'aurais une question, on dirait que tu as mis un carrousel (boîte photorama ???) au niveau de l'écran de la tablette. Est-ce le cas ? et si oui comment tu as fait ? je n'y arrive pas.
J'aimerais mettre une photo correspondant au titre de mon site (donc un carrousel avec au moins 1 photo ça m'irait)
Merci d'avance pour ton aide.Bonne continuation

Jérémy
topic closed Top  
Answer n° 1
--------
23/06/2016 14:44
by lud80

lud80

Administrator
12 messages

Bonjour,

Il faut créer une boîte libre dans laquelle tu mets ton image. Ensuite dans Config boîtes tu places la boîte sur la première ou deuxième ligne du haut de page.
Le reste c'est du réglage à l'aide code css à mettre dans styleplus.

Si tu veux un caroussel, ci-dessous c'est l'exemple de la base de démonstration.
Toujours créer une boîte libre, dans l'éditeur en mode source tu mets ceci, (c'est le contenu de la boîte FB394) :

<style type="text/css">.camera_wrap { /* bordure : epaisseur, nature, couleur, arrondi */
    border: 0;
    background: #CCCCCC;
}
.camera_caption { /* couleur du texte */
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
.camera_caption > div { /* couleur du fond de texte et transparence */
    background: #E2E2E2;
    opacity: 0.8;
}
.camera_wrap .camera_pag .camera_pag_ul { /* position des boutons de pagination */
    text-align: right;
    height:28px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    margin-top: 4px;
}
.fluid_container { /* reglage max en largeur et % d'occupation */
    margin: 0 auto;
    max-width: 656px;
    width: 100%;
}
</style>
<script>
jQuery(function(){ /* initialisation camera_wrap_1 */
            jQuery('#camera_wrap_1').camera({
                thumbnails: false,
                height: '47%',
                time: 5000,
                pagination: true
            });
        });
</script>
<div class="fluid_container">
<div class="camera_wrap camera_white_skin" id="camera_wrap_1">
<div data-src="img/slidesjs1/slide1.png">
<div class="camera_caption fadeFromRight">Le GuppY nouveau est arrivé !</div>
</div>

<div data-src="img/slidesjs1/slide2.png">
<div class="camera_caption fadeFromRight">Faites-en plus !</div>
</div>

<div data-src="img/slidesjs1/slide4.png">
<div class="camera_caption fadeFromRight">Votre site sur smartphones, tablettes, etc...</div>
</div>

<div data-src="img/slidesjs1/fr-slide3.png">
<div class="camera_caption fadeFromRight">Essayez-le !</div>
</div>
</div>
</div>

Tu remplaces les fichiers surlignés en jaune par les tiens.
Tu places la boîte dans Config boîtes comme indiqué plus haut.

Amicalement, Lud.

Web site lud80
closed by lud80   23/07/2017   09:26 Top  
Answer n° 2
--------
23/06/2016 20:57
by jeje

jeje

2 messages

Merci,
Je vais tester tout ça...
closed by lud80   23/07/2017   09:26 Top  
Answer n° 3
--------
25/06/2016 05:54
by JeanDenis

JeanDenis

2 messages

Bonjour Lud, bonjour jeje,

J'interviens dans ce fil pour signaler que walimoha,  (son site : http://ahvl.com.fr/ )sur mon forum avait soulevé la même question à propos de la skin skn5_Saxbar2

http://www.71site.fr/thrd71.php?lng=fr&pg=124&cat=1&fid=1

Je l'ai aidé (en tâtonnant car il avait "bidouillé" dans le css de Camera) à placer le slider sur l'image de la tablette... Si cela peut aider...k

Amicalement,
Jean-Denis
Web site JeanDenis
closed by lud80   23/07/2017   09:26 Top  
active topic active   closed topic closed   Important! Important!   New New message
Correct Correct message   Close Close topic   Make sticky Make sticky  
Forum Topic  Forum