En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
Texte à méditer :   Utilisateur de GuppY, je suis membre de l' Asso freeGuppY ... et vous ?   
Texte à méditer :   L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai !   
Texte à méditer :   Je pense qu’il y a 3 mots sur le web en ce moment qui demandent du travail pour beaucoups d’entre nous : Responsive, Web, Design.   Ethan Marcotte
Texte à méditer :   Chaque site internet est un document vivant.   David Leuliette
Texte à méditer :   On se fait parfois surprendre. Par exemple, quand Internet est arrivé, c’était notre cinquième ou sixième priorité.   Bill Gates
Texte à méditer :   Il faut très certainement repenser Internet et les réseaux numériques de communication comme un véritable territoire à sécuriser.   Eric Freyssinet
Texte à méditer :   Aujourd'hui ce n'est pas possible de couper l'accès à internet. C'est quelque chose comme couper l'eau.    Fleur Pellerin
Texte à méditer :   Se connecter à internet, c’est y rencontrer des centaines de gens avec qui vous n’auriez jamais eu envie d’avoir quelque rapport que ce soit.   Dave Barry
Texte à méditer :   Un bon site Web est toujours “en construction” !   
Vous êtes ici :   Accueil » Forum » Skins GuppY 5.01.02+ » skn5_saxbar02
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Forum - Skins GuppY 5.01.02+ - skn5_saxbar02


Connectés : ( personne )
Snif !!!
 

clos par lud80 le 23/07/2017   09:26  Sujet n° 11

le 23/06/2016 08:15
par 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
sujet clos Haut  
Réponse n° 1
--------
le 23/06/2016 14:44
par lud80

lud80

Administrateur
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.

Site web lud80
clos par lud80 le 23/07/2017   09:26 Haut  
Réponse n° 2
--------
le 23/06/2016 20:57
par jeje

jeje

2 messages

Merci,
Je vais tester tout ça...
clos par lud80 le 23/07/2017   09:26 Haut  
Réponse n° 3
--------
le 25/06/2016 05:54
par 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
Site web JeanDenis
clos par lud80 le 23/07/2017   09:26 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



o2switch07.jpg

Si vous appréciez le travail réalisé, vous pouvez participer aux frais en faisant un don du montant de votre choix.

 

Préférences


Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
<O>


  1249822 visiteurs
  3 visiteurs en ligne

Connectés :
( personne )
Snif !!!

Lettre d'information

Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.

Avant de soumettre ce formulaire, veuillez lire et accepter les Mentions légales.

J'accepte :
Recopier le code :