| Problème avec un tutoriel | |
|
|
Glamor
{ Membre }
Messages : 75
| Salut tout le monde, Alors aujourd'hui j'ai voulu utiliser un petit tutoriel, mais j'ai eu quelques problèmes, le tutoriel est le suivant clic. Alors voici des screens shots des problèmes que j'ai eu : - Spoiler:
Et voici mon template topics_list_box : - 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> <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th> <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th> <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </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> <div class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</div> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <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="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td> <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</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 --> J'ai aussi eu un problème de décalage entre quelques parties de mon message d'accueils ici, je sais pas comment régler ça : http://graphoto.actifforum.com/ | | |
|
| |
Sandra
{ Membre }
Messages : 40
| Coucou, Essaye ça pour voir (tu avais oublié d'enlever un petit truc) - 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> <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th> <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th> <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </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> <div class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</div> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <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="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td> <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</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_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 --> | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Peux-tu me dire qu'est ce que j'avais oublié ? (Sinon pour le deuxième problème t'as une solution ?) Et pour ce que tu m'as donné, j'ai toujours le problème du retour à la ligne :/ | | |
|
| |
Sandra
{ Membre }
Messages : 40
| Tu avais oublié d'enlever ceci : - Code:
-
{topics_list_box.row.LAST_POST_AUTHOR} Pour le deuxième problème, peux-tu y mettre en center? Sinon, fais un blockquote Sinon pour le retour à la ligne, j'ai mis un table... ça marche, essaye pour voir : - 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> <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th> <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th> <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </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"> <table><tr><td><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </td><td><div class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</div></td></tr></table> </h2> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <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="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td> <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</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_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 --> | | |
|
| |
Glamor
{ Membre }
Messages : 75
| J'ai essayé, mais un autre problème se pose, regarde : https://2img.net/h/oi40.tinypic.com/eg7spk.png Et pour le deuxième problème, je ne sais pas comment faire un blockquote, tu m'expliques ? | | |
|
| |
Sandra
{ Membre }
Messages : 40
| rha C'est bizarre tu prends le début de ton code de bienvenue et la fin de ton code équipe du forum.... et tu les entoures de - Code:
-
<blockquote></blockquote> | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Décidément, je n'ai pas de chance avec ça, le blockquote marche pas, ça ne change rien | | |
|
| |
Sandra
{ Membre }
Messages : 40
| ou utilise margin? sur ton code css de ton bienvenue, tu mets en plus margin : 50px; tu change le nom de pixels suivant ce que tu veux j'espère que ça va marché | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Ah oui margin-right m'a sauvé sur ce coup là :3 Merci beaucoup
Pour le premier problème pas de solution ? :s | | |
|
| |
Sandra
{ Membre }
Messages : 40
| lol nikel non pas de solutions pour l'autre... tu as déjà plus la colonne, c'est pas mal ^^ Faut attendre si quelqu'un sait Je débute encore dans les templates... | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Ah d'accord, bah j'attendrai.. Sinon, comment je fais bouger le bloc welcome vers la droite ? J'ai testé des margin left en le faisant pour le bloc welcome ainsi que la petite barre Bienvenue, mais ça ne bouge pas :/ | | |
|
| |
Sandra
{ Membre }
Messages : 40
| Je peux voir ton code css pour le code bienvenue? | | |
|
| |
Glamor
{ Membre }
Messages : 75
| |
| |
Sandra
{ Membre }
Messages : 40
| Est ce que ça marche ceci : - Code:
-
.titre-welcome{ background: #CAC9BF; height: 165px; -moz-border-radius:20px 0px 0px 20px; -webkit-border-radius:20px 0px 0px 20px; border-right: 0px #ffffff solid; border-left: 2px #ffffff solid; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; text-align: center; color: #214239; text-shadow: 0px 0px 8px #ffffff; padding: 7px; margin-top: 15px; margin-left : 20px font-family: impact; font-size: 14px; } .block-welcome{ background: #CAC9BF; width: 400px; height: 185px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-right: 2px #ffffff solid; border-left: 2px #ffffff solid; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; text-align: center; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; overflow: auto; padding:10px; margin-left : 20px } | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Jette un coup d'oeil sur le forum | | |
|
| |
Sandra
{ Membre }
Messages : 40
| rha, le bienvenue ne veut pas y aller... essaye ça, ça ne marchera pas mieux, mais c'est pour voir ce que ça donne - Code:
-
.titre-welcome{ background: #CAC9BF; height: 165px; -moz-border-radius:20px 0px 0px 20px; -webkit-border-radius:20px 0px 0px 20px; border-right: 0px #ffffff solid; border-left: 2px #ffffff solid; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; text-align: center; color: #214239; text-shadow: 0px 0px 8px #ffffff; padding: 7px; margin-top: 15px; margin-left : 50px font-family: impact; font-size: 14px; } .block-welcome{ background: #CAC9BF; width: 400px; height: 185px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-right: 2px #ffffff solid; border-left: 2px #ffffff solid; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; text-align: center; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; overflow: auto; padding:10px; margin-left : 50px } | | |
|
| |
Glamor
{ Membre }
Messages : 75
| |
| |
Sandra
{ Membre }
Messages : 40
| ah ok, je vois... on va faire des tests hein... lol J'aime pas les codes qui ne veulent pas marcher comme il faut grr - Code:
-
.titre-welcome{ background: #CAC9BF; height: 165px; -moz-border-radius:20px 0px 0px 20px; -webkit-border-radius:20px 0px 0px 20px; border-right: 0px #ffffff solid; border-left: 2px #ffffff solid; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; text-align: center; color: #214239; text-shadow: 0px 0px 8px #ffffff; padding: 7px; margin-top: 15px; margin-right : 70px font-family: impact; font-size: 14px; } .block-welcome{ background: #CAC9BF; width: 400px; height: 185px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-right: 2px #ffffff solid; border-left: 2px #ffffff solid; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; text-align: center; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; overflow: auto; padding:10px; margin-left : 70px } | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Eh bien moi aussi :/ Tu peux voir | | |
|
| |
Sandra
{ Membre }
Messages : 40
| je ne comprends pas pourquoi ça fait ça et je peux avoir aussi ton code css pour le staff, celui d'à côté? on va déjà essayer de rassembler les deux cadres, et on verra le titre après ^^ | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Bonjour Je me permets de vous interrompre pour vous rappeler un truc. Le HTML/CSS, c'est un langage SÉMANTIQUE, ergo chaque balise a un sens précis. N'utilisez pas blockquote (= bloc de citation) pour positionner des blocs, c'est à peu près aussi logique que d'écrire "béton" sur une planche en bois et espérer qu'elle pourra servir de mur à votre maison x) Donc s'il faut positionner quelque chose, vous utilisez div et des margin, si vous faites une citation vous utilisez blockquote. Deux choses différentes. Sinon, pour le premier problème, il faut désactiver la séparation des post-it/annonces du reste des messages, sinon ça ne marche pas J'ai déjà été confrontée au même problème par le passé. Ça se règle dans PA » Général » Messages & emails » Configuration » Séparer les annonces et posts-it des messages : Non ou "par une ligne". Si je suis "à côté de la plaque", je ne vois pas surtout quel est le problème dans le dernier screenshot '_' (Pour le bloc bienvenue, ça serait plus simple d'utiliser un positionnement absolu plutôt qu'un affichage en tableau, surtout s'il faut coller les deux parties) | | |
|
| |
Sandra
{ Membre }
Messages : 40
| rha merci 'Christa Tu es notre sauveuse ^^ | | |
|
| |
Glamor
{ Membre }
Messages : 75
| J'ai désactivé, mais ça ne marche pas, et pour le deuxième problème, je ne sais toujours pas comment faire, excusez moi tout les deux | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Je n'ai rien résolu pour le moment, hein, je donne juste des pistes '_' Si j'ai bien saisi, le problème avec la partie "bienvenue" c'est de le coller avec l'onglet sur le côté ? Parce que moi je préconiserais un code comme ça : - Code:
-
<div class="bloc-bienvenue"> <div class="b-titre">B<br />I<br />E<br />N<br />V<br />E<br />N<br />U<br />E</div> <div class="b-contenu">Le contenu du bloc</div> </div> Et côté CSS un truc de ce genre : - Code:
-
.bloc-bienvenue { position:relative; /* autres trucs */ }
.b-titre { position:absolute; left:-20px; top:10px; width:20px; /* largeur titre */ }
.b-contenu { /* overflow et tout le toutim */ }
Donc tout dans une seule cellule, pas deux. Le position:relative; dans le bloc parent (bloc-bienvenue) me permet d'établir un "point de repère" et le position:absolute; dans le bloc de titre permet de le positionner par rapport au point de repère. Donc -20px par rapport au bord gauche et poum ça fait un onglet. Glamor > Qu'est-ce qui ne marche pas exactement ? | | |
|
| |
Glamor
{ Membre }
Messages : 75
| Ce qui ne marche pas, c'est le bloc bienvenue qui ne veut pas bouger vers la droite, pour que ça soit bien, et un problème d'affichage pour un autre tutoriel : https://2img.net/h/oi40.tinypic.com/eg7spk.png Voilà le problème, tu peux voir que y a un retour a la ligne, et dans derniers messages y a l'icone toute seule | | |
|
| |
Contenu sponsorisé
| |
| |
| Problème avec un tutoriel | |
|