L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 [Annulé] Accueil Texte-Art

shadowvalavatar
Messages : 11
Bonjour à tous,


Le lien du forum où le code sera installé :http://texte-art.forumgratuit.org/
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t12918-texte-art
Support de mise en page : Message de la page d'accueil
Résultat en : HTML
Type de mise en page : Colorée*
----------------------------------------------------
Plan :


Description plus détaillée : J'aimerai que quand on passe sur un titre avec la souris, le contenu de droite change en 2 secondes (si possible). Dans la partie de droite, on aura simplement du texte, image ...

Plus de détails :
Ne pas utiliser ces couleurs, c'est juste un exemple.

Les couleurs : J'aimerai trois ton de gris différents, du plus claire au plus foncé : #C3C3C3; #777777; #5A5A5A
Texte : Dafont étant en maintenance actuellement, je préfère vous laisser juger par vous même, (pas d'idée).
Image(s) : Je suis désolé, j'en ai pas, j'en trouve pas. Dans l'absolu, j'aimerai une sorte de parchemin à côté de la case "nouveautés", une tête (qui réfléchit) à côté de la case "philosophie" et une plume à côté de la case "poèsie".
D'autres commentaires : Si possible, j'aimerai bien que quand on passe la souris sur un des trois titres, le rectangle, ou carré qui l'encadre augmente son opacité (qu'on puisse le voir que ça augmente).



Merci à tous !
InvitéInvitéavatar

Bonjour Shadowval,
Ce sont les vacances, je ne sais pas si quelqu'un pourra prendre ta commande.
Cependant, je te demanderais de nous donner les codes couleurs exacte des trois tons.
Tu souhaites que l'onglet change de couleur quand il est actif ?
Tu ne souhaites rien dans le contenu des onglets?
A Bientôt, Ketsuka.
shadowvalavatar
Messages : 11
Bonjour Ketsuka,
J'ai ajouté les trois codes couleurs dans mon 1er message.
Quand l'onglet est actif, ce serait bien qu'il brille un peu plus.
Le contenu des onglets ? Bien vous pouvez mettre du texte des images si ça vous aide pour la place, mais je ne tiens pas trop à vous embêter, donc je pourrais les remplir moi même.

Merci et à bientôt.


InvitéInvitéavatar
Malheureusement, je pars en vacance, donc je ne pourrais pas prendre ta commande.
Une autre codeuse passera surement Wink A Bientôt.
shadowvalavatar
Messages : 11
Pas de soucis, merci bien.
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bonsoir.

Justement, le texte est bien plus pratique, ça nous donne une idée de la place à utiliser, auquel cas il serait bien que tu nous donnes une taille pour les contenus, et une taille pour les onglets. Je demanderai également la taille de ton forum si tu ne sais pas quelle taille donner pour le code. Bref, l'un ou l'autre, mais sois précis.

Si tu veux qu'on mette des images dans les onglets, c'est à toi de les chercher, pas à nous. Donne-nous donc les images que tu souhaites, si tu tiens vraiment à en avoir.


Cordialement.
shadowvalavatar
Messages : 11
Bonjour,


Pour le texte, c'est 8-10 lignes environs. C'est juste pour présenter rapidement les idées du forum, donc bon. Ensuite, je ne sais pas du tout la taille du forum, désolé.


Pour les images :

En face de la poèsie : http://images.all-free-download.com/images/graphiclarge/stylo_89312.jpg
En face de la philosophie : http://www.larousse.fr/encyclopedie/data/vignettes/1006851.jpg
En face des nouveautés : http://www.gsautominiature.com/themes/gs_autominiature/img/flag_new_bg.png


En espèrent que ça va aller.


Cordialement.
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
@shadowval a écrit:
Ensuite, je ne sais pas du tout la taille du forum, désolé.

Panneau d'administration >> général >> forum >> configuration
>> taille du forum (en %)

Merci.
shadowvalavatar
Messages : 11
Merci, donc la taille du forum est de 80%.



Merci.
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bonsoir.

Je laisse cette commande en attente. Quelqu'un passera la prendre d'ici quelques jours, ou quelques semaines, faut être patient, c'est les vacances ou le travail pour certain. Wink

