Forum d'entraide de graphisme & de codage
 
AccueilAccueil  CalendrierCalendrier  Guide du Swirlien  FAQFAQ  RechercherRechercher  MembresMembres  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Un ptit codage tout simple

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Carméliane
Equipe Orange
avatar

Image par défaut
Rang Messages : 2917
Date d'inscription : 20/04/2014
Age : 18
Localisation : Sur le trône de l'olympe.

MessageSujet: Un ptit codage tout simple    Ven 24 Avr - 21:58

Coucou ;D
Je ne vous demande pas la lune, c'est juste que je n'ai pas le temps et que le codage que j'ai fait est vraiment laid.

Donc j'aurai besoin d'un petit codage pour mettre tous mes cadeaux. Je n'ai pas d'idée précise en tête donc vous faites ce que vous voulez, même un truc basique.

Voilà, c'est un code que j'hébergerai sur mon forum test, donc ne vous posez pas la question si il est trop long ou quoi hein Wink

Good luck et merci :)

• • • • • • • • • •

Revenir en haut Aller en bas
http://www.sweet-swirl.org
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Un ptit codage tout simple    Ven 24 Avr - 22:10

Coucou,

Ok je te fais ça demain.

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Un ptit codage tout simple    Dim 26 Avr - 22:17

Voilà jette y un coup d'oeil pour voir si t'aime bien. Pour les couleurs bien sur sa se change xD .

http://nowtest.forumactif.org/h7-paforcarmouille

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Carméliane
Equipe Orange
avatar

Image par défaut
Rang Messages : 2917
Date d'inscription : 20/04/2014
Age : 18
Localisation : Sur le trône de l'olympe.

MessageSujet: Re: Un ptit codage tout simple    Sam 2 Mai - 18:01

Yep', c'est super :D
Je ferai mes petites modifications, je peux avoir le code ? :D

• • • • • • • • • •

Revenir en haut Aller en bas
http://www.sweet-swirl.org
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Un ptit codage tout simple    Lun 4 Mai - 20:22

Le voici :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script type="text/javascript">

        //<!--

                function change_onglet(name)

                {

document.getElementById('onglet_'+anc_onglet)

.className = 'onglet_0 onglet';

document.getElementById('onglet_'+name).

className = 'onglet_1 onglet';

document.getElementById('contenu_onglet_'+anc_onglet)

.style.display = 'none';

document.getElementById('contenu_onglet_'+name).

style.display = 'block';

                        anc_onglet = name;

                }

        //-->

              </script>

     

  <style type="text/css">
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background-color:#000000; }
::-webkit-scrollbar-thumb { background-color:white; }
::-webkit-scrollbar-button { background-color:#125390; }
::-webkit-scrollbar-corner { background-color:#000000; }

.onglet,

.onglet_0 {display:inline-block;

          width: 97px;

        height:50px;
       
          background-color:#1D1D1D;
    border-radius:10px 0 20px 0;
    box-shadow:0 0 5px white inset;
          margin:auto;

        margin-top:30px;
    margin-bottom:10px;
    margin-left:50px;
    margin-right:50px;
          line-height: 50px;

          font-family : Impact;

          text-align: center;

          -webkit-transition: 300ms;

          -moz-transition: 300ms;

          transition: 300ms;
color:white;
}

 

.onglet:hover{
  background-color:white; 
-webkit-transition: 500ms;
-moz-transition: 500ms;
 transition:500ms;
      }
.item1{
margin-top:50px;
}
.item2{
margin-top:50px;
width:500px;
}
 .contenu_onglet{
 
        font-size : 14px ;

    width:500px;
    height:350px;
          background-color:#1D1D1D;
    border-radius:10px 0 20px 0;
    box-shadow:0 0 15px white inset;
          display:none;

          height : 360px;

          width : 600px;

          overflow : auto;

          color: #1f5873;

        font-family:Trebuchet MS

}

      .cadre {
       width: 400px;
  height: 177px;
  margin: auto;
  margin-right: 97px;
  margin-top: 70px;

}

.contact {border: 1px solid black;

          border-left: 3px solid black;

          border-right: 3px solid black;

          background: rgba(238, 120, 55, 0.6);

          padding: 5px;

          margin-top: 10px;

          color: black

}

      a {color: black;

          text-decoration: none;

          text-shadow: none;

          font-weight:bold;

      }

</style>

</head>

    <body>

        <div class="onglets">

<center><span class="onglet_0 onglet" id="onglet_1er" onmouseover="javascript:change_onglet('1er');">Cadeaux</span>

<span class="onglet_0 onglet" id="onglet_2eme" onmouseover="javascript:change_onglet('2eme');">Team</span>


</center>

        </div>

          <center> <div class="contenu_onglet" id="contenu_onglet_1er"><div class="item1">
blablablabla
            </div>
</div>
          <center> <div class="contenu_onglet" id="contenu_onglet_2eme">
         <div class="item2">
         BLABLABLABLA
            </div>

</div>
                       
        <script type="text/javascript">

        //<!--

                var anc_onglet = '1er';

                change_onglet(anc_onglet);

        //-->

        </script>           

</body>

</html>

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Carméliane
Equipe Orange
avatar

Image par défaut
Rang Messages : 2917
Date d'inscription : 20/04/2014
Age : 18
Localisation : Sur le trône de l'olympe.

MessageSujet: Re: Un ptit codage tout simple    Dim 24 Mai - 16:24

Ow mercii :D
Pardon j'avais pas vu, alors voilà 6 points pour toi ;D

• • • • • • • • • •

Revenir en haut Aller en bas
http://www.sweet-swirl.org
Keylha
Equipe Bleue
avatar

Image par défaut
Rang Messages : 2394
Date d'inscription : 12/04/2014
Age : 17
Localisation : Montagnes

MessageSujet: Re: Un ptit codage tout simple    Sam 8 Aoû - 18:42

Commande terminée j'archive ! :D

• • • • • • • • • •


Merci Yuu  
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Un ptit codage tout simple    

Revenir en haut Aller en bas
 
Un ptit codage tout simple
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Module tout simple
» Un code pour un plan du site plus simple
» Codage QEEL
» Fenêtres qui s'ouvrent toutes seules sur internet sous IE et Mozzilla
» Marcher tout en étant bourré

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sweet Swirl :: Archives :: BIG ARCHIVES :: Paperasse qui s'entasse-
Sauter vers: