Ancres pour une PA Bouton_activeAncres pour une PA Bouton_hoverAncres pour une PA Fb-hoverAncres pour une PA Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Ancres pour une PA EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Ancres pour une PA EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Ancres pour une PA EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Ancres pour une PA EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Ancres pour une PA EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Ancres pour une PA EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Ancres pour une PA EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Ancres pour une PA EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Ancres pour une PA

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Ancres pour une PA Empty
    Amis du soir bonsoir,
    Je poste dans cette partie car j'ai un soucis. J'aimerais trouvé un code qui ressemble à une ancre ( d'après moi, mais je peux aussi me tromper ). Je n'ai pas du tout la base de ce code, je peux simplement vous montrez un exemple de ce que je cherche. Et j'espère, bien sur que c'est réalisable sur forumactif. En navigateur j'utilise Mozilla et la version de mon forum est la phpBB2 (subsilver). Si vous avez besoin de l'adresse de mon forum je vous l'envoie par MP ^^

    Voici l'exemple: http://www.ideasign.org/ Ce sont donc les flèches sur le côté qui permettent de faire bouger les cases, sur la droite comme sur la gauche. Si vous pouvez m'aider ce serait GÉNIAL ! Je compte sur vous, je sais que vous êtes les meilleurs !


Dernière édition par Nélow le Mar 16 Nov 2010, 13:35, édité 1 fois
MessageSujet: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 16:07
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Ancres pour une PA Empty

Soir'

Si je ne me trompe pas , il s'agit la d'un "slider" , tu peut en trouver plein sur google Smile
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 16:24
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Ancres pour une PA Empty
Oui mais je suis pas du tout forte pour installer ca sur mon forum. Tu pourrais m'aider ? Smile
Si ca te dérange pas bien sur !
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 16:52
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Ancres pour une PA Empty

Pas de soucis ,

Explique moi en gros ce que tu voudrais et je te le ferais si tu veux Smile
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 17:02
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Ancres pour une PA Empty
Si tu comprends pas surtout dis le moi ^^ J'ai fait un dessin de la PA que j'aimerais avoir. Elle ressemble beaucoup à l'exemple
https://2img.net/r/ihimizer/img179/7969/img00840201011142227.jpg
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 17:08
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Ancres pour une PA Empty

Ca va c'est simple ^^ , et d'autres contenus s'afficheront lorsque l'on cliqueras sur les flèches ?
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 17:13
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Ancres pour une PA Empty
Voilà tout à fait, en tout il y'a 6 cases !
Si tu y arrives je t'aime pour la vie Very Happy
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 17:16
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Ancres pour une PA Empty

" Laughing out loud "
Bah je te fait ca , mais tu l'auras peut-être que demain , 'fin ca dépend quand est-ce que je l'aurais fini Smile

Bonne soirée , je me met au boulot lol!
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 17:22
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Ancres pour une PA Empty
Aucun soucis ! En tout cas merci beaucoup pour ton aide Smile
Bon courage et bonne soirée !
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 17:23
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Ancres pour une PA Empty
FINISH :

> Dans ton css :

Code:

/*SLIDER*/
#slider {
   position: relative;
   width: 660px; height: 285px;
   overflow: hidden;
   z-index: 10;   
   background-color: #BDE5F8;   
   float:left;
   }

/*FLECHE DROITE*/
#right {
   background-image:url(http://i61.servimg.com/u/f61/15/01/61/21/sign-u10.png) ;
   width: 32px;
   height:32px;   
   margin-top:100px;
   cursor: pointer;
   float:left;   
   }
   
/*FLECHE GAUCHE*/
#left {
 
   background-image: url(http://i61.servimg.com/u/f61/15/01/61/21/sign-u11.png);
   width: 32px;
   height:32px;
   margin-top:100px;
   cursor: pointer;
   float:left;
   }

/*LI*/   
#slider ul {
   position: relative;
   }
   
#slider ul li {
   float: left;
   }


> Dans ta page d' acceuil :
Code:


<html>
<head>
<!-- LIBRAIRIE JAVASCRIPT A LAISSER -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!-- SCRIPT DU SLIDER A LAISSER-->
<script type="text/javascript" src="http://hiroken.chez.com/js/slider.js"></script>




</head>

<body>

<!-- FLECHE GAUCHE -->
<div id="left"></div>
<!-- SLIDER -->
<div id="slider">
<ul>
<li style="list-style-type:none; ">
<!-- CASE 1 -->
<div style="width:180px;height:250px;border: 1px solid black;float:left;margin:none;overflow:auto;">
<center><h5>TITRE</h5><br></center>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
</div>
<!-- CASE 2 -->
<div style="width:200px;height:250px;border: 1px solid black;float:left;margin-left:5px;overflow:auto;">
<center><h5>TITRE</h5><br></center>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
</div>
<!-- CASE 3 -->
<div style="width:180px;height:250px;border: 1px solid black;float:left;margin-left:5px;overflow:auto;">
<center><h5>TITRE</h5><br></center>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
</div>
</li>

<li style="list-style-type:none;">
<!-- CASE 4 -->
<div style="width:180px;height:250px;border: 1px solid black;float:left;margin:none;overflow:auto;">
<center><h5>TITRE</h5><br></center>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
</div>
<!-- CASE 5 -->
<div style="width:200px;height:250px;border: 1px solid black;float:left;margin-left:5px;overflow:auto;">
<center><h5>TITRE</h5><br></center>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
</div>
<!-- CASE 6 -->
<div style="width:180px;height:250px;border: 1px solid black;float:left;margin-left:5px;overflow:auto;">
<center><h5>TITRE</h5><br></center>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
  du contenu-du contenu<br>
</div>
</li>
</ul>
</div>

<!-- FLECHE DROITE -->
<div id="right"> </div>







</body>
</html>

Je pense que tu sauras personnalisez a tes gouts , et j'espère que c'est bien ca que tu voulais :')

N ' hésite pas a demander si tu as besoin d'aide , en attendant moi je vais me coucher .


RESULTAT SUR MON FORUM DE TEST
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyLun 15 Nov 2010, 19:36
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Ancres pour une PA Empty
Merci beaucoup pour ton aide ! C'est parfait !!
Si j'ai d'autre question j'hésite pas ^^
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyMar 16 Nov 2010, 13:34
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Ancres pour une PA Empty
    Je classe Wink
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA EmptyMar 16 Nov 2010, 13:52
Revenir en haut Aller en bas
Contenu sponsorisé




Ancres pour une PA Empty
MessageSujet: Re: Ancres pour une PA    Ancres pour une PA Empty
Revenir en haut Aller en bas
 

Ancres pour une PA

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème pour la Chatbox, et besoin d'aide pour un code
» Code pour PA pour une vraiment NULEE XD
» Help me pour un code ^^
» PA pour GC
» pour la pop up de connection

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit