Sujets similaires

Sujet: Re: Soucis de design Mar 18 Jan 2011, 14:00

Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Soucis de design - Page 3 Resolu3

en éditant votre premier message (:

Sujet: Re: Soucis de design Ven 21 Jan 2011, 03:44

Sujet: Re: Soucis de design Mar 25 Jan 2011, 12:12

Bonjour,

J'ai essayé de lire tout ce qui a été fait depuis le début, mais j'aimerai savoir ou tu en es afin de pouvoir t'aider désormais ?

Sujet: Re: Soucis de design Mar 25 Jan 2011, 12:52

Bonjour/soir.

Je te remercie de venir m'aider. Voici le lien du forum pour que tu puisse voir par toi même ce que je voudrais, histoire d'aller avec le design déjà effectué (et encore plus que modifiable):

Spoiler:

J'aimerai lier les onglets vos débuts, vos persos... au bloc au dessous

Toujours pour les onglets, j'aimerai changer la couleur, la largeur et voir la forme si possible

Pour le bloc, j'aimerai savoir si on peut définir une taille identique pour toutes les lignes ne dépendant pas du quota d'écriture, et s'il est possible de centrer l'image en hauteur

Ensuite, comme je ne trouve pas de personne pour me faire mes boutons, j'aimerai savoir comment faire pour contourner ce problème

Et pour finir j'aimerai savoir s'il est possible d'arrondir les coins bleus.

Merci d'avance Smile

Sujet: Re: Soucis de design Mar 25 Jan 2011, 13:01

Alors, il va me falloir ton CSS et ton code de templates ou se situe les onglets (index_box ou index_body j'avoue que je ne sais plus là) afin de pouvoir t'aider au maximum en ce qui concerne tes onglets.

Ensuite, qu'est ce que tu appelles "bloc" ?

Quant aux boutons, je te conseil d'aller sur des forums de graphisme, tu trouveras toujours quelqu'un pour répondre à ta commande, si tu n'en a pas sous la main, il y en a pas mal dans les partenaires de CSSActif ^^, si ce n'est pas de ça que tu me parlais, alors n'hésites pas à me donner des précisions Wink

En ce qui concerne les coins bleus, c'est possible en effet, le soucis c'est que ça le fera sur toutes tes lignes du tableau global du forum. si tu ne comprends pas ce que je veux dire, je pourrai te donner le code qui te permettra de faire ceci, et tu verras donc par toi même ce que je veux dire XD

Je crois avoir fais le tour, j'attends donc tes indications pour pouvoir t'aider ^^

Sujet: Re: Soucis de design Mar 25 Jan 2011, 13:23

Alors, le bloc pour moi c'est là où il y a les catégories.

Pour le graphisme j'ai déjà fait une demande sur un site mais çà n'avance pas. Je demandais donc si il y avait un genre de barre de navigation en codage en attendant d'en avoir. Sinon je ferais une autre commande Smile

Pour le code, je ne comprends pas, je veux bien faire un essai

Ensuite, voici mon css:

Code:: body {
background-position: top center;
}

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #30001f;
color: #28001a;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://i61.servimg.com/u/f61/15/51/67/68/tst_ca15.jpg");
color: #70002c;
text-align: center;
display: block;
border-bottom: 5px solid #68002e;
-moz-border-radius:10px;
}

a:hover {
text-decoration: none !important;
}

a:hover{
letter-spacing : 2px; }

a {
text-shadow: 3px 2px 5px #78000c;
}

a { text-decoration: none; }

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}

.limitation-signature img {
max-width: 600px;
max-height: 200px;

}

#chatbox_members ul li,
body.chatbox {
background-image:url('http://i61.servimg.com/u/f61/15/51/67/68/izapwu11.jpg');
}

#chatbox_header .catBottom .cattitle {
color: #030138;}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
-webkit-border-radius: 20px;
}

.bodyline {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.img3 {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.img3:hover {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
}

.code{
font-family: French Script MT;
font-size: 25px;
color: #FFFFFF;
line-height: 125%;
background-color: #280400;
border: #60001c;
border-style: double;
border: 6px #60001c double;
border-left-width: 6px;
border-top-width: 6px;
border-right-width: 6px;
border-bottom-width: 6px}

.spoiler{
font-family: French Script MT;
font-size: 12px;
color: #FFFFFF;
line-height: 125%;
background-color: #280400;
border: #60001c;
border-style: double;
border: 6px #60001c double;
border-left-width: 6px;
border-top-width: 6px;
border-right-width: 6px;
border-bottom-width: 6px}

.quote{
font-family: French Script MT;
font-size: 25px;
color: #FFFFFF;
line-height: 125%;
background-color: #280400;
border: #60001c;
border-style: double;
border: 6px #60001c double;
border-left-width: 6px;
border-top-width: 6px;
border-right-width: 6px;
border-bottom-width: 6px}

tr.post span.gensmall { display: none; }

.titre_categorie {
background:(http://theotime.colin.free.fr/IMG/jpg/fond-d-ecran-tourbillons-gris.jpg); /*fond*/
-moz-border-radius-topleft: 1000px; /*arrondi angle gauche*/
-moz-border-radius-topright: 50px; /*arrondi angle droit*/
-webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
-webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
margin-top: 10px; /*ne pas modifier*/
margin-bottom: -10px /*a modifier selon vos goûts*/
text-align: center; /*alignement du texte*/
width: 300px; /*largeur à modifier selon vos goûts*/
heigth: 500px; /*Longueur*/
margin-left: 400px; /*pour déplacer la position des titres des catégories*/
padding-top: 1px !important; /*espace entre la bordure et le texte*/
padding-bottom: 1px !important; /*espace entre la bordure et le texte*/
-moz-text-shadow: 2px 2px 2px #0f9800; /*ombre sur le texte*/
-webkit-text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/
text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/}

body {
color:black;
background-color:#cccccc;
background-image:url(http://i61.servimg.com/u/f61/15/51/67/68/fond-e11.jpg);
}

.text {
color:#7EA3A6; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Vos débuts,#cat_Vos personnages,#Partie RPG,#cat_Partie HJ,#cat_Partie Admin#cat_Corbeille /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://i61.servimg.com/u/f61/15/51/67/68/sans_t10.png') no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:25px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('http://i61.servimg.com/u/f61/15/51/67/68/sans_t10.png') no-repeat; /*URL de l'onglet étant inactif*/
width:150px; /*Largeur de l'onglet étant inactif*/
height:25px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}

.onglet { /*Onglet non survolé*/
background-color: #E5E5F1;
display: inline-block;
width: auto;
cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-right:8px;
}

.actif { /*Onglet survolé*/
background-image: -moz-linear-gradient(top, #E5E5F1, #C0C0C0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5F1), to(#C0C0C0));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0)";
}

Et mon template (index_box):

Code:: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>



<script type="text/javascript">

</script>



<script type="text/javascript">

</script>



<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<tr>

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>


<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>

</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


<img src="{SPACER}" alt="" height="5" width="1" />

Voilà

Sujet: Re: Soucis de design Mar 25 Jan 2011, 13:39

Sujet: Re: Soucis de design Mar 25 Jan 2011, 13:40

Pour le ce que tu appelles le "bloc", pourrais tu me donner plus d'informations ? Qu'est-ce que tu veux qui est la même taille ? La description de tes forums ? J'avoue que j'ai du mal à comprendre à ce niveau là.

Ensuite pour arrondir le coin bleu, avant de te donner le code, j'aimerai savoir du quel tu parles ? Celui vers les statistique du derniers post dans les forums (les derniers messages) ?

Merci pour tes codes, je vais regarder ça Wink

Merci Massive8despair, j'étais justement entrain de chercher dans les tutos ^^

Sujet: Re: Soucis de design Mar 25 Jan 2011, 13:44

Et bien pour le bloc, lorsque l'on va vers d'autres onglets, il y a des catégories (descriptions) plus grosses que d'autres, donc je voudrais savoir si je peux l'uniformiser et si oui comment.

Pour les coins bleus, celui-ci en fait partie, mais il y en a plusieurs autres aussi.

Et merci pour le tuto, je vais testé tout çà.

SI j'explique mal, dites-le moi Wink

Sujet: Re: Soucis de design Mar 25 Jan 2011, 14:09

Ok donc c'est bien les descriptions dont tu parles, et non pas les catégories par elle même... Il va donc falloir apporter des modifications dans les templates et par le CSS je pense, cela dit avant de faire ça on va tester un code à mettre seulement dans le CSS :

Code:: td.row1 span.genmed div{
height:---px;
overflow:auto;
}

Cela affichera une barre de défilement dans tes descriptions si jamais elle est plus longue que la hauteur que tu indiques dans 'height'
Cela dit, je ne suis pas sûr que ce code la fonctionne, alors c'est vraiment juste un test pour le coup, si ça ne marche pas je t'expliquerai la façon "normal" de faire ce genre de chose Wink

Pour les coins bleus, alors...
A ce que je vois sur ton forum il doit y avoir :

Code:: td.row1{
-moz-border-radius:0px 0px 0px --px;
}

td.row3{
-moz-border-radius:0px 0px --px 0px;
}

Il se peut que j'en ai oublié mais ca devrait être bon, sachant qu'il faut modifié les -- évidement Wink

On finira par les onglets vu que c'est le plus "compliqué" ^^

Sujet: Re: Soucis de design Mer 26 Jan 2011, 07:22

Alors, pour les coins je ne vois aucun changement

Et pour la barre de défilement, çà m'allonge mon tableau d'accueil en haut et réduit la taille en bas mais ne fait rien pour les descriptions

Sujet: Re: Soucis de design Jeu 27 Jan 2011, 16:03

tu pourrais me faire un screen du résultat s'il te plait ? Pour que je vois ce que ca modifie parce que je comprend pas ce que tu veux dire...

Pour les coins c'est bizarre, mais je vais regarder ça un peu mieux.

Sujet: Re: Soucis de design Ven 28 Jan 2011, 04:15

Voici ce que çà donne :S

Spoiler:

çà par contre j'aime bien:

Spoiler:

Bonjour ^^

Ton problème est-il toujours d'actualité? S'il a été résolu, je te prie d'éditer ton premier message et de cocher l'icône Soucis de design - Page 3 Resolu

Merci

Hello ^^

Ton problème est-il toujours d'actualité? S'il a été résolu, je te prie d'éditer ton premier message et de cocher l'icône Soucis de design - Page 3 Resolu

Merci

Je confirme que ce message est encore d'actualité

Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Soucis de design - Page 3 Resolu

en éditant votre premier message (:

Encore et toujours en cours XD

Bonjour !

Bon je vois que ça commence à dater et à être répétitif pour toi mais si je pouvais t'embêter un peu en te demandant de faire un petit point de où ça en est, qu'est-ce-qu'il y a à résoudre comme problème au stade actuel ?

Merci ^^

Bonjour ^^

Ton problème est-il toujours d'actualité? S'il a été résolu, je te demande de bien vouloir d'éditer ton premier message et de cocher l'icône Soucis de design - Page 3 Resolu

Merci

Oui il est encore d'actualité

Les problèmes sont:
- Disposer le nom des catégories en les élargissants, que'elles soient collées et qu'elles aient la même taille voir une autre forme et une autre couleur.
- Choisir une taille définie identiques pour toutes les catégories de forum.
- Arrondir tous les coins qui ne le sont pas

Je crois que c'est tout pour l'instant

Sujet: Re: Soucis de design Jeu 03 Mar 2011, 13:14

Bonjour !

Votre problème est-il toujours d'actualité ? Si ce n'est pas le cas, merci de bien vouloir éditer votre premier message et de cocher l'icône Soucis de design - Page 3 Resolu

.

Merci d'avance. Smile

Sujet: Re: Soucis de design Jeu 03 Mar 2011, 14:21

Encore et toujours d'actualité... Wink

Sujet: Re: Soucis de design Jeu 03 Mar 2011, 16:53

Hello (:
Après avoir consulté les codeurs en voyant le temps que prend cette demande d'aide, je te conseille de te diriger vers les commandes.
En effet, il apparait que tu "commandes" des choses plus que tu ne proposes des problèmes à régler avec des codes à l'appui.
En passant commande, l'attente sera sûrement beaucoup moins longue (:
Inutile de préciser que la commande ne peut concerner qu'un élément et pas toute une liste.
Je pense que les codeurs ne viendront pas tenter de t'aider à présent, je te suggère donc vivement de poster une commande, dans la Deuxième Section à laquelle tu as maintenant accès.
Merci de ta compréhension (:

Soucis de design

Soucis de design

Sujets similaires

Sujets similaires

Partenaires Or