demande de design + codage de forum

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
Messagedemande de design + codage de forum Mer 11 Nov - 17:18
bonjour
je viens vous demander votre aide si vous avez le temps pour faire un design + codage pour mon forum
j'aime beaucoup ce que vous faite déjà sur votre forum vous pourrais laisser les crédits et faire un bouton partenaire que je pourrais mettre dans la PA si cela vous intéresse
Liste des images à utiliser : http://orig06.deviantart.net/e7ff/f/2013/024/3/d/exo_k___kai__png__by_deerhansic-d5skgzw.png
http://img13.deviantart.net/6918/i/2013/298/3/f/_png_render__chen_so_cool_magazine_by_thaobyeons-d6om2ji.png
http://orig07.deviantart.net/9702/f/2015/138/3/e/yook_sung_jae_render_by_hikarikida-d8ttqbv.png
http://pre01.deviantart.net/3807/th/pre/i/2014/314/c/b/leo_vixx_png_by_angii33-d85xfm3.png
Taille du header 1600*500
Texte wonderland fansub / slogan : là où le voyage commencent...
Idée PA:
http://i21.servimg.com/u/f21/18/66/37/93/sans_t10.jpg
Pour les news un effet déroulant du haut vers le bas si c'est possible
Idée Catégorie :
http://i21.servimg.com/u/f21/18/66/37/93/sans_t11.jpg
Avec un effet transparence sur les image dans la catégorie pour mettre le contexte dessus si c'est possible avec les avatar et le nombre des message dedans
Idée queel :
http://i21.servimg.com/u/f21/18/66/37/93/sans_t12.jpg
Pour le queel en image de fond avec des effet sur les colonne si c'est possible
Idée Navigation :
http://i21.servimg.com/u/f21/18/66/37/93/sans_t13.jpg
Navigation à gauche fixer sur tout les pages du forum
Ce ne sont que des idée si vous souhaiter ajouter des effet ou en supprimer vous pouvais le faire
Style voulu ou ambiance recherchée : school/academie classe
couleur :sombre ou clair
merci pour votre aide
je vous donne mon adresse mail pour pouvoir communiquer si vous avez des questions
Revenir en haut Aller en bas
MessageRe: demande de design + codage de forum Ven 13 Nov - 15:49
Nombre de messages : 837
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonsoir,

Ne m'attardant que brièvement pour vous signifier l'acceptation de votre commande et vous prévenir d'un délai de réalisation s'étendant jusqu'au 20 Novembre.

Disposant présentement d'une connexion des plus exécrable, et les images proposées ne se dévoilant en conséquence que de quelques pixels, il ne me semble pourtant apercevoir que les prémices de formes masculines et je désirerai alors m'informer des possibilités si une recherche supplémentaire de ressources devait être effectuée par la suite – la présence de personnages féminins est-elle proscrite ?

Les dimensions de la bannière se verront certainement ajustées mais de tels affinements ne sont que soucis futurs aussi je ne confirmerai actuellement que les textes souhaités :

Titre du forum : Wonderland Fansub
Sous-titre : Là où le voyage commence...

N'étant familière de cette catégorie de forum, toute précision supplémentaire concernant l'atmosphère imaginée sera appréciée – si vous affectionniez, par exemple, une certaine architecture, que vous désiriez la mise en valeur d'une saison particulière ou d'un objet spécifique, etc...

Vous remerciant des esquisses de codage proposées et vous rappelant que ces derniers seront par la suite affichés en libre service.

Puissiez-vous passer une agréable fin de journée.
Revenir en haut Aller en bas
MessageRe: demande de design + codage de forum Ven 13 Nov - 19:08
bonsoir
merci de prendre ma commande pour le délai d'attente il n'a aucun problème je peux attendre le temps qu'il vous faudra vous pouvez prendre des images féminines aussi et choisir d'autre images du moment que cela reste dans la KPOP pour les codages et les images graphiques vous pouvez les mettre en libre service cela me pose aucun problème
si c'est possible je souhaite un thème sur une saison qui est l'hiver est des bannière changeante quand on change de page
je vous mes des images pour les star féminine
http://orig13.deviantart.net/41f2/f/2013/035/4/6/iu_render_2_by_x_hyper_virus-d5tt956.png
http://pre13.deviantart.net/e335/th/pre/f/2014/039/6/e/render_33___tiffany__snsd__by_starphine-d6sg2f3.png
http://pre06.deviantart.net/fa9b/th/pre/f/2013/143/3/e/jimin__15e___png__render__by_sellscarol-d66afck.png

merci encore pour votre aide
passer une très bonne soirée
si vous avez d'autre question n’hésiter pas
Revenir en haut Aller en bas
MessageRe: demande de design + codage de forum Ven 20 Nov - 22:37
Nombre de messages : 837
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Bannière fond vide :
Code:
http://img11.hostingpics.net/pics/803119EMPTYWF.png

Couleur du fond de page : #F9FBFA

Icônes du forum :
Verrouillé - Nouveau - Base

