Demande de graph + codage, s'il vous plait !

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageDemande de graph + codage, s'il vous plait ! Dim 22 Nov - 0:46
Bonsoir ! Tout d'abord nous aimons énormément votre travail, c'est tout simplement magnifique, nous vous suivons depuis un bon moment et nous sommes toujours subjugués par ce que vous faites en tant que codage et graphisme. Vos tutoriels sont aussi excellent, au passage. ( certains m'ont été dans le passé vraiment utiles ! Grâce à vous j'ai pu découvrir des choses que je ne savais pas ).

Nous aimerons donc si possible, demander un petit coup de main pour le graphisme et le codage ; Si vous acceptez nous n'avons aucun délai de prévu et nous mettrons bien sûr autant de crédits que nécessaires, voire même plus, dont un bouton partenaire de notre côté. Nous vous remercierons jamais assez si vous acceptez notre demande.

Par contre je m'en excuse, si il existe, je n'ai vu aucun formulaire à remplir pour vous donner les informations nécessaires. Si il vous manque quoi que ce soit n'hésitez pas à me relancer ! Il est possible que j'oublie des détails importants.

Je précise que ce sont juste des idées, vous avez carte blanche en général.

Les images ( Vous pouvez mettre des render de personnage d'anime si vous le désirez, c'est pour vous montrer le genre d'image qu'on aimerait bien) :
- http://image.noelshack.com/fichiers/2015/47/1448148484-konachan-com-201568-sample.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148496-konachan-com-62516-chrono-trigger-clouds-dress-grass-gray-hair-janus-zeal-landscape-long-hair-rainbow-scenic-schala-zeal-short-hair-sky-sunakumo-water-waterfall.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148521-konachan-com-75088-landscape-lineage-2-nobody-scenic-sky-tagme.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148531-konachan-com-156154-sample.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148595-konachan-com-143486-sample.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148681-konachan-com-178665-sample.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148712-konachan-com-194401-sample.jpg
- http://image.noelshack.com/fichiers/2015/47/1448148862-pixiv-fantasia-full-1110119.jpg


Ambiance générale //Style : D'or et déjà, notre forum se focalise sur le fantastique avec un style anime/manga. Il s'agit d'un forum Rpg. Le contexte principal se situe sur les 'îles volantes'.

Les couleurs : Des couleurs sobres, allant du beige/blanc/bleu clair, style aérien, doux.

Bannière : 1600*500, Avec le nom du forum 'Ariesten' + « A sky full of stars ». Ce qui serait top, c'est qu'elle couvre bien en longueur  le haut du forum si possible !

Pour les partenaires, est-il possible de les mettre « à côté » de la bannière en haut à droite ( vu qu'elle est supposée grande, elles peuvent empiéter dessus) ? Ce serait des petites icons en 40/40.

Est-il possible d'avoir une 'boite à rumeur' à droite, un peu plus en bas des icons partenaire ?

Pour la navigation :

Il faudrait fixer la navigation sur le côté gauche sur toutes les pages du forum, en colonne. Du genre :

Accueil
Faq
Rechercher
...

Idée de P.A possible :

http://image.noelshack.com/fichiers/2015/47/1448144135-schemapa.png

Pour le slide c'est de gauche à droite.
Pour les prédéfinis, on aimerait que l’icône grossisse un peu quand la souris passe dessus, si possible.
Pour le staff ; Il faudrait que, lorsqu'on passe sa souris dessus, on puisse voir le prénom et un accès au profil via un lien


Idée de catégorie possible :

http://image.noelshack.com/fichiers/2015/47/1448144135-cate.png

Pour l'image tout à gauche dans  les catégories, il y a un slide qui recouvre les sous forums, allant de droite à gauche.

Idée de Qeel possible :

http://image.noelshack.com/fichiers/2015/47/1448144133-qeel.png

Le groupe change quand on passe sa souris sur les différents triangles ( par exemple, le rouge = groupe 1 et etc.)

Liste des sujets :

http://image.noelshack.com/fichiers/2015/47/1448144133-liste-des-sujets.png


Profil :

http://image.noelshack.com/fichiers/2015/47/1448144132-avatar.png

Le point rouge est une signalisation hors-ligne/En ligne. En somme quand la personne est connecté le bouton sera vert et quand elle ne l'est pas. C'est un petit point rouge/vert basique de la taille voulu, tant qu'on le voit plutôt bien. (Pardon c'est fouillis mais le bouton 'en ligne/hors ligne' se situe sur l'emplacement du bouton rouge sur le schéma)

Merci en avance de prendre comprendre en considération notre commande ou ne serait-ce que de la lire ! Nous savons que c'est beaucoup de choses à faire...

Bonne journée ou soirée à vous.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Lun 23 Nov - 18:36
avatar
Nombre de messages : 904
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonsoir,

L'apposition d'une telle multitude de crédits ne sera aucunement nécessaire – une simple indication dans le sujet correspondant du règlement m'est amplement suffisant.

La catégorie n'étant initialement instaurée à cet effet, il n'existe aucun formulaire pour ce genre de requêtes. Vous parâtes toutefois à ce manque aisément, vos renseignements sont d'une précision admirable et il me semble disposer de toutes les données requises pour l'élaboration du design ; vos divers souhaits sont évidemment retranscrits.

Vous remerciant du soin appliqué à votre démarche et vous informant que l'ensemble devrait vous être présenté en fin de semaine.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Lun 23 Nov - 23:13
Je vous remercie pour cette réponse rapide et positive. Nous sommes très heureux de voir notre demande prise en charge ( Heureux, que dis-je, même plus que ça ! ) Prenez  votre temps en ce qui concerne le délai, nous sommes d'ailleurs bien surprit de votre rapidité ! Même si il ne vous manque apparemment rien, n'hésitez pas à me contacter au cas vous voudriez des informations en plus.

Nous vous remercions encore, étant tous très fans de votre travail depuis longtemps, c'est comme si un rêve se réalisait.

Nous vous souhaitons une agréable journée/soirée.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Sam 28 Nov - 3:50
avatar
Nombre de messages : 904
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Largueur du forum : 800px

Bannière fond vide :
Code:
http://img11.hostingpics.net/pics/492549EMPTYARIES.png


Boutons :
- -

Icônes du forum :
- -

Icônes du sujet :
- -

Page d'accueil :
Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/AES_PA.css" rel="stylesheet" type="text/css"><!-- BLOC DROITE --><div id="rgtAES"><!-- BLOC PARTENAIRES --><div class="partAES"><span>Partenaires</span><!-- CONTENU --><div><!-- I --><a href="..." target="_blank"><img src="http://www.aht.li/2780857/4040.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2780857/4040.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2780857/4040.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2780857/4040.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2780857/4040.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2780857/4040.png" /></a></div></div><!-- BOITE A RUMEURS --><div class="rhumAES"><span>Rumeurs</span><!-- CONTENU --><div>...</div></div></div><!-- PAGE D'ACCUEIL --><div id="AES"><!-- 6 PREDEFINIS - IMAGES 50*50 --><div class="pfAES"><span>Prédéfinis</span><div><!-- Ière LIGNE - I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><br/><!-- IInd LIGNE - IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div><!-- NEWS --><div class="newsAES"><!-- 3 ANNONCES/EVENEMENTS - IMAGES 500*150 --><div id="NEWSAES"><ul id="blocNEWSAES"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li></ul></div></div><br/><!-- STAFF --><div id="staffAES"><!-- I --><div class="staffAES eins"><div><!-- IMAGE I 150*150 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU I --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div><!-- II --><div class="staffAES zwei"><div><!-- IMAGE II 150*150 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU II --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div><!-- III --><div class="staffAES drei"><div><!-- IMAGE III 150*150 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU III --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div><!-- IV --><div class="staffAES vier"><div><!-- IMAGE IV 150*150 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU IV --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div></div><!-- LIENS --><div class="lksAES"><a href="" target="_blank">Règlement</a><a href="" target="_blank">Bottin d'avatars</a><a href="" target="_blank">Partenariats</a><a href="" target="_blank">Annexes</a><a href="" target="_blank">Les groupes</a></div><!-- CONTEXTE --><div class="ctxtAES"><!-- IMAGE CONTEXTE 250*250 --><img src="http://www.aht.li/2780799/250250.png" /><!-- TITRE CONTEXTE --><div><span>Contexte</span><!-- CONTENU CONTEXTE --><p>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</p><!-- LIEN CONTEXTE --><a href="" target="_blank">plus ici</a></div></div></div>

Remplacer les lignes 84 à 222 du template index_body par :
Spoiler:
 

Remplacer les lignes 273 à 277 du template overall_header par :
Spoiler:
 

Remplacer les lignes 107 à 307 du template viewtopic_body par :
Spoiler:
 

Remplacer l'intégralité de index_box par :
Spoiler:
 

Images descriptives en 335*125 :

Remplacer l'intégralité de topics_list_box par :
Spoiler:
 

Partenariat :
- - -

Rang :

Partie CSS :
Code:
/* CODAGE GLOBAL */
body {
margin:0; padding:0; width:100%;
background-position:top center; background-image:url(http://www.aht.li/2779480/ARIES.png); background-repeat: no-repeat;
}
.bodyline {padding:0; margin:0;}
td.cat, td.catBottom, td.catHead, th.thHead, th.thCornerL, th.thCornerR, th.thTop, th.thSides, td.catSides, td.catLeft {border:none;}
#text_editor_iframe, input, select, textarea {color:black;}
/* SOULIGNEMENT DES LIENS */
a, a:focus, a:active, a:hover {text-decoration:none !important;}

/* FOND PAGE D'ACCUEIL */
#AES {
background:url(http://www.aht.li/2780770/bgPARIES.png); /* MODIFIABLE */
}
/* TITRE PREDEFINIS PAGE D'ACCUEIL */
.pfAES span{
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE DEFILEMENT EVENEMENTS PAGE D'ACCUEIL */
.newsAES {
border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* CONTENU STAFF PAGE D'ACCUEIL */
.staffAES p{
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* LIENS PAGE D'ACCUEIL */
.lksAES a{
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
}
.ctxtAES div{
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* TITRE PARTENAIRES PAGE D'ACCUEIL */
.partAES span{
background:rgba(250,250,250,0.7); color:#CCC; /* MODIFIABLE */
}
/* CONTENU PARTENAIRES PAGES D'ACCUEIL */
.partAES div{
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* TITRE RUMEURS PAGE D'ACCUEIL */
.rhumAES span{
background:rgba(250,250,250,0.7); color:#CCC; /* MODIFIABLE */
}
/* CONTENU RUMEURS PAGE D'ACCUEIL */
.rhumAES div{
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}

/* NAVIGATION */
.navSIT {
position:absolute; top:755px; left:50%; margin-left:-650px;
line-height:10px;  
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a{
display:block; margin:5px 0; padding:10px 5px;
text-transform:uppercase; text-align:center; font-weight:bold;
color:#ccc; font-size:14px; font-family:Arial;  /* MODIFIABLE */
background:rgba(250,250,250,0.5); border-radius:15px 100px/100px 15px; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.navSIT a:hover {
font-style:italic; /* MODIFIABLE */
}

/* TITRE CATEGORIES */
.tleCAT{
margin:15px auto;
width:800px; padding:10px 0; text-align:center;
background:#ceccde; /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; /* MODIFIABLE */
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:800px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
position:relative; width:800px; height:165px; overflow:hidden;
}
/* TITRE BLOCS FORUMS */
.tleFRM {
display:inline-block; height:20px; width:485px; padding:10px 5px 10px 10px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left;
background:#eae3f4; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE FORUMS */
.triLFRM {
position:absolute; z-index:3; margin-left:490px; margin-top:-40px;
width:0; height:0; border-style: solid; border-width:40px 20px 0 0;  
border-color:#eae3f4 transparent transparent transparent; /* MODIFIABLE */
}
/* ICÔNES BLOCS FORUMS */
.imgFRM{
position:absolute; margin-left:-10px;
width:50px; height:40px;
}
/* TRIANGLE NOMBRE SUJETS ET MESSAGES */
.triRFRM {
position:absolute; z-index:3; margin-left:520px; margin-top:-40px;
width:0; height:0; border-style: solid; border-width:0 0 40px 20px;
border-color:transparent transparent #f1f0f4 transparent; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
display:inline-block; vertical-align:top; height:20px; width:290px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:#f1f0f4; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS/DESCRIPTION/DERNIER MESSAGE */
#dtlFRM {
width:800px; height:125px;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:205px; height:115px; padding:5px 125px 5px 5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#ceccde; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTIONS FORUMS */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:210px;
width: 0; height: 0; border-style: solid; border-width: 0 0 125px 125px;
border-color: transparent transparent #EDEFF4 transparent; /* MODIFIABLE */
}
/* DESCRIPTIONS BLOCS FORUMS */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:115px; padding:5px; overflow:auto;
background:#EDEFF4; color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial; text-align:justify;
}
/* IMAGES BLOCS FORUMS */
.descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-340px;
width:335px; height:125px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#dtlFRM:hover .descFRM img{
transform:translateX(-335px); -webkit-transform:translateX(-335px);
}
/* DERNIER MESSAGE */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:130px; height:105px; padding:10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
}

/* FORUMS LUS/SUJETS & POSTEURS DU JOUR */
.lksSTATS {
padding:10px 0; text-align:center;
}

/* QEEL */
.QEEL {
margin:auto; height:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
width:490px; height:25px; padding:10px 0 10px 10px;
background:#CECCDE; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
.tleQEEL a{
font-size:24px;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:500px; margin-top:-45px;
width:0; height:0;
border-style: solid; border-width:45px 20px 0 0;  
border-color:#CECCDE transparent transparent transparent; /* MODIFIABLE */
}
/* BLOC STATISTIQUES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
width:800px;
background:url(http://www.aht.li/2780770/bgPARIES.png);  /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:middle;
width:200px; margin-left:-25px;
}
#stsQEEL img {
position:absolute; margin-left:-25px;
width:200px; height:200px; border-radius:200px;
transition:all 0.80s ease; -webkit-transition:all 0.80s ease;
}
#stsQEEL:hover img{
transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg); opacity:0;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:200px; height:175px; padding-top:25px; border-radius:200px; overflow:hidden;
background:#edeff4; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; text-align:center;
border-bottom:1px dotted black; /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE/24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:middle;
width:400px; padding:10px 0; text-align:center;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:170px; height:190px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* ANNIVERSAIRES */
.onlineQEEL .row1 {
padding:0;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:180px; height:205px; padding:5px; overflow:hidden;
background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
width:210px; height:215px; text-align:center;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
width:190px; height:195px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:-90px; margin-top:-70px;
width:300px; height:25px; padding:10px 0;
text-align:center; font-size:18px; font-family:Arial; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC TRIANGLES COLORES GROUPES QEEL */
.GQEEL {
width:800px; text-align:center;
}
/* TRIANGLES COLORES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:0; height: 0; border-style: solid; border-width:65px 60px 0 60px;
border-color:#007bff transparent transparent transparent;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRIANGLE COLORE QEEL */
.onglet_1 {
opacity:1;
}

/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:800px; margin:auto;
}
.LSBJ {
width:800px; margin:5px 0;
}
/* TITRE */
.tleSBJ {
display:inline-block; vertical-align:top;
width:400px; height:20px; padding:10px 5px 10px 10px;
background:#eae3f4; font-family:Arial; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; vertical-align:top;
width:205px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
background:#f1f0f4; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top;
width:160px; height:30px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* DESCRIPTION */
.descSBJ {
margin-top:5px; width:790px; padding:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* IMAGES / STATISTIQUES / LISTES DES PAGES */
.ladSBJ {
margin:5px 0;
}
/* IMAGES */
.ivrSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
height:25px;
}
/* IMAGES */
.imgSBJ {
width:75px; height:25px;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:75px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-10px;
width:550px;
font-size:10px; text-align:right;
}

/* TITRE MESSAGES */
.tleP {
text-align:right; font-size:10px;
}
/* PSEUDONYME MESSAGES */
.nameP {
width:420px; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#AEAAC3;
}
/* TRIANGLE PSEUDONYME MESSAGES */
.triP {
position:absolute; z-index:3; margin-left:365px; margin-top:-26px; width:0; height:0; border-style: solid;
border-width:30px 20px 0 0;  border-color:#AEAAC3 transparent transparent transparent;
}
/* CITER/EDITER/IP MESSAGES */
.toolsP {
width:240px; height:20px; padding:5px; text-align:right;
background:#ccc;
}
/* APPARENCE MESSAGES */
div.postbody {
padding:10px; min-height:100px;
background:rgba(250,250,250,0.3); border:3px solid rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR MESSAGES */
.avaP {
margin-bottom:10px; width:200px;
}
/* TEXTE RANG */
.rankP {
position:absolute; z-index:3; margin-left:-21px; margin-top:320px;
width:320px; overflow:hidden;
text-transform:uppercase; text-align:center;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.4); background:rgba(250,250,250,0.2); /* MODIFIABLE */
transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform-origin:top left; -webkit-transform-origin:top left;
}
/* IMAGE JOUEUR EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:-17px; margin-top:300px;
}
/* IMAGE RANG */
.imgrankP {
position:absolute; z-index:2;
margin-left:-81px; margin-top:-45px;
 }
/* INFOS JOUEUR */
.dtailS {
padding:5px; width:190px;
font-size:11px;
color:black; background:rgba(250,250,250,0.4); /* MODIFIABLE */
}
/* BLOCS INFOS JOUEUR */
.dtailS div{
margin:5px auto;
width:170px;  padding:5px;
font-family:Arial; font-size:11px;
color:black; background:rgba(250,250,250,0.4); /* MODIFIABLE */
}
/* TITRES INFOS JOUEUR */
.dtailS div span{
text-transform:uppercase; color:#AEAAC3; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
width:200px; text-align:center;
opacity:0.5;
}
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Sam 28 Nov - 18:52
Whoa... Déjà, merci énormément pour votre aide, vote design et votre codage sont tout simplement magnifiques. Je n'ai pas les mots pour vous faire comprendre à quel point votre aide est utile... Tout concorde à souhait ! ♥ Les couleurs, le graphisme... On adore ! La bannière est juste sublime !

Seulement, je n'avais pas plus l'intention de vous embêter mais nous aurions encore deux petites questions;

Nous n'arrivons pas à activer les sous-forums qui devrait être là...

Spoiler:
 


... sous le slide ! Nous avons pourtant mit les sous forums mais ils n’apparaissent pas.

Une autre petite question, est-il possible de 'cacher' l'apparition du rang en dessous de l'avatar dans le profil ?

Spoiler:
 


Pardon de vous 'redonner' du travail ! Merci encore pour votre travail très satisfaisant !

Bonne soirée.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Sam 28 Nov - 21:02
avatar
Nombre de messages : 904
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Constatant la présence de la bannière à l'arrière-plan de vos captures d'écran, un rapide rappel de l'importance de la mise en place du fond vide semble justifié.

Le bloc des sous-forums s'affichant correctement, le problème devrait ainsi provenir des liens. N'observant le phénomène en mes contrées et la partie CSS exonérant normalement ces derniers des règles pré-établies, l'unique solution m'apparaissant présentement serait la suivante :



Quant au rang, l'image ne disposant d'aucune qualification particulière et Forumactif ne nous octroyant la possibilité de modifier l'apparence des profils avancés, cette dissimulation ne me paraît malencontreusement pas réalisable.

Restant à votre disposition en cas de la persistance du problème soulevé et vous souhaitant autrement la concrétisation de vos objectifs en ce projet.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Dim 29 Nov - 22:11
Bonjour et merci de votre réponse, nous avons réglé le problème des sous-forums grâce à votre démonstration.

Ce n'est pas grave pour les rangs, nous nous en doutions un petit peu ! Ils sont très bien ainsi de toute manière !

Un énorme merci pour l'aide apportée, mais nous voudrions savoir encore une petite chose relatée à ce que vous aviez dit pour le fond vide; Nous ne savons pas comment procéder, n'ayant mit que vos codes et votre graphisme.

Encore désolé de vous prendre de votre temps et encore une fois bonne soirée.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Lun 30 Nov - 5:41
avatar
Nombre de messages : 904
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Code:
http://img11.hostingpics.net/pics/492549EMPTYARIES.png

L'apposition de ce code à l'endroit indiqué sur l'image suivante contre normalement l'effet représenté précédemment :


Panneau d'administration > Affichage > Images et Couleurs > Gestion des images > Mode Avancé > Général / navigation

Vous souhaitant de même.
Revenir en haut Aller en bas
MessageSuite du problème Mer 9 Déc - 19:53
Bonjour, c'est de nouveau les gens d'Ariesten.

Je devais vous renvoyez un message pour vous dire que nous avons d'or et déjà placé la bannière sous vide en premier lieu. Seulement, quand nous baissons la page, cette dernière descend elle aussi comme si celle n'était pas fixe. Je ne sais pas si c'est très clair comme explication...

Nous nous excusons de vous accaparer encore un peu.

Bonne soirée à vous et merci d'avance !
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Mer 9 Déc - 21:49
avatar
Nombre de messages : 904
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
M'avouant quelque peu perplexe face à l'opiniâtreté du problème, le plus simple serait certainement que vous me transmettiez l'adresse de votre forum  - sous balises hide si sa communication prématurée vous incommodait, afin que je puisse interagir directement avec l'élément concerné via l'inspecteur du navigateur.
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Mer 9 Déc - 23:58
Voici !

Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Jeu 10 Déc - 4:29
avatar
Nombre de messages : 904
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Ajouter la propriété ci-dessous à body :
Code:
background-attachment: scroll;

Ainsi que les lignes suivantes pour contrôler les éléments récalcitrants du QEEL :
Code:
/* ANNIVERSAIRES */
.onlineQEEL .row1 {
padding: 0px;
background: none;
}
/* TAILLE DU TEXTE ANNIVERSAIRES */
.onlineQEEL .row1 .gensmall {
font-size:10px; /* MODIFIABLE */
}
/* 24H */
.dayQEEL .row1 {
background:none;
}
/* TAILLE DU TEXTE 24H */
.dayQEEL .row1 .gensmall {
font-size:10px; /* MODIFIABLE */
}
Revenir en haut Aller en bas
MessageRe: Demande de graph + codage, s'il vous plait ! Jeu 10 Déc - 12:16
Je vous remercie encore de votre patience, le problème a été réglé convenablement suite aux ajouts.

Nous sommes réellement ravi du travail que vous avez fourni, nous vous remercions encore pour la création de ce thème ainsi que des codes.

Nous vous souhaitons sur ce une très bonne continuation,

Bonne soirée/journée.
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-