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


Aller à la page : 1, 2  Suivant


 [Phantasmagoria] Commande d'une page d'accueil avec 2 onglets

JulienV.I.P.avatar
Messages : 173
Bonsoir.

Le lien du forum où le code sera installé : www.ccis-ir.com
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t9897-cis-ile-rousse-entre-mer-montagne
Support de mise en page : Message de la page d'accueil
Résultat en : HTML
Type de mise en page : Personnalisé
----------------------------------------------------
Plan :
Description plus détaillée : je voudrais que l'onglet change quand on passe le curseur sur le second.
Les couleurs : #EFEFEF pour le cadre de fond de la PA, les cadres des différentes parties et le fond des noms des onglets. Textes en #000000. Noms des onglets et titres en gras.
Texte :
Contexte
Citation :
Ce forum retranscrit la vie d'un sapeur-pompier de la Haute-Corse. Rejoignez les rangs du centre d'incendie et de secours d'Ile Rousse et participez aux interventions aussi nombreuses que variées.

Pour les autres textes, mettez directement ce qui est marqué dans le plan, je m'occuperais de remplacer par des liens hypertextes.
Image(s) : /
D'autres commentaires : si possible, faire en sorte que la liste des véhicules d'une même partie (par exemple "secours à personne") soit sur la même ligne. J'espère avoir été clair. Néanmoins, je suis là si vous avez des questions.

Merci. Smile
PhantasmagoriaV.I.P.avatar
Messages : 1019
Bonjour !

Alors, pour les couleurs : tu as mis blanc pour le fond global du message d'accueil ainsi que les blocs, il n'y a pas erreur là?
Pour les textes, merci de les mettre, on va pas s'amuser à les écrire xD
Quelle est la largeur de ton forum? Si tu ne sais pas où ça se trouve tu vas dans PA => Général => Configuration > Largeur du forum (nombre ou %) et tu me donne ce que tu trouve.
Je vois que sur ton schéma tu as mis des bordures noires, tu les veux sur le résultat final?
On laisse les bordures rectangulaires?
JulienV.I.P.avatar
Messages : 173
Salut.

Alors la largeur c'est 80 %.

Le code de la couleur donne un blanc légèrement plus foncé, avant le gris.

Oui je souhaite garder les bordures noires rectangulaires.

Pour les textes :
Actuellement
Citation :
Donnez votre avis en ligne -> dirige vers https://docs.google.com/spreadsheet/viewform?formkey=dE1MeG9SbHZReUFQMFJYZXN6eE9Henc6MQ
Rejoignez-nous sur Facebook -> dirige vers https://www.facebook.com/pages/CIS-Ile-Rousse-entre-mer-montagne/211095558901906

Liens utiles
Citation :
Absences -> dirige vers http://www.ccis-ir.com/t80-absences#81
Affectations -> dirige vers http://www.ccis-ir.com/t78-affectations
Garde de Septembre -> dirige vers http://www.ccis-ir.com/t572-garde-de-septembre
Aide pour débuter -> dirige vers http://www.ccis-ir.com/t5-aide-pour-debuter-une-fois-integre
Index des règlements -> dirige vers http://www.ccis-ir.com/t579-index-reglements-et-systemes-de-jeu

Votez pour nous
Citation :
Premier bouton :
Code:
<a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=589" target="_blank"><img src="http://lesforumsdefa.olympe.in/topsite/img/vote.gif" border="0" id="votelfd" /></a>

Deuxième bouton :
Code:
<a href="http://www.weborama.fr/?id_vote=456398" target="_top"><img src="http://i33.servimg.com/u/f33/11/23/80/82/votesc10.gif" alt="" border="0"><span style="text-decoration: underline;"></span></a>

Pour la date de mise à jour mets celle de quand tu codes et laisses "intervention 1" à 3 car ça dépend de celle(s) en cours, donc à éditer souvent.

Véhicules
VSAV 25 -> dirige vers http://www.ccis-ir.com/t26-vsav-25-vehicule-de-secours-et-d-assistance-aux-victimes
VSAV 78 -> dirige vers http://www.ccis-ir.com/t27-vsav-78-vehicule-de-secours-et-d-assistance-aux-victimes
VRM 01 -> dirige vers http://www.ccis-ir.com/t29-vrm-01-vehicule-radio-medicalise
FPTSR 02 -> dirige vers http://www.ccis-ir.com/t336-fptsr-02-fourgon-pompe-tonne-de-secours-routier
EPA 07 -> dirige vers http://www.ccis-ir.com/t31-epa-07-echelle-pivotante-automatique
CCFM 87 -> dirige vers http://www.ccis-ir.com/t32-ccfm-87-camion-citerne-feux-de-foret-moyen
CCFM 99 -> dirige vers http://www.ccis-ir.com/t33-ccfm-99-camion-citerne-feux-de-foret-moyen
CCGC 54 -> dirige vers http://www.ccis-ir.com/t35-ccgc-54-camion-citerne-grande-capacite
VIDP 24 -> dirige vers http://www.ccis-ir.com/t335-vidp-24-vehicule-d-intervention-divers-presignalisation
VPCE 32 -> dirige vers http://www.ccis-ir.com/t39-vpce-32-vehicule-porte-cellule
CEARIVE 22 -> dirige vers http://www.ccis-ir.com/t40-cearive-22-cellule-ari-eclairage-ventilation
CEMAFOR 04 -> dirige vers http://www.ccis-ir.com/t41-cemafor-04-cellule-manoeuvre-de-force
VLCG 12 -> dirige vers http://www.ccis-ir.com/t42-vlcg-12-vehicule-de-liaison-chef-de-groupe
VLHR 32 -> dirige vers http://www.ccis-ir.com/t44-vlhr-32-vehicule-de-liaison-hors-routes
VLHR 62 -> dirige vers http://www.ccis-ir.com/t43-vlhr-62-vehicule-de-liaison-hors-routes
PhantasmagoriaV.I.P.avatar
Messages : 1019
Très bien, tout est là.
Merci de patienter que l'une des filles s'occupe de toi Wink
Nono'avatar
Messages : 167

Recherches personnelles
Ma recherche de staff:
Mon projet:
Ma commande:
Salut Phanta',

J'ai une question, est-ce que les membres peuvent aussi proposer des codes ?


A+
LixyrAdministratriceavatar
Messages : 12506

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

Il n'est indiqué nul part que les membres n'ont pas le droit de répondre et de proposer des codes. Cela dit, ici ce n'est pas ForumActif, mais un studio de commande, donc si tu proposes quelque chose, fais en sorte que ça tienne la route. ^^

Cordialement.
PhantasmagoriaV.I.P.avatar
Messages : 1019
Bonjour,

Je m'en occupe mais je pourrais commencer tout ça la semaine prochaine.
Je reviendrais vers toi si jamais j'ai des questions.
JulienV.I.P.avatar
Messages : 173
Pas de problème, merci. Wink
LixyrAdministratriceavatar
Messages : 12506

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

Juste une petite précision, Julien.
Cette commande sera finalement la commande-test de Nono38 pour sa postulation en tant que codeur. Elle sera donc réalisée par lui.

Bonne soirée. ^^
Cordialement.
Nono'avatar
Messages : 167

Recherches personnelles
Ma recherche de staff:
Mon projet:
Ma commande:
Salut Julien Razz

Donc voilà un essais pour le premier onglet Very Happy

Dis-moi si le style te vas :

Code HTML à mettre dans Message sur la page d'accueil

Code:

<!-- Acceuil -->

<div id="Body">

<section class="Début">

<a href="Julien.html"><h1 class="acceuil">Acceuil</h1></a>

<!-- Bienvenue -->

<div class="contexte">

<h2>Bienvenue !</h2>

Ce forum retranscrit la vie d'un sapeur-pompier de la Haute-Corse.<br />
Rejoignez les rangs du centre d'incendie et de secours d'Ile Rousse
et participez aux interventions aussi nombreuses que variées.

</div>


<!-- Actuellement -->

<div class="actuellement"><h2>Actuellement</h2>

<p><a href="http://urls.fr/wwwdonnervotreavisenligne">Donnez votre avis en ligne</a><br /></p>

<p><a href="https://www.facebook.com/pages/CIS-Ile-Rousse-entre-mer-montagne/211095558901906">Rejoignez-nous sur Facebook</a></p>

</div>

<!--Liens utiles -->

<div class="Liens_utiles">

<h2>Liens utiles</h2>

<p>   
   <ul>
      <li><a href="http://www.ccis-ir.com/t80-absences#81">Absences</a></li>
      <li><a href="http://www.ccis-ir.com/t78-affectations">Affectations</a></li>
      <li><a href="http://www.ccis-ir.com/t572-garde-de-septembre">Garde de Septembre</a></li>
      <li><a href="http://www.ccis-ir.com/t5-aide-pour-debuter-une-fois-integre">Aide pour débuter</a></li>
      <li><a href="http://www.ccis-ir.com/t579-index-reglements-et-systemes-de-jeu">Index des règlements</a></li>
   </ul>
