Toujours d'actualité ^^

Toujours d'actualité ^^

Pouet pouet c'est toujours d'actualité ^^

J'aimerais essayer un truc ^.^
Par contre, comme tu n'as donné aucune dimension, ça va être au feeling x) enfin je vais essayer de faire un design qui s'adapte à toutes les résolutions.
Pareil pour les couleurs, je prends celles du schéma.
La couleur de fond sera la couleur du forum, donc je n'en mettrai pas.

Est-ce que ça te va ?

Bonjour ^^

Oui je suis désoler pour les dimensions il faut que le QEEL soit de 920px de largeur en tout ^^ pour le reste tu a le champ libre :)
Pour les couleurs sa me vas parfaitement

Merci de prendre ma commande

Voilà mon premier essai ^^
Tu peux l'essayer et me dire les corrections qu'il y aurait à y apporter s'il te plaît ?

Juste une précision par rapport à la largeur, ton image fait 880px de large, ce qui signifie que mettre la taille de ton QEEL à 920, va forcement la faire paraitre plus petite que le reste (ou alors, il faudrait l'etirer, mais c'est pas joli, ou mettre des bandes vides degueulasses de chaque cote... et l'adjectif employe qualifie bien mon avis sur la question ^^').

J'imagine que tu sais comment l'installer, donc je ne te file que la partie du QEEL pour éviter que tu ruines tes anciennes modifications sur le template de la page d'accueil x)

Je l'ai tester sur mon forum de test et voilà ce qu'il donne ... http://newday.forumetoile.com/
est-il possible de faire un cadre comme j'avais fais sur mon schéma ? Parce que les cadre d'information ne sont pas centré...

Ok, je vais centrer le tout ^^
Le problème vient comme je t'ai dit de la largeur de ton forum.

D'après ce que je vois, ton forum de test fait 810 pixels de largeur,et non 920.
Si tu veux voir ce que ça donne avec la vraie largeur, il faut que tu augmentes la largeur de ta colonne.

Tu peux ressayer avec ce CSS stp ? ^^

Code:

table.wio_wrap   {
  width:920px;
  margin:auto;
 
}

.wio_titrebloc   {
  width:920px;
  height:45px;
  padding-top:15px;
  background-color:rgba(177,177,177,1);
  border:solid 1px rgba(145,145,145,1);
  text-align:center;
}

.wio_titrebloc a, .wio_titrebloc span   {
  color:rgba(255,255,255,1);
  font-size:25px;
  text-shadow:2px 2px 6px rgba(1,1,1,.9);
}

.wio_navi   {
  width:920px;
  height:20px;
  padding-top:1px;
  background-color:rgba(143,143,143,1);
  border:solid 1px rgba(106,106,106,1);
  text-align:center;
}


.wio_contbloc   {
  padding:0;
  background-color:rgba(144,144,144,1);
  border:solid 1px rgba(79,79,79,1);
}

.onlineusers   {
  display:inline-block;
  background:rgba(165,165,165,1);
  margin:2px; 
}


.wio_contbloc h1   {
  display:block;
  width:100%;
  height:20px;
  margin:0;
  margin-bottom:2px;
  padding:0;
  padding-top:1px;
  background-color:rgba(127,127,127,1);
  border-bottom:solid 2px rgba(117,117,117,1);
  text-align:center;
 
}

.wioleft   {
  width:220px;
  height:240px;
  padding:0;
  margin:1px 2.5px 1px 0;
}

.wioleft p   {
  display:block;
  overflow:auto;
  width:100%;
  height:200px;
  padding:1px;
  margin:auto;
  text-align:center;
}

.wioright   {
  width:470px;
  height:118px;
  margin:1px 0 1px 0px;
  padding:0;
}

.wioleft td.row1   {
  background-color:rgba(1,1,1,0) !important;
  text-align:center;
 
}
.wioright p   {
  display:block;
  overflow:auto;
  width:468px;
  height:88px;
  padding:1px;
  margin:auto;
  text-align:right;
}
.wio_eventbloc   {
  max-width:880px;
  width:99%;
  height:auto;
  margin:auto;
  padding:0;
  backgroun-color:rgba(144,144,144,1);
  border:solid 1px rgba(96,96,96,1);
 
}

.wio_eventbloc h1   {
  display:block;
  width:100%;
  height:20px;
  margin:0;
  padding-top:1px;
  background-color:rgba(127,127,127,1);
  border-bottom:solid 2px rgba(117,117,117,1);
  text-align:center;
 
}
.wio_event   {
  position:relative;
  width:100%;
  height:131px;
  padding:0;
  background:url('http://i19.servimg.com/u/f19/17/10/65/34/untit101.jpg') no-repeat center bottom;
}

.wio_eventdescri   {
  overflow:auto;
  position:absolute;
  right:20px;
  top:1px;
  opacity:0;
  height:127px;
  width:298px;
  padding:1px;
  background:rgba(255,255,255,.7);
  color:rgba(1,1,1,1);
  -webkit-transition:opacity .2s ease-out;
  -moz-transition:opacity .2s ease-out;
  -o-transition:opacity .2s ease-out;
  transition:opacity .2s ease-out;
}

.wio_event:hover .wio_eventdescri   {
  opacity:1;
 
}

Coucou ^^
J'ai agrandis mon forum et je voie ce que tu voulais dire par rapport a l'image d'évent. Sa casse un peut le tout que l'image sois si petite comparer au reste.
Dernière retouche promis :) Peut tu modifier un peut les cadres pour qu'il s'arrange avec la largeur de l'image d'évent ? Aussi y a t'il moyen que mon écriture dans mon QEEL ne soit pas si grande, en 11 sa serait parfait je crois ? (je le ferais bien moi même mais je suis vraiment nul avec le codage xD)

Donc, si je comprends bien, tu veux que le QEEL s'adapte a la largeur de l'image d'event, donc la largeur de tout le truc deviendra 880px. C'est ca ? xD

Pour la taille de la police, j'en ai pas defini de particuliere. Si ca apparait gros, c'est peut-etre que la police generale de ton forum est a 12 ou 14. Je vais la mettre a 11 pour le QEEL, mais tu voudras peut-etre egalement modifier celle de ton forum ^^

Tiens, essaie ca et dis-moi si ca te va :)
J'ai rajoute mon nom dans les credits :x me suis permis

Il est tout simplement parfait merci beaucoup