| Arrondis à l'intérieur du forum | |
|
|
Aero-L
{ Membre }
Messages : 33
| Bonjour, et tout d'abord merci d'avance à celui ou celle qui prendra le temps de me lire et de me répondre. J'essaye depuis quelques temps d'obtenir un arrondi harmonieux sur mon forum, mais les coins ressorts toujours en angles à 90°, et j'aimerais arranger ça, d'autant que je l'ai vu sur plusieurs forums, mais je ne sais pas comment faire. Pourtant je suis sûre que ce n'est presque rien ! En fait, je voudrais ça :
- Spoiler:
(Welcome in Madland) (SoS RPG)
Mais j'ai ça : - Spoiler:
Mon CSS : - Code:
-
.forumline{-moz-border-radius:15px;} Merci encore |
Dernière édition par Aero-L le Dim 21 Nov 2010, 07:19, édité 1 fois | |
|
| |
Nalex
{ Membre }
Messages : 80
| Essaie d'augmenter la valeur? Au lieu de 15 mettre 20? Voire plus. Je sais pas si ça marchera mais je propose on sait jamais x) | | |
|
| |
Pull_up_Style
{ Membre }
Messages : 86
| Pour retirer ces coins il faut retirer la class row1 ou 2 chez plus xD dans le template.
Le mieux serais que tu fournisse le template pour tenter de régler le problème ^^. | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Voilà mon template index_box, merci de proposer votre aide :p : - 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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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"> <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span></td></tr></table> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> | | |
|
| |
Druyk
{ Membre actif }
Messages : 339
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| |
| |
Caroo'
{ Membre actif }
Messages : 493
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. |
Dernière édition par Caroo' le Dim 14 Nov 2010, 16:09, édité 1 fois | |
|
| |
#_Holigan
{ Membre }
Messages : 79
| Tu as mis une image de fond ou c'ets juste une couleur ? =) | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| |
| |
Invité Invité
| forumline, c'est les lignes du forum. donc inutile de modifier ceci. | | |
|
| |
#_Holigan
{ Membre }
Messages : 79
| Alors essaie de faire comme ça, ça a très bien marché pour moi : C'est peut être pas ultra top, mais bon.
Encadre toute ta page d'accueil dans une div et arrondi lui des bords transparents. =)
Et puis si ça marche pas désolée = s | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Euh, je vois pas de code ... | | |
|
| |
Kiwi
{ Membre }
Messages : 142
| Salut! Essaye peut-être ceci : - Code:
-
.row1{-moz-border-radius:15px;} Note néanmoins que tes bordures arrondies ne seront visibles que sur firefox, alors que si tu ajoutes -webkit-border-radius:15px; border-radius:15px; elles seront également visibles sous opéra, chrome et safari. Kiwi | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| J'ai donc : - Code:
-
td.row1 { background-repeat: repeat; background-image: url('http://nsa18.casimages.com/img/2010/08/20/100820103728962123.jpg'); background-position: center; -moz-border-radius-topright:15px; -webkit-border-radius-topright:15px; } Et ça me donne : - Spoiler:
| | |
|
| |
Kiwi
{ Membre }
Messages : 142
| Dans ce cas, tente plutôt : - Code:
-
.forumline .row1{-moz-border-radius:15px;} Kiwi EDIT : non laisse tomber cette proposition, ça ne changera rien. Je vais regarder un peu plus la structure de ForumActif | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Ça fait pareil /: Merci d'essayer de m'aider (:
Mince j'avais pas vu l'edit. | | |
|
| |
#_Holigan
{ Membre }
Messages : 79
| - Aero-L a écrit:
- Euh, je vois pas de code ...
(les deux points étaient en trop, il y avait pas de code). J'ai à peu près le problème du - Code:
-
td.row1 { background-repeat: repeat; background-image: url('http://nsa18.casimages.com/img/2010/08/20/100820103728962123.jpg'); background-position: center; -moz-border-radius-topright:15px; -webkit-border-radius-topright:15px; } Qui n'arrondi pas que le côté de l'annonce, mais sinon, pour l'intérieur, j'ai mis tout mon code de page d'accueil dans une div, dont j'ai arrondi les bords inférieurs. Du coup, j'ai plus le problème du coin rectangulaire dans un coin rond =) | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Euh je ne comprends pas... | | |
|
| |
Kiwi
{ Membre }
Messages : 142
| En fait, tout dépend de ce que tu veux faire : arrondir uniquement le panneau d'accueil ou étendre l'arrondi à l'ensemble du forum. Dans le premier cas, c'est assez simple à expliquer, dans le second, c'est plus long, plus compliqué. Tu as modifié tes templates d'ailleurs? (j'avais commencé la seconde explication ^-^) | | |
|
| |
Pull_up_Style
{ Membre }
Messages : 86
| - Citation :
-
- 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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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"> <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span></td></tr></table> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> C'est ton template de catégorie essaye de le remplacer par ça: - 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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td 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"> <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span></td></tr></table> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
| | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Kiwi - J'aimerais bien arrondir tous les coins des mes catégories si possible, si ça ne te gène pas de m'expliquer /: Pull_up_Style - Merci d'avoir tenté mais ça ne marche pas, voilà ce que ça donne : - Spoiler:
| | |
|
| |
Kiwi
{ Membre }
Messages : 142
| Je ne sais pas si c'est la meilleure méthode, mais j'aurai fait ceci dans mon CSS : - Code:
-
.forumline{ -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } .arrondi-top-left { -moz-border-radius-topleft:15px; -webkit-border-top-left-radius: 15px; border-top-left-radius:15px; } .arrondi-top-right { -moz-border-radius-topright:15px; -webkit-border-top-right-radius: 15px; border-top-right-radius:15px; } .arrondi-bottom-right { -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius:15px; } .arrondi-bottom-left { -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius:15px; } Un arrondi total pour la classe forumline, et une classe pour arrondir chaque coin. Ensuite, j'aurai fouillé les templates pour leur ajouter les classes qui conviennent, comme par exemple, si on veut les deux bordures du haut arrondies : - Code:
-
<div class="row1 arrondi-top-left arrondi-top-right "> Après, ça prend du temps, faut chercher, tester, mettre la bonne classe, etc. Je n'ai par contre pas le temps de t'expliquer plus précisément, grosse semaine de cours pour moi. Sans doute quelqu'un d'autre pourra le faire à ma place, si tu n'y arrives pas ^^ Mais je te conseille d'essayer en y allant posément, ça paraît souvent plus compliqué que ça ne l'est réellement ^^ | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Oulà... Je pense que c'est un peu trop compliqué pour moi ça... En plus en ce moment je n'ai pas vraiment le temps de me mettre à chercher ce qu'il faut, grosses semaines aussi. Si quelqu'un d'autre sait comment faire, je suis preneuse, sinon j'ssayerais cette méthode plus tard (: Merci à toi Kiwi (: | | |
|
| |
Invité Invité
| Il n'y a pas d'autre choix de toute façon, donc faudra t'y prendre. | | |
|
| |
Aero-L
{ Membre }
Messages : 33
| Il n'y a aucune autre façon de faire ça ? (: | | |
|
| |
Contenu sponsorisé
| |
| |
| Arrondis à l'intérieur du forum | |
|