- -

Partie CSS :
Code:
/* SOULIGNEMENT DES LIENS */
a, a:focus, a:active, a:hover {text-decoration:none !important;}
td.cat, td.catBottom, td.catHead, th.thHead, th.thCornerL, th.thCornerR, th.thTop, th.thSides, td.catSides, td.catLeft {border:none;}

/* CODAGE GLOBAL */
body {
margin:0; padding:0; width:100%;
background-position:top center; background-image:url(http://www.aht.li/2777021/WFBann.png); background-repeat: no-repeat;
}
.bodyline {
padding:0; margin:0;
}

/* NAVIGATION */
.navSIT {
position:absolute; top:755px; left:25px;
line-height:10px;
}
.mainmenu img{
display:none;
}
.navSIT a{
display:block; margin:0; padding:10px 5px;
text-transform:uppercase; text-align:left;
color:white; font-size:36px; font-family:Birch Std; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.navSIT a:hover {
font-style:italic;
}

/* BLOC CATEGORIES */
.topCAT{
width:850px; height:99px; margin:auto;
background-image:url(http://www.aht.li/2776233/WFCAT_01.png); background-repeat:no-repeat;
}
.mdlCAT{
background-image:url(http://www.aht.li/2776234/WFCAT_02.png); background-repeat:repeat-y;
width:850px;  margin:auto;
}
.btmCAT{
width:850px; height:130px; margin:auto; border-radius:0 0 15px 15px;
background-image:url(http://www.aht.li/2776235/WFCAT_03.png); background-repeat:no-repeat;
}
/* TITRE CATEGORIES */
.tleCAT{
width:850px; text-align:center;
}
.tleCAT h2{
padding-top:25px;
font-size:42px; text-transform:uppercase; letter-spacing:3px; /* MODIFIABLE */
font-family:Birch Std; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:850px; padding-left:25px; text-align:center;
margin-left:auto; margin-right:auto; margin-top:5px;
}
/* BLOCS FORUMS */
.FRM{
float:left; margin:10px; 
width:245px; height:200px; 
}
/* TITRE BLOCS FORUMS */
.tleFRM {
margin:auto; height:20px; width:210px; padding:5px; overflow:hidden;
font-family:Verdana; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* DESCRIPTIONS BLOCS FORUMS */
.descFRM {
margin:10px auto;
border:5px solid rgba(250,250,250,0.3); /* MODIFIABLE */
width:200px; height:105px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; text-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* IMAGES BLOCS FORUMS */
.descFRM img {
position:absolute; margin-top:-5px; margin-left:-5px;
width:210px; height:115px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.descFRM:hover img{
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* BLOC IMAGE/SOUS-FORUMS/SUJETS/MESSAGES */
.ismFRM {
width:245px; height:50px;
}
/* IMAGE BLOCS FORUMS */
.imgFRM{
width:50px; height:50px; display:inline-block;
}
.imgFRM img {
width:50px; height:50px;
}
/* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR */
#lstavFRM {
position:absolute; margin-top:-180px; margin-left:2px;
width:210px; height:115px;
transform:scale(0); -webkit-transform:scale(0); opacity:0;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* DERNIER MESSAGE */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:140px; height:95px; 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 */
}
.lmsgFRM img {
width:11px; height:9px;
}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
display:inline-block; vertical-align:top;
width:50px; height:115px; overflow:hidden;
}
.avaFRM img{
width:50px; height:115px; opacity:0.7;
}
.imgFRM:hover #lstavFRM {
transform:scale(1); -webkit-transform:scale(1); opacity:1;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:50px; height:35px; padding:15px 0px 0px 0px;
text-align:center; color:rgba(250,250,250,0.6); font-size:10px;
background:#dae0e2; /* MODIFIABLE */
}
/* BLOC LIENS SOUS-FORUMS */
.sfFRM div{
position:absolute; z-index:3; margin-top:-159px; margin-left:-52px;
width:200px; height:105px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:grey; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div{
opacity:1;
transform:scale(1); -webkit-transform:scale(1);
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.sjtFRM{
display:inline-block; vertical-align:top;
width:50px; height:35px; padding:15px 0px 0px 0px; font-size:11px;
background-color:rgba(250,250,250,0.8); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
.repFRM { 
display:inline-block; vertical-align:top;
width:50px; height:35px; padding:15px 0px 0px 0px; font-size:11px;
background-color:rgba(250,250,250,0.6); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}

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

/* QEEL */
.QEEL {
margin:auto; height:330px; width:850px; padding-top:20px; text-align:center;
background:url(http://www.aht.li/2776091/QEELWF.png); border-radius:15px; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE/24H */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:300px;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
display:inline-block; margin-bottom:10px; margin-right:5px;
width:270px; height:100px; padding:10px; border-radius:15px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.onlineQEEL:hover {
overflow:auto; opacity:1;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; margin-right:5px;
width:280px; height:110px; padding:5px; border-radius:15px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.dayQEEL:hover {
overflow:auto; opacity:1;
}
/* BLOC ANNIVERSAIRES/STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-bottom:10px;
width:225px; height:100px; padding:10px; border-radius:15px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
text-align:justify !important;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover {
overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:245px; height:120px;
font-family:Verdana; /* MODIFIABLE */ font-size:11px; text-align:center;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto;
width:245px; height:20px; padding:8px 0;
text-transform:uppercase; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover div {
color:rgba(0,0,0,0);
}
/* CONTENU STATISTIQUES */
.statsHOV {
position:absolute; z-index:5; margin-left:-122px; margin-top:-41px;
width:245px; height:20px; padding:8px 0;
background:rgba(250,250,250,0.3); color:black !important;  /* MODIFIABLE */
opacity:0; transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover .statsHOV {
opacity:1;
}
/* GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; margin-left:5px;
width:200px; height:230px; padding:10px 0; border-radius:15px; overflow:hidden;
text-align:center; text-transform:uppercase; font-family:Birch Std; font-size:24px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.GQEEL:hover {
opacity:1; overflow:auto;
}
/* NOMS DES GROUPES */
.GQEEL a{
display:block;
text-shadow:1px 1px 0px rgba(0,0,0,0.3); letter-spacing:3px; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.GQEEL a:hover {
letter-spacing:1px; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
width:820px; height:35px; padding:15px;
text-transform:uppercase;  letter-spacing:5px; text-align:center;
}
.tleQEEL a{
font-size:48px; font-family:Birch Std; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}

Page d'accueil :
Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/WF.css" rel="stylesheet" type="text/css"><div id="WF"><div class="blocWF" style="padding-top:10px;"><div class="tleWF">Concept</div><!-- CONCEPT --><div class="ctxtWF">Concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept</div><div class="tleWF">Partenaires</div><!-- 12 PARTENAIRES - IMAGES EN 50*50 --><div class="partWF"><!-- 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>  <!-- 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><br/><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>  <!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>  <!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- XI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div><!-- NEWS --><div class="blocWF"><!-- 3 ANNONCES/EVENEMENTS - IMAGES 200*300 --><div class="eventsWF"><div id="NEWSWF"><ul id="blocNEWSWF"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://www.aht.li/2776411/200300.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://www.aht.li/2776411/200300.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://www.aht.li/2776411/200300.png" /></a></li></ul></div></div></div><div class="blocWF"><div class="tleIIWF">Staff</div><!-- STAFF --><div class="staffWF"><!-- I --><div style="margin-right:5px;"><!-- IMAGE 90*90 --><img src="http://www.aht.li/2776945/9090.png" /><p>Pseudonyme<br/>Rang<br/><!-- DISPONIBILITE --><font color="teal">Disponible</font></p></div><!-- II --><div><!-- IMAGE II 90*90 --><img src="http://www.aht.li/2776945/9090.png" /><p>Pseudonyme<br/>Rang<br/><!-- DISPONIBILITE II --><font color="teal">Disponible</font></p></div></div><!-- IMAGE 200*150 --><img class="imgWF" src="http://www.aht.li/2774172/Wonderland.png" /></div></div>

Remplacer l'intégralité du template index_box par :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
 
</table><!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
<div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

 <!-- BEGIN cathead -->
<div class="topCAT"></div>
 <!-- END cathead -->
 
<!-- BEGIN forumrow -->
<div class="blocFRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="descFRM">{catrow.forumrow.FORUM_DESC}</div>
<div class="ismFRM"><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div id="lstavFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div></div> <div class="sfFRM">SF<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div> <div class="sjtFRM">{catrow.forumrow.TOPICS}</div> <div class="repFRM">{catrow.forumrow.POSTS}</div></div>
</div></div>   
 <!-- END forumrow -->
 
<!-- BEGIN catfoot -->
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
 <span style="display:block; height:1px; clear:both;"></span></div>
<div class="btmCAT"></div>
<!-- END tablefoot --><!-- END catrow -->

Remplacer l'intégralité du template index_body par :
Spoiler:
 

Modifier les lignes 273 à 277 du template overall_header par :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navSIT">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
 </table>
Revenir en haut Aller en bas
Messagere commande Sam 21 Nov - 12:17
bonjour
merci pour votre travail c'est magnifique mais je rencontre quelque problème peut être que je n'ai pas fais tout ce qui faut
mon problème et le suivant j'ai tout installer en suivant vos instruction mais mes images ne s'affiche pas que ce soit la bannière ou les images new et lock et base je vous ai fait une capture d’écran
merci pour votre aide
Revenir en haut Aller en bas
MessageRe: demande de design + codage de forum Sam 21 Nov - 17:48
Nombre de messages : 837
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Images descriptives :

Largeur du forum :

Icônes du forum :

Bannière fond vide :

Couleurs :
Revenir en haut Aller en bas
MessageRe: demande de design + codage de forum Sam 21 Nov - 20:04
merci beaucoup c'est bon ça marche encore un grand merci pour ton travail c'est magnifique bonne soiréee
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-