</p>

</div>

<div class="Votez_pour_nous">

<h2>Votez pour nous</h2>
<a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=589" alt="topsite" target="_blank">
<img src="http://lesforumsdefa.olympe.in/topsite/img/vote.gif" alt="vote" border="0" id="votelfd" /></a>

<a href="http://www.weborama.fr/?id_vote=456398" target="_top"><img src="http://i33.servimg.com/u/f33/11/23/80/82/votesc10.gif"
alt="votes" border="0"><span style="text-decoration: underline;"></span></a>

</div>

</section>

</div>

Code CSS à placer dans la Feuille de style CSS

Code:


h2
{
   font-size: 20px;
   font-family: Comic Sans MS;
   font-weight: bold;
}

h1
{
   font-size: 30px;
   font-family: Comic Sans MS;
   font-weight: bold;
}


.contexte
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 20px;
   top: 50px;
   font-family: Comic Sans MS;
}

.acceuil
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 90px;
   position: absolute;
   left: 40px;
   top: 65px;
   font-size: 1.3em;
   text-align: center;
   font-weight: bold;
}

.actuellement
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 400px;
   top: 50px;
   font-family: Comic Sans MS;
}
   
.Liens_utiles
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 20px;
   top: 300px;
   font-family: Comic Sans MS;
}

.Votez_pour_nous
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 400px;
   top: 300px;
   height: 193px;
   font-family: Comic Sans MS;
}
   
#Body
{
   background-color: #EFEFEF;
   color: #000000;
   border: 3px black solid;
   padding: 12px;
   margin: 20px;
   height: 500px;
   width: 80%;
}
   

Je te donne ce code pour que tu le testes et pour me dire les défauts, après je ferais l'autre onglet Wink

N'hésites pas à critiquer Razz


A+
JulienV.I.P.avatar
Messages : 173
Salut, j'ai testé et il semble y avoir un problème d'affichage :


Pourrais-tu mettre tous les cadres de la même taille et la taille de la police mettre la même que le bouton "accueil", ainsi que supprimer la liste (les points) des "liens utiles", juste centrée ça ira. Smile ?

C'est un bon début sinon.
Nono'avatar
Messages : 167

Recherches personnelles
Ma recherche de staff:
Mon projet:
Ma commande:
Oh je suis désolé pour le problème

J'ai du mal enregistré mais je te modifie tout ça
Nono'avatar
Messages : 167

Recherches personnelles
Ma recherche de staff:
Mon projet:
Ma commande:
Salut Very Happy

Donc:

Code HTML à mettre dans Message sur la page d'accueil

Code:

<!-- Acceuil -->

<div id="Body">

<section class="Début">

<a href="Julien.html"><h1 class="acceuil">Acceuil</h1></a>

<!-- Bienvenue -->

<div class="contexte">

<h2>Bienvenue !</h2>

Ce forum retranscrit la vie d'un sapeur-pompier de la Haute-Corse.<br />
Rejoignez les rangs du centre d'incendie et de secours d'Ile Rousse
et participez aux interventions aussi nombreuses que variées.

</div>


<!-- Actuellement -->

<div class="actuellement"><h2>Actuellement</h2>

<p><a href="http://urls.fr/wwwdonnervotreavisenligne">Donnez votre avis en ligne</a><br /></p>

<p><a href="https://www.facebook.com/pages/CIS-Ile-Rousse-entre-mer-montagne/211095558901906">Rejoignez-nous sur Facebook</a></p>

</div>

<!--Liens utiles -->

<div class="Liens_utiles">

<h2>Liens utiles</h2>

<p>   
   
      <a href="http://www.ccis-ir.com/t80-absences#81">Absences</a><br />
      <a href="http://www.ccis-ir.com/t78-affectations">Affectations</a><br />
      <a href="http://www.ccis-ir.com/t572-garde-de-septembre">Garde de Septembre</a><br />
      <a href="http://www.ccis-ir.com/t5-aide-pour-debuter-une-fois-integre">Aide pour débuter</a><br />
      <a href="http://www.ccis-ir.com/t579-index-reglements-et-systemes-de-jeu">Index des règlements</a><br />

</p>

</div>

<div class="Votez_pour_nous">

<h2>Votez pour nous</h2>
<a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=589" alt="topsite" target="_blank">
<img src="http://lesforumsdefa.olympe.in/topsite/img/vote.gif" alt="vote" border="0" id="votelfd" /></a>

<a href="http://www.weborama.fr/?id_vote=456398" target="_top"><img src="http://i33.servimg.com/u/f33/11/23/80/82/votesc10.gif"
alt="votes" border="0"><span style="text-decoration: underline;"></span></a>

