Codage pour mon forum! v [4/01] [miss angel]

Commande de codage pour Chatonnette.

BONJOUR.

✓ Type de codage : (page d'accueil, modification des catégories, qui est en ligne ?, ou codage signature...) page d'accueil, modification des catégories, qui est en ligne ?
✓ Schéma(s) du rendu que vous souhaiterez : (obligatoire) Pour la page d'acceuil:

Spoiler:

Note: Les contour plus foncé ça veut dire que je veux que ça paraisse en petit cube au bord circulaire. Ceux qui sont moins foncé c'est l'espace ou je veux que ça soit mais sans voir du carrée au coin circulaire. :3
Détails:
Pour la description du forum, utilise la même qui est déjà sur le forum.
Nouveautés ; Celle sur forum je vais modifier après avec les nouvelles nouveautés.
Ajoute des points pour que je sache comment séparer les nouveautés (si possible (je suis débutante ^^'))
Partenariats :
Ceux-ci:

Ou suivre Makado: Mettre https://twitter.com/Makadote et http://www.sailorfuku.com/club-24613-makado.
Je ne sais pas si c'est possible mais mettre les deux liens sous de petites images kawaii et si on clique dessus ça nous emmène au lien?

Staff: Mettre en petite images kawaii (avec lien qui nous emmène au profil) aussi et si tu met ta souris dessus tu peux voir leur pseudo et leur rang.
Staff est tout écrit là ; http://makado.canadian-forum.com/t424-constitution-du-staff

lien pour le staff:

modification des catégories

Spoiler:

Détaillé C'est simple, tout juste le nom de chaque catégorie en gros[/i]

Qui est en ligne ?

Spoiler:

Pour l'info ; (J'aimerais qu'il soit écrit comme ça) Nous avons en tout (le nombre de membres) Makadotes et (le nombre de messages) messages postés.

Nous souhaitons la bienvenue à (nouveau membre). ♥

(nombre de membres en ligne) Makadotes en ligne, (nombre de visiteurs) visiteurs et (nombre de moteurs de recherches) robots.

(nombre de membres sur la chat box) Membres qui délirent sur le chat.

En ligne dernier 24 heure ; Tout simple, avoir les noms des membres en ligne depuis les derniers 24 heure dans le carrée au coins ronds.

Groupes ; Les groupes dans le carrée au coin ronds.

(Pour les couleurs et le reste des choses que je n'ai peut-être pas mentionner c'est libre à vous ^^)

✓ Dimensions : Pas d'obligations (ce qui va bien avec le forum)
✓ Couleur(s) Dominante(s) : [i](préciser les codes couleurs) Celui du thème sur le spoiler.

Header du prochain theme:

✓ Exemple(s) de codage souhaité : Je ne sais pas :c
✓ Textes, images & liens à intégrer au codage : Les liens déjà mit sur le forum.
✓ Autre : Je sais que c'est beaucoup demander mais
merci beaucoup pour votre temps et assurez-vous que votre travail sera créditez (n'oubliez pas d'écrire que c'est vous qui l'ait fait sur les trois choses). ♥
✓ Lien où sera mis le codage : http://makado.canadian-forum.com/

MERCI D'AVANCE.

Bonjour.
Merci d'avoir choisi Elegance Design pour ta commande, toutefois elle n'est pas valide. Merci de relire le règlement !
Tu as demandé trois commandes de codage différents ce qui fait 300 €D alors que tu en as à peine une centaine donc tu ne peux en faire qu'une ! Ensuite, il faut que tu mettes les liens que tu veux qu'on mette ou que tu les mettes par toi-même on ne va pas les chercher pour toi ! ;)
À bientôt sur ED !~

Bonjour!

J'ai ajouté les liens qui manquaient et j'ai maintenant 300 €D ! ^^

Mes salutations ! :)
Merci d'avoir choisi Elegance Design pour ta commande, je la valide.
Quelqu'un viendra prendre en charge ta commande/ta demande dès que possible.
Pour les modifications des catégories c'est assez simple si c'est juste pour grossir la taille des titres des catégories tu le fais directement dans le panneau d'administration où il il a les noms de tes catégories (X à remplacer par la taille de ton choix) :

Code:: <div style="font-size:Xpx;">NOM DE LA CATEGORIE</div>

Citation :: Mettre en petite images kawaii (avec lien qui nous emmène au profil) aussi et si tu met ta souris dessus tu peux voir leur pseudo et leur rang.

Oui c'est possible ça s'appelle des infobulles ;)
À bientôt sur ED !~

Merci beaucoup! ^^

Bonjour/Bonsoir.

Nous n'avons plus de nouvelles concernant ta demande depuis un certain temps maintenant...
Ta demande est-elle toujours d'actualité ?

Oui, ma demande est toujours d'actu! ^^

Citation :: Ou suivre Makado: Mettre https://twitter.com/Makadote et http://www.sailorfuku.com/club-24613-makado.
Je ne sais pas si c'est possible mais mettre les deux liens sous de petites images kawaii et si on clique dessus ça nous emmène au lien?

Le qui est en ligne terminé :

Dans le template index_body (PA > Affichage > Template > Général)
Remplacer ce code :

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <td class="catHead" colspan="2" height="28">
   
   <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
   

   
   <span class="cattitle">{L_WHO_IS_ONLINE}</span>
   
   </td>
</tr>
<tr>
   <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
   {TOTAL_USERS}<br />
   {NEWEST_USER}</span></td>
</tr>
<tr>
   <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
   {RECORD_USERS}<br />
   <br />
   {LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
   <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>

<tr>
   <td class="row1">
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
         
         <div id="chatbox_popup"></div>
         <script type="text/javascript">
         //<![CDATA[
         insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
         //]]>
         </script>
         
      </span>
   </td>
</tr>

</table>

Par celui-ci :

Code:: 
<br/><br/><br/>
<table width="100%" height="400px" border="0">
<tr>
<td>

<div id="qeel-perso">
<span class="gensmall">

<div id="qeel-persoinfo">
{TOTAL_USERS}<br />{TOTAL_POSTS}<br /><br />
{NEWEST_USER}<br /><br />
{TOTAL_USERS_ONLINE}
<br /><br />{TOTAL_CHATTERS_ONLINE}<br /><br />
</div>
<div id="qeel-persogroupes">{GROUP_LEGEND}</div>
<div id="qeel-persoenligne">
<div id="persoenligne">

{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}

</div>
</div>

</span>
</div>
<script type="text/javascript">
document.getElementById('qeel-perso').innerHTML=document.getElementById('qeel-perso').innerHTML.replace(/Nos membres ont posté un total de (.+) message(s?)/,'$1 message$2 posté$2.');
document.getElementById('qeel-perso').innerHTML=document.getElementById('qeel-perso').innerHTML.replace(/Nous avons (.+) membre(s?) enregistrés/,'Nous avons en tout $1 Makadote$2 et ');
document.getElementById('qeel-perso').innerHTML=document.getElementById('qeel-perso').innerHTML.replace(/L'utilisateur enregistré le plus récent est (.+)/,'Nous souhaitons la bienvenue à $1.');
document.getElementById('qeel-perso').innerHTML=document.getElementById('qeel-perso').innerHTML.replace(/Utilisateurs enregistrés : (.+)/,'$1');
document.getElementById('qeel-perso').innerHTML=document.getElementById('qeel-perso').innerHTML.replace(/Il y a en tout (.+) utilisateur(s?) en ligne :: (.+) Enregistré(s?), (.+) Invisible(s?) et (.+) Invité(s?) /,'$3 Makadote$4 en ligne, $7 visiteur$8.');
document.getElementById('qeel-perso').innerHTML=document.getElementById('qeel-perso').innerHTML.replace(/Il y a actuellement (.+) utilisateur(s?) sur la ChatBox :/,'$1 Membres qui délirent sur le chat.');
</script>

</td></tr></table>

Le CSS du " qui est en ligne "

Code:: #qeel-persoinfo{
width:250px;
height:250px;
background-color:#ffffff;
margin-left:50px;
border:2px dashed #93DFFD;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
padding: 15px;}

#qeel-persogroupes{
position: absolute;
width:250px;
height:100px;
background-color:#ffffff;
z-index:1;
margin-left:200px;
margin-top:-80px;
border:2px solid #93DFFD;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
padding: 15px;}

#qeel-persoenligne{
overflow:auto;
width:250px;
height:300px;
background-color:#ffffff;
margin-left:350px;
margin-top:-330px;
border:2px dashed #93DFFD;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
padding: 15px;}