Cordialement.
InvitéInvitéavatar
Je prends ta commande mais il n'y aura pas l'effet suivant :
"le contenu de droite change en 2 secondes (si possible)"
Je devrais avoir fini en fin d'après midi.
A Bientôt, Ketsuka.
InvitéInvitéavatar
Voilà le code que tu dois placer dans Fiche de Style CSS
Code:
/*------------- Panneau d Accueil par Ketsuka sur Annuaire ------------ON-*/
    #PA {
          width: 75%;
          margin: auto;
          text-align; center;
          color: #000000;}
    #PA td  { vertical-align: top; }

    /*--- Affichage des Onglets - Boutons de Gauche ---*/
    .onglets {
          display: block;
          margin: auto;
          padding-top: 20%;
          width: 50%;}
    #ongl1, #ongl2, #ongl3 {
          border-radius: 20px;
          -webkit-border-radius: 10px;
        width: 100%;
          display: inline-block;
          font-size: 18px; /* Taille de la Police */
          margin: 15px;
          padding: 20px;
          font-weight:bold; /* Texte en Gras */
          cursor: pointer;
          text-align: center;
          opacity: 0.7;}
    #ongl1:hover, #ongl1:focus{opacity: 1.0; background-color: #C3C3C3 !important; /* Couleur du Fond de l'Onglet 1 après Passage de la Souris */}
    #ongl2:hover, #ongl2:focus{opacity: 1.0; background-color: #777777 !important; /* Couleur du Fond de l'Onglet 2 après Passage de la Souris */}
    #ongl3:hover, #ongl3:focus{opacity: 1.0; background-color: #5A5A5A !important; /* Couleur du Fond de l'Onglet 3 après Passage de la Souris */}
    #ongl1:hover, #ongl1:focus, #ongl2:hover, #ongl2:focus, #ongl3:hover, #ongl3:focus, #PA a, #PA a:hover { /* Transition Lente */
          transition: all 1.0s ease;
          -webkit-transition: all 1.0s ease;
          -moz-transition: all 1.0s ease;
          -o-transition: all 1.0s ease;}
   
    /*--- Affichage du Contenu des Onglets - Cadre de Droite ---*/
    #contenu_onglet_nouveaute, #contenu_onglet_philosophie, #contenu_onglet_poesie {
          display:none;
          margin: auto;
          border-radius: 20px;
          padding: 20px;
          margin: 15px;
          height: 250px; /* Hauteur du Contenu */
          color: #000000; /* Couleur du Texte */}
    #contenu_onglet_nouveaute {background-color: #C3C3C3 ;  /* Couleur du Fond du Contenu 1 */}
    #contenu_onglet_philosophie {background-color: #777777 ;  /* Couleur du Fond du Contenu 2 */}
    #contenu_onglet_poesie {background-color: #5A5A5A ;  /* Couleur du Fond du Contenu 3 */}
/*------------- Panneau d Accueil par Ketsuka sur Annuaire ------------OFF-*/
Voilà le code que tu dois placer dans Généralité (onglet Affichage)
Code:
<table cellspacing="0" cellpadding="0" id="PA"><tr>
   <td width="200px" class="onglets">
      <a href="#"  id="ongl1" onMouseOver="javascript:change_onglet('nouveaute');"><img width="30px" src="http://www.gsautominiature.com/themes/gs_autominiature/img/flag_new_bg.png"/> Nouveautés</a>
      <a href="#"  id="ongl2" onMouseOver="javascript:change_onglet('philosophie');"><img width="30px" src="http://www.larousse.fr/encyclopedie/data/vignettes/1006851.jpg"/> Philosophie</a>
      <a href="#"  id="ongl3" onMouseOver="javascript:change_onglet('poesie');"><img width="30px" src="http://images.all-free-download.com/images/graphiclarge/stylo_89312.jpg"/> Poesie</a>
   </td>
   <td class="contenu_onglets" width="75%">
      <div width="100%" id="contenu_onglet_nouveaute">
Onglet 1

      </div>

      <div width="100%" id="contenu_onglet_philosophie">
Onglet 2

      </div>

      <div width="100%" id="contenu_onglet_poesie">
Onglet 3
      </div>
Panneau d'Accueil par Ketsuka sur <a href="http://www.forumsdeforumactif.com" alt="Forum d'entraide et de référencement" target="_blank">l'Annuaire</a>
</td></tr></table>

      <script type="text/javascript">
         //<!--
               var anc_onglet = 'nouveaute';
               change_onglet(anc_onglet);
         //-->
      </script>
Voilà le code que tu dois placer dans Panneau d'Administration > Modules > Gestions des Codes Javascript
(Créer une nouvelle page, donner un nom(= titre), cocher la case "sur l'index", puis Enregistrer)
Code:


                function change_onglet(name)
                {
                      document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                      document.getElementById('contenu_onglet_'+name).style.display = 'block';
                      anc_onglet = name;
                }

InvitéInvitéavatar
Bonjour,
Si nous avons pas de nouvelle, ce PA sera placé en libre service.
A Bientôt, Ketsuka.
InvitéInvitéavatar

Suite à l'abandon de la commande par le demandeur,
Ce Panneau d'Administration sera placé dans le Libre Service.
Contenu sponsorisé

,
 Sujets similaires
-
» [Annulé] Accueil Texte-Art
» [Annulée] Page d'accueil =)
» Demande de message d'accueil x)
» [Résolu] Texte impossible dans Outlook Express
» [résolu]Programmation - rotationde texte

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation