C'est pas centrer ?! & estétique.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
C'est pas centrer ?! & estétique.
Re bonjour !!
Voilà j'ai un autre petit soucis niveau code, sur mon autre forum ^^ Je sais pas trop comment expliquer alors voici l'image.
la partie des message et celle des réponses rapide est bien centrer mais ce petit truc là non ! Voici les code CSS que j'ai mis :
ET j'aurais également une autre questions pour ce forum !
Donc voilà je trouve que les case réponse et autres ne font pas esthétique, j'aimerais les supprimer ou les mettre d'une autre façon, es-ce possible si oui comment ?! ET aussi les deux petit traits (sur la gauche) es-ce ausi possible de n'en mettre qu'un ?!
Merci d'avance !
Voilà j'ai un autre petit soucis niveau code, sur mon autre forum ^^ Je sais pas trop comment expliquer alors voici l'image.
- Spoiler:
la partie des message et celle des réponses rapide est bien centrer mais ce petit truc là non ! Voici les code CSS que j'ai mis :
- Code:
body
{
background color: #ECE6D8;
background-repeat: repeat-y;
background-position: top center;
}
.bodylinewidth
{ width: 800px;}
a
{ outiline: none; }
#page-body
{
width: 820px;
background-image: url(http://host.image.files.free.fr/host/4c4c6ff952740skin_04.png);
background-repeat: repeat-y;
margin-top: 20px; padding-bottom: 30px; }
.forumline
{
max-width: 800px;
margin: auto;
background-color: #F9DDBC;
border-radius: 10px;
-moz-border-radius: 10px;
border: 2px solid #F9DDBC;
padding: 2px; }
table
{ max-width: 800px;
margin: auto; }
.cattitle
{ display: block;
font-variant: small-caps;
text-align: center; }
a.forumlink
{
display: block;
text-align: center;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 5px; margin-top: -2px;
padding-left: 10px; padding-right: 10px; padding-bottom: 5px;
background-color: #F9DDBC;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 3px solid #E8A16E;
font-style: italic;
}
a.forumlink:hover
{
text-decoration: none !important;
letter-spacing: 1px;
font-variant: small-caps;
font-weight: bold;}
ET j'aurais également une autre questions pour ce forum !
- Spoiler:
Donc voilà je trouve que les case réponse et autres ne font pas esthétique, j'aimerais les supprimer ou les mettre d'une autre façon, es-ce possible si oui comment ?! ET aussi les deux petit traits (sur la gauche) es-ce ausi possible de n'en mettre qu'un ?!
Merci d'avance !
Dernière édition par © Summers le Dim 8 Avr 2012 - 17:21, édité 1 fois
Re: C'est pas centrer ?! & estétique.
Bonjour,
Quel est le forum concerné ?
Pour vos deux autres soucis, voici un topic qui répondra à votre demande concernant les "deux petits traits" :
► Supprimer les bordures
Ensuite, pour les autres cases : désirez-vous les supprimer ? Si non, comment voulez-vous les modifier ?
Quel est le forum concerné ?
Pour vos deux autres soucis, voici un topic qui répondra à votre demande concernant les "deux petits traits" :
► Supprimer les bordures
Ensuite, pour les autres cases : désirez-vous les supprimer ? Si non, comment voulez-vous les modifier ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Il s'agit de http://bloodysunnydale.forumactif.com/
Merci pour le lien ! EUh les supprimer, je pense que c'est mieux, car j'ai pas d'exemple... Si peut-être si je pouvais juste passer l'auteur du poste sous le titre du sujet...
Merci !
Merci pour le lien ! EUh les supprimer, je pense que c'est mieux, car j'ai pas d'exemple... Si peut-être si je pouvais juste passer l'auteur du poste sous le titre du sujet...
Merci !
Re: C'est pas centrer ?! & estétique.
Oui, pas de souci, on peut parfaitement le supprimer et mettre l’auteur du sujet sous le titre du sujet
Pour ce faire, allez dans PA ► Affichage ► Templates ► Général. Ouvrez le template intitulé topics_list_box à l’aide de l’outil "Éditer", représenté par un rouage orange.
Trouvez cette partie :
Supprimez également cette partie :
Là, nous venons de supprimez intégralement les éléments que vous désiriez supprimer. Il nous faut désormais déplacer le nom de l’auteur d’un sujet sous le titre d’un sujet. Pour ce faire, on va récupérer la variable suivante, que l’on a supprimé auparavant : {topics_list_box.row.TOPIC_AUTHOR}. Cette variable génère automatiquement le nom de l’utilisateur ayant posté le topic.
Trouvez cette partie :
Exemple :
Pour ce faire, allez dans PA ► Affichage ► Templates ► Général. Ouvrez le template intitulé topics_list_box à l’aide de l’outil "Éditer", représenté par un rouage orange.
Trouvez cette partie :
- Code:
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
Supprimez également cette partie :
- Code:
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
Là, nous venons de supprimez intégralement les éléments que vous désiriez supprimer. Il nous faut désormais déplacer le nom de l’auteur d’un sujet sous le titre d’un sujet. Pour ce faire, on va récupérer la variable suivante, que l’on a supprimé auparavant : {topics_list_box.row.TOPIC_AUTHOR}. Cette variable génère automatiquement le nom de l’utilisateur ayant posté le topic.
Trouvez cette partie :
- Code:
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
Exemple :
- Code:
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
<b>Écrit par : {topics_list_box.row.TOPIC_AUTHOR}</b>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Oh merci infiniment, juste une dernière question du coup :
Est-il juste possible de passer le "poster par" après la decsription du titre (ashley tisdale par exemple.)
Encore merci de votre aide !
- Spoiler:
Est-il juste possible de passer le "poster par" après la decsription du titre (ashley tisdale par exemple.)
Encore merci de votre aide !
Re: C'est pas centrer ?! & estétique.
Oui, parfaitement. Pour ce faire, il suffit de positionner votre variable après :
- Code:
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Ah merci beaucoup, et encore uen chose, je sais je suis pénible XD
Es t-il possible de pas tout mettre en gras, car c'est tout en gras là !
Merci encore !
Es t-il possible de pas tout mettre en gras, car c'est tout en gras là !
- Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
<!-- BEGIN pagination -->
<tr>
<td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<br><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
</div>
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Merci encore !
Re: C'est pas centrer ?! & estétique.
Il n’y a pas de souci, voyons.
Ajoutez ceci dans votre feuille de styles (PA ► Affichage ► Couleurs ► Onglet "Feuille de styles CSS") :
Ajoutez ceci dans votre feuille de styles (PA ► Affichage ► Couleurs ► Onglet "Feuille de styles CSS") :
- Code:
.topictitle {font-weight:200px;}
a.topictitle {font-weight:bold;}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Cela ne marche pas...
Re: C'est pas centrer ?! & estétique.
- Code:
<br><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
</div>
- Code:
</div>
<br /><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Merci (ça marche ♥), mais es-ce aussi possible de ne pas avoir le titre et la description en MAJ.
Est-il juste possible de passer le "poster par" après la decsription du titre (ashley tisdale et le titre par exemple.)
Encore merci de votre aide !
Ah et aussi comment j'enlève le mot "annonce" et "Note" devant ^^ Je suis une quiche désoler !
- Spoiler:
Est-il juste possible de passer le "poster par" après la decsription du titre (ashley tisdale et le titre par exemple.)
Encore merci de votre aide !
Ah et aussi comment j'enlève le mot "annonce" et "Note" devant ^^ Je suis une quiche désoler !
Re: C'est pas centrer ?! & estétique.
Ne pas avoir le titre et la description en MAJ, c’est à dire ? Que le tout soit en minuscules ?
Avez-vous effectué la modification que je vous ai notée plus haut ?
Avez-vous effectué la modification que je vous ai notée plus haut ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Euh pardon, pas en MAJ, mais en gras, u_U désoler je suis fatiguer ^^
Oui, oui je l'es effectuer et cela marche bien, mais le titre et la description sont toujours en gras !
Oui, oui je l'es effectuer et cela marche bien, mais le titre et la description sont toujours en gras !
Re: C'est pas centrer ?! & estétique.
Je ne le vois pas en gras…
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
http://bloodysunnydale.forumactif.com/f19-welcome-to-sunnydale
Ashley Tisdale est bien en gras, non ?! Ou c'est peut-être moi qui débloque XD
Ashley Tisdale est bien en gras, non ?! Ou c'est peut-être moi qui débloque XD
Dernière édition par © Summers le Dim 8 Avr 2012 - 17:13, édité 1 fois
Re: C'est pas centrer ?! & estétique.
Ah, ici, oui. Effectivement !
Vous ne débloquez pas, rassurez-vous
Essayez en remplaçant cette partie :
Par :
Vous ne débloquez pas, rassurez-vous
Essayez en remplaçant cette partie :
- Code:
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<br><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
</div>
Par :
- Code:
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<br /><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Ah merci cela marche ♥ Merci beaucoup.
Du coup pour enlever le "annonce:" et Note:" devant le titre, ou du moi es-ce que je peux le personnaliser ?!
Du coup pour enlever le "annonce:" et Note:" devant le titre, ou du moi es-ce que je peux le personnaliser ?!
Re: C'est pas centrer ?! & estétique.
Je vous déconseille de l’enlever, personnellement. C’est une mention importante
Vous pouvez ceci dit la personnaliser en vous rendant dans PA ► Général ► Messages et Emails ► "Personnaliser le libellé d'un Note" ainsi que "Personnaliser le libellé d'une Annonce".
Vous pouvez ceci dit la personnaliser en vous rendant dans PA ► Général ► Messages et Emails ► "Personnaliser le libellé d'un Note" ainsi que "Personnaliser le libellé d'une Annonce".
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: C'est pas centrer ?! & estétique.
Merci, oui c'est ce que je me disais, ne pas l'enlever mais que cela soit plus esthétique. ET bien merci beaucoup, vous m'avez bien aider !
Sujet clos !
Sujet clos !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum