Pa, Catés, QEEL ? ♥

Invité

Bonsoir !
Je sais que tu graphs et codes très bien. *-* Je me permets de te commander les codages du forum que je suis en train de construire avec Akora. Je comprendrais que tu ne veuilles pas faire le codage étant donné que nous avons loin d'avoir fini, mais ce serait super cool, on aurait une idée d'avance avant de commander le graphisme tu vois. Le graphisme est d'ailleurs en attente dans la boutique de Nadri.

Commande de codage

VOTRE PSEUDO : Kau.
TYPE DE CODAGE VOULU : PA + Catégories + QEEL
TAILLE MAXIMUM EN LARGEUR DU CODE : 850px de longueur, environ. Largeur/hauteur libre.
SCHEMA DU CODE :
PA:

Catés:

QEEL:

IMAGES : Je m'en occuperais. c:
AUTRE CHOSE ? PA : Les carrés bleus correspondent aux images. Quant aux roses, ce sont eux aussi des images, mais au passage de la souris, elles se couvrent d'un espèce de voile noir avec du texte dessus. Si ce n'est pas possible, elle disparaissent simplement et laissent apparaître un texte.
Les deux cadres en bas à gauche et en bas à droite contiennent des textes qui défilent (comme tu as du le deviner xD.). De même pour les images "longues" sur les côtés en haut, elles défileront aussi. Je ne pense qu'il n'y a pas besoin d'autres explications, demande-moi si ça ne va pas. c:

Catégories : Encore une fois, les bleus correspondent aux images. Derrière les titres de catégories, il y aurait une image de fond. Les espèces de rectangles noirs correspondent au fond du forum, c'est-à-dire qu'il y aura un espace entre chaque catégorie. Si possible, les titres de catégories seraient eux-mêmes aussi des images mais ce n'est pas obligé.

QEEL : Les bleus correspondent encore et toujours aux images. Par ailleurs, il y a trois images ; la grande en haut, une au centre et une longue en bas (les deux dernières que j'ai citées ne sont donc pas une seule et même image.).

Tu peux mettre des couleurs random, on s'en occupera nous-même selon le thème. De même serait-il possible que les couleurs/tailles et styles soient plutôt modifiables via CSS ? Je suis une grosse quiche en HTML, pas en CSS donc. :')

OU ALLER VOUS UTILISEZ LA CRÉATION : http://survivorsdogs.superforum.fr/

Invité

Désolée du DP.
J'annule ma commande. Je pense la passer autre part ... Ce n'est pas par impatience personnelle, c'est juste que notre forum en a cruellement besoin pour avancer. =)

Bonne journée !

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

hello !
je comprend ^^
je ne pense pas avoir prévenu sur AFF (mise à part au staff) mais je viens de récuperer mon internet (ayant ma box qui m'a lacher pendant 2 semaines) du coup je n'ai pas vu ta commande ...
du coup bonne chance !!

Invité

Merci beaucoup de ta compréhension. Very Happy

Je suis heureuse d'entendre que tu nous reviens en tous cas !

Invité

Je suis chiante. xD
Mais finalement serais-tu toujours d'accord pour cette commande ? Enfin, ce ne serait que pour la PA et le QEEL cette fois. c:

Merci d'avance.

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

hellow,
il me faudrais acceder a votre site, voir comment il est, si le contenu est avancer ou non ...
après faire le codage sans connaître les couleurs/thèmes c'est chaud ...

si non oui c'est possible ^^

Invité

Merci !
J'ai enlevé la maintenance. c:
Si tu veux, tu peux te créer un compte et je te le mettrais admin au besoin.

Messages : 18 Date d'inscription : 02/04/2015

Par contre la bannière est provisoire donc je ne sait pas si tu en à besoin pour t'aider mais je te prévient.

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

hello,
je veut bien essayer ^^
pour le QEEL il faut par contre un accès au template ... (accès unique via le compte fondateur) pour la PA un simple accès du panneau d'admin suffit ^^

Invité

Je laisse Akora gérer ça, c'est elle qui a le compte fondateur.
Un énorme merci Reira ! **

Messages : 18 Date d'inscription : 02/04/2015

Je fait quoi je te passe mon MDP par MP et je le change après ?

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

hellow !
je verrais, je peu commencer par la PA,
par contre ... j'aimerais savoir si vous avez demander l'autorisation pour reprendre des idées de AFF ? tel que 3 jauges, qui se gagne par chasse (dé de chasse) entraînement, ... il y a beaucoup de ressemblance ... une terre pauvre en nourriture ...

Invité

Un énorme merci !

Pour l'inspiration du système de jeu, je ne pensais pas qu'il nous était nécessaire de demander à AFF, ayant vu ce même système sur pas mal d'autres forums plus anciens. Exemples (liens en hide) :

Mais nous pourrons éventuellement faire une demande à Empress si cela gêne trop.

Pour le contexte ... Je ne sais pas exactement quoi ajouter, car les terres pauvres en nourriture, l'apocalypse & etc., sont tirés clairement et directement du livre original. :')

Messages : 18 Date d'inscription : 02/04/2015

Oui, j'ai dit à Kau qu'il y avait des ressemblances niveau contexte, mais tout est repris du livre.

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

si cela est repris du livre je ne dis rien :p

pour ce qui est du système, sachant que vous ête des membres, oui ... c'est préférable. Pour la simple et bonne raison que même si tu nous donne des liens, d'exemple, il y a déjà énormément de copie (que l'on ne peu pas gerer) néanmoins de la part de membres participant a AFF c'est un bonne exemple, sa evite de se faire mal voir ^^ sachant que vous avez demandez a faire partie du staff et que c'est un respect de travail !

Après je ne vous oblige pas, mais sa apporte de la confusion, et des gens qui vous verrons "mal".

voilà, j'essaye de faire votre PA et vous donne le résultat ici !

Messages : 18 Date d'inscription : 02/04/2015

C'est peut-être mieux, je laisse Kau gérer ça =)

Invité

Je comprends tout à fait. (:
Nous tâcherons de faire une demande auprès d'Empress tantôt, je pense à l'ouverture du forum, pour éviter tout problème.

Encore merci. :3

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

Ok, merci, je garderais le lien du fow en attendant.
si non voilà ce que j'ai fais pour la PA :
http://teste-lg.superforum.fr/

il manque juste les over sur certaine images !

Messages : 18 Date d'inscription : 02/04/2015

C'est juste parfait ! C'est tout à fait ça, merci beaucoup !

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

et voilà avec les hover !
si vous me dite ok je vous donne les codes !

Invité

Pincez-moi pincez-moi.
C'est exactement ce qu'on voulait ... En bien meilleur même. *o*
Je ne saurais comment te remercier. **
C'est parfait !

Messages : 18 Date d'inscription : 02/04/2015

Pas de problème je te pince Pa, Catés, QEEL ? ♥ 2850537950

Pour moi c'est OK !

Invité

xD
C'est bon pour moi aussi. :3

Queen of color's Messages : 130 Date d'inscription : 04/12/2014 Age : 31

ok super, je commence le QEEL ^^
voilà les code de la PA :
CODE de la PA :

Code:: <div style="width:855px;margin:22px;">

<center>
      <img style="width:855px;height:50px;" src="http://zupimages.net/up/14/32/kacb.png" />
   <div style="width:166px;margin-right:5px;float:left;">

      <div class="titrepa">
            Titre
      </div>
         <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" />
   </div>

   <div style="width:254px;margin-right:5px;float:left;">

      <div class="titrepa">
            Titre
      </div>

      <div class="textepa">
            Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. <br /> Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit.
      </div>

   </div>

   <div style="width:254px;float:left;">

      <div class="titrepa">
            Titre
      </div>

      <div class="textepa">
            Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. <br /> Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit.
      </div>

   </div>

   <div style="width:166px;margin-left:5px;float:left;">

      <div class="titrepa">
            Titre
      </div>
         <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" /> <img class="imagebleu" src="http://zupimages.net/up/14/32/kacb.png" />
   </div>

   <div style="clear:both;">

   </div>

   <div class="banner">
         <img class="ban_img" src="http://zupimages.net/up/14/32/kacb.png" />
      <div class="ban_text">
            Lorem ipsum dolor sit amet.
      </div>

   </div>

   <div class="banner imagerose">
         <img class="ban_img" src="http://zupimages.net/up/14/32/kacb.png" />
      <div class="ban_text">
            Lorem ipsum dolor sit amet.
      </div>

   </div>

   <div class="banner imagerose">
         <img class="ban_img" src="http://zupimages.net/up/14/32/kacb.png" />
      <div class="ban_text">
            Lorem ipsum dolor sit amet.
      </div>

   </div>

   <div class="banner imagerose">
         <img class="ban_img" src="http://zupimages.net/up/14/32/kacb.png" />
      <div class="ban_text">
            Lorem ipsum dolor sit amet.
      </div>

   </div>

   <div class="banner imagerose">
         <img class="ban_img" src="http://zupimages.net/up/14/32/kacb.png" />
      <div class="ban_text">
            Lorem ipsum dolor sit amet.
      </div>

   </div>

   <div style="clear:both;">

   </div>

   <div style="width:280px;margin-right:5px;float:left;">

      <div class="titrepa">
            Titre
      </div>

      <div class="textepa">

         <marquee direction="up" scrollamount="4">
               Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. <br /> Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit.
         </marquee>

      </div>

   </div>

   <div style="width:285px;margin-right:5px;float:left;">

      <div class="titrepa">
            Titre
      </div>

      <div class="banner2" style="margin-right:5px;">
            <img class="ban_img2" src="http://zupimages.net/up/14/32/kacb.png" />
         <div class="ban_text2">
               Lorem ipsum dolor sit amet.
         </div>

      </div>

      <div class="banner2">
            <img class="ban_img2" src="http://zupimages.net/up/14/32/kacb.png" />
         <div class="ban_text2">
               Lorem ipsum dolor sit amet.
         </div>

      </div>

      <div style="clear:both;">

      </div>

      <div class="titrepa">
            Vote
      </div>

      <div class="textepa2">
            Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut
      </div>

   </div>

   <div style="width:280px;float:left;">

      <div class="titrepa">
            Titre
      </div>

      <div class="textepa">

         <marquee direction="up" scrollamount="4">
               Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. <br /> Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit.
         </marquee>

      </div>

   </div>

   <div style="clear:both;">

   </div>
      <img style="width:855px;height:50px;" src="http://zupimages.net/up/14/32/kacb.png" />
</center>
</div>
<div style="font-family: arial; font-size: 9px; text-transform: uppercase;">
   <a href="http://forum-theme.forumperso.com/"> Codages © Reira | Toutes reproductions partielles ou complètes sont strictement interdites</a>
</div>

CSS :

Code:: /* PA SURVIVOR */
.titrepa {
background:#3E6783;
color:white;
font-weight: 700;
padding:5px;
font-size:15px;
text-transform: uppercase;
margin-top:5px;
margin-bottom:5px;
}

.textepa {
background:#5A91B7;
padding:5px;
color:white;
text-align:justify;
margin-bottom: 5px;
height: 245px;
overflow:auto;
}

.textepa2 {
background:#5A91B7;
padding:5px;
color:white;
text-align:justify;
margin-bottom: 5px;
height: 155px;
overflow:auto;
}

.textepa marquee {
text-align:justify;
}

.imagebleu {
margin-bottom:5px;
}

.imagerose {
margin-left:6px;
}

.banner {
position: relative;
width: 166px;
height: 47px;
overflow: hidden;
float:left;

}
.ban_img {
width: 166px;
height: 47px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.ban_text {
position: absolute;
width: 156px;
height: 67px;
z-index: 9;
top: 0px;
left: 0px;
padding:5px;
overflow: auto;
font-family: 'Arial';
font-size: 12px;
text-align: justify;
opacity: 0;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}

.banner:hover .ban_img {
opacity: 0.3;

}
.banner:hover .ban_text { opacity: 1; }

.banner2 {
position: relative;
width: 140px;
height: 50px;
overflow: hidden;
float:left;

}
.ban_img2 {
width: 140px;
height: 50px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.ban_text2 {
position: absolute;
width: 130px;
height: 40px;
z-index: 9;
top: 0px;
left: 0px;
padding:5px;
overflow: auto;
font-family: 'Arial';
font-size: 12px;
text-align: justify;
opacity: 0;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}

.banner2:hover .ban_img2 {
opacity: 0.3;

}
.banner2:hover .ban_text2 { opacity: 1; }

Invité

Merci beaucoup ! ♥