#persoenligne{
overflow:auto;
height:220px;}

Des nouvelles, Chatonnette ? ^^

Oh merci beaucoup, beaucoup! :D
♥♥♥

Pour les images Kawaii, je veux dire comme des boutons comme ceux-ci:
Ici , Ici , Ici, Ici, Ici

J'ai une question ; je met le CSS du qui est en ligne ou?

Sujet: Commande terminée Sam 2 Mar - 21:27

Chatonnette a écrit:: Oh merci beaucoup, beaucoup! :D
♥♥♥

J'ai une question ; je met le CSS du qui est en ligne ou?

Panneau d'administration > Affichage > couleur > Feuille de style CSS

Et voici la page d'accueil terminée (Panneau d'administration > Affichage > Généralités)

Code:: <table border="0" width="100%" height="100%" cellspacing="10">
<tr>
<td class="PAcube" colspan=3 width="100%" height="25%" border="1">

Makado est un forum qui concerne tout ce qui est kawaii, mais il parle aussi de graphisme et de japonaiserie. Nous apprenons tous ensemble comment grapher. Quelque soit le logiciel que nous utilisons, il y a toujours quelqu'un pour nous aider. Il y a une bonne ambiance. Concernant la japonaiserie, il y a plusieurs choses à savoir. Bien evidemment, qui dit japonaiserie, dit Kawaii.
</td>
</tr>
<tr>
<td class="PAcube" width="58%" border="1">

<div id="PAnews"><dl>

<dt class="PAtitrenews">Titre News 1</dt>

<dd>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</dd><br />


<dt class="PAtitrenews">Titre News 2</dt>

<dd>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</dd><br />


<dt class="PAtitrenews">Titre News 3</dt>

<dd>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</dd><br />


<dt class="PAtitrenews">Titre News 4</dt>

<dd>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</dd><br />

</dl></div>
</td>
<td width="22%" border="0">

<div align="center">
<a href="http://dreams-city.forumsactifs.com/"><img src="http://img11.hostingpics.net/pics/395117296848Bannire.png" border="0"/></a><br /><br />
<a href="http://graph-addict.forumsactifs.com/"><img src="http://image.noelshack.com/fichiers/2013/01/1357237866-bouton.gif" border="0"/></a><br /><br />
<a href="http://teengirls.forumgratuit.be/"><img src="http://i.imgur.com/6k9r4.png" border="0"/></a><br /><br />
<a href="http://azn-world.forum-canada.net/forum"><img src="http://img11.hostingpics.net/pics/5820061346068308sanstitre3.png" border="0"/></a><br /><br />
<a href="http://www.cocktail-graph.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/709257827997boutonpartenaire.png" border="0" alt="" /></a><br /><br />
<a href="http://silver-rainbow-color.forums-actifs.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i38.servimg.com/u/f38/17/48/37/55/bouton52.png" border="0" alt="" /></a><br /><br />
</div>
</td>
<td width="20%" rowspan=2 border="0">

<div align="center">
<div class="staff"><a href="http://makado.canadian-forum.com/u1"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/sans_t12.png" border="0"/><div class="PAstaff">Chatonnette<br />           <i>Administratrice</i></div></a></div> <br />
<div class="staff"><a href="http://makado.canadian-forum.com/u7"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/sans_t14.png" border="0"/><div class="PAstaff">Yuka<br />           <i>co-admin</i></div></a></div> <br />
<div class="staff"><a href="http://makado.canadian-forum.com/u10"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/sans_t15.png" border="0"/><div class="PAstaff">Lola<br />           <i>Chef Modo</i></div></a></div> <br />
<div class="staff"><a href="http://makado.canadian-forum.com/u4"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/sans_t18.png" border="0"/><div class="PAstaff">Akane<br />           <i>Modératrice</i></div></a></div> <br />
<div class="staff"><a href="http://makado.canadian-forum.com/u31"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/sans_t16.png" border="0"/><div class="PAstaff">Jeanne<br />           <i>Modératice</i></div></a></div> 
</div>
</td>
</tr>
<tr>
<td class="PAcube" width="90%" colspan=2 border="1">

<div align="center">
<a href="https://twitter.com/Makadote" target="_blank" title="Twitter"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/png_ka10.gif" border="0"/></a>
<a href="http://www.sailorfuku.com/club-24613-makado" target="_blank" title="Sailorfuku"><img id="effetimagesPA" src="http://i76.servimg.com/u/f76/11/49/98/20/coneji10.gif" border="0"/></a></div>
</td>
</tr>
</table>

Et le CSS de la page d'accueil (Panneau d'administration > Affichage > couleur > Feuille de style CSS)

Code:: .PAstaff {display:none;
}

.staff:hover .PAstaff{
position:absolute;
display:block;
z-index:1;
width:130px;
height:25px;
background-color:#ffffff;
margin-left:110px;
margin-top:-50px;
border:2px dashed #93DFFD;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
padding: 15px;
padding-left:10px;
text-align:left;
text-transform:uppercase;
line-height: 12px;}

.PAcube{background-color:#ffffff;
margin-left:50px;
border:2px dashed #93DFFD;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
padding: 15px;}

#PAnews{overflow:auto;
width:auto;
height:350px;
}

.PAtitrenews{size:11px; text-transform:uppercase; font-family: Verdana, Tahoma; font-style:italic;}

#PAtitre{size:11px; text-transform:uppercase;}

#effetimagesPA{
opacity:0.5;}

#effetimagesPA:hover{
opacity:0.8;
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */}

S'il faut modifier quelque chose, n'hésite pas à demander :)

Je ne saurais jamais comment te remercier assez d'avoir fait tout ça pour moi! Merci beaucoup!
C'est encore plus beau que je ne l'avais imaginer!

La seule chose qu'il y a comme bug c'est le "en ligne pendant les derniers 24 heures" qui n'entre pas la deuxième bulle en haut.

Codage pour mon forum! *v* [4/01] [miss angel] 709353Untitled

Codage pour mon forum! *v* [4/01] [miss angel] 709353Untitled

Bonjour,

Je suis contente que cela te plaise, et merci beaucoup le petit mot que tu as mis en ma faveur sur ta page d'accueil, je suis très touchée. :)

Pour le qui est en ligne,

Dans le template index_body (PA > Affichage > Template > Général)

Remplacer ce code :

Code:: <div id="qeel-persoenligne">
<div id="persoenligne">

{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}

</div>
</div>

Par celui-ci:

Code:: <div id="qeel-persoenligne">
<div id="persoenligne">
<table width="100%" height="80%" border="0">
<tr><td valign="top">{LOGGED_IN_USER_LIST} </td></tr>
<tr>
<td valign="top">
<table width="100%" height="20%" border="0">
<tr><td valign="top">{L_CONNECTED_MEMBERS}</td></tr>
</table>
</td>
</tr>
</table>

</div>

</div>

Merci! Je crois que c'est tout! :D
Et de rien pour le message c'est tout petit comparer à ce que tu as fait pour le forum! ^^

Sauf que Sayuri a dit: "Pour les modifications des catégories c'est assez simple si c'est juste pour grossir la taille des titres des catégories tu le fais directement dans le panneau d'administration où il il a les noms de tes catégories (X à remplacer par la taille de ton choix) :"

Code:: <div style="font-size:Xpx;">NOM DE LA CATEGORIE</div>

Et je n'ai pas réussis à le faire. Tu peux m'aider? ^^'

Oui bien sûr, comment puis-je t'aider ??

J'ai été voir sur ton forum, c'est " GENERALITES " ou " Règlement " que tu veux mettre plus grand ??

Bien le bonsoir à vous deux, content que la commande se soit bien passée et merci d'avoir crédité Elegance Design. 8~)

J'espère que tu seras prise comme Codeuse miss angel. ;~)

Il faut encore retirer les 300 €D à Chatonnette et donner les 40 €D à miss angel non ? Codage pour mon forum! *v* [4/01] [miss angel] 884436624

Codage pour mon forum! *v* [4/01] [miss angel] 884436624

Parce que je n'ai trouvé aucune trace dans le récapitulatif.

Bien à vous, bien cordialement,

Arthur Dent, Admin on ED. :~)

GENERALITES que je veux en plus grand

Je ne sais pas ce qui a été donner ou pas! n_n

Chatonnette a écrit:: GENERALITES que je veux en plus grand

Bonjour Chatonnette, alors tu vas te diriger vers ta feuille de style pour y inclure un code CSS ( rappel: panneau d'administration > Affichage > Couleurs > onglet Feuille de style CSS )

Tu ajoutes ce code :