</div>

</section>

</div>


Code CSS à placer dans la Feuille de style CSS

Code:
h2
{
   font-size: 20px;
   font-family: Comic Sans MS;
   font-weight: bold;
}

h1
{
   font-size: 30px;
   font-family: Comic Sans MS;
   font-weight: bold;
}


.contexte
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 20px;
   top: 30px;
   font-family: Comic Sans MS;
}

.acceuil
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 90px;
   position: absolute;
   left: 40px;
   top: 15px;
   font-size: 1.3em;
   text-align: center;
   font-weight: bold;
}

.actuellement
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   height: 200px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 400px;
   top: 30px;
   font-family: Comic Sans MS;
}
   
.Liens_utiles
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 20px;
   top: 270px;
   font-family: Comic Sans MS;
}

.Votez_pour_nous
{
   background-color: #EFEFEF;
   border: 2px black solid;
   width: 300px;
   margin-left: 170px;
   padding: 12px;
   margin-top: 2px;
   position: absolute;
   left: 400px;
   top: 270px;
   height: 193px;
   font-family: Comic Sans MS;
}
   
#Body
{
   background-color: #EFEFEF;
   color: #000000;
   position: absolute;
   border: 3px black solid;
   padding: 12px;
   margin: 20px;
   height: 500px;
   width: 80%;
}


A+





JulienV.I.P.avatar
Messages : 173
Salut, il y a toujours un problème d'affichage :

Nono'avatar
Messages : 167

Recherches personnelles
Ma recherche de staff:
Mon projet:
Ma commande:
Salut Very Happy

Je suis désolé, j'ai du préparer 2 DS de 2 heures donc voili voilou

Je refait ta commande Wink
JulienV.I.P.avatar
Messages : 173
PhantasmagoriaV.I.P.avatar
Messages : 1019
Bonjour,

Nono a préféré se retirer de la commande donc, je la récupère. Pour le moment, j'suis un peu prise mais j'essaierai de caser la commande dans une ou deux heures de repos.
Merci de patienter.

EDIT : Ce que j'ai fait pour le moment :



N'hésite pas à me dire s'il y a des changements à effectuer.
JulienV.I.P.avatar
Messages : 173
Salut, c'est un bon début. Pourrais-tu réduire un peu les titres des onglets et les titres au dessus des cadres, mettre les logos des topsites l'un sous l'autre et metrte les liens utiles de la même taille que le texte dans les autres cadres ?

Merci.
PhantasmagoriaV.I.P.avatar
Messages : 1019
Modifications effectuées Rolling Eyes
JulienV.I.P.avatar
Messages : 173
A voir désormais le rendu du deuxième onglet.
PhantasmagoriaV.I.P.avatar
Messages : 1019
Premièrement : Des formules de politesse ne feront pas du mal à tes doigts, heureusement que tu fais partie du staff pour le savoir.
Deuxièmement : Tu m'explique clairement ce qui cloche et non m'envoyer une phrase sur laquelle je dois cogiter.
Je dois te rappeler qu'on est TOUS bénévoles sur ce forum, me parler sur un autre ton n'est pas trop demandé. ô.o
Je te rappelle aussi que je n'ai fait que suivre ton plan, s'il y avait autre chose à préciser, bah fallait le dire hein.
JulienV.I.P.avatar
Messages : 173
Bonsoir.

Pardonne-moi si j'ai pu t'offenser.

Mon plan est ce que je souhaite au final, tu m'as demandé de fournir les textes complets ainsi que les liens, ce que j'ai fais, je pensais donc que tu allais mettre directement les liens hypertextes selon le plan, voilà le pourquoi de mon dernier message. Si tu ne souhaites pas le faire, je m'en occuperais.

Dernière modification que je te demande : peux-tu, s'il te plait, mettre "accueil" et "synoptiques" chacun dans un rectangle à fond gris (idem que les autres - voir plan) et les intégrer au rectangle blanc en fond ?

Merci par avance.
ArlemV.I.P.avatar
Messages : 3712
Phanta' ayant des problèmes de pc je prends la suite, je te finis ça dans la semaine. Wink
JulienV.I.P.avatar
Messages : 173
ArlemV.I.P.avatar
Messages : 3712

Aller à la page : 1, 2  Suivant,
 Sujets similaires
-
» Page d'accueil avec onglets
» Page d'accueil avec onglets
» Page d'accueil avec image
» Page d'accueil avec images
» Problème code page d'accueil avec des onglets

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é
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation