*RESOLU* [PUNBB] Modification de l'emplacement des règlements des forums

Voir le sujet précédent Voir le sujet suivant Aller en bas

WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Bonjour à tous et à mon milouze 

Aujourd'hui, j'aimerais si possible faire comme j'avais précédemment demander à une certain époque mais pour pas faire de bêtise je préfère avoir de l'aide pour tout reprendre.

1-Pour commencer voici le sujet qui à été traire pour un autre fofo : https://www.milouze14.com/t29936-sujet-resolumodification-de-l-emplacement-des-reglements-des-forums

2-La demande précise:

-Voici l'accueil du site :  


3-Prenons l'exemple : mentions légal
voilà ce que sa donne 


4-ce que j'aimerai si possible :


5-donc la vidéà à droite et texte à gauche .

je ses que milouze ma demander 3  chose : 
1-Affichage/Templates/Général/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 -->

      <div class="main-head">
          <!-- BEGIN multi_selection -->
          <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" />
          <!-- END multi_selection -->
          <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
      </div>
      <div class="main-content">
      <table cellspacing="0" class="table">
          <thead>
            <tr>
                <th class="tcl">{L_TOPICS}</th>
                <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
                <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
                <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
            </tr>
          </thead>
          <tbody class="statused">
    <!-- END header_table -->

    <!-- BEGIN header_row -->
    <strong>{topics_list_box.row.L_TITLE}</strong>
    <!-- END header_row -->

    <!-- BEGIN topic -->
      <!-- BEGIN table_sticky -->
          </tbody>
      </table>
      </div>

      <div class="main-head">
          <!-- BEGIN multi_selection -->
              <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" />
          <!-- END multi_selection -->
          <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
      </div>
      <div class="main-content">
      <table cellspacing="0" class="table">
          <thead>
            <tr>
                <th class="tcl">{L_TOPICS}</th>
                <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
                <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
                <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
            </tr>
          </thead>
          <tbody class="statused">
      <!-- END table_sticky -->
          <tr>
            <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <span class="status">
                  <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}" />
                </span>
                <!-- BEGIN single_selection -->
                <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                <!-- END single_selection -->
                {topics_list_box.row.ICON}
                {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>
                {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
                              <p>{topics_list_box.row.TOPIC_AUTHOR}</p>
                <!-- BEGIN switch_description -->
                <br />
                {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                <!-- END switch_description -->
            </td>
            <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
            <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
                      <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
 <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
                        {topics_list_box.row.LAST_POST_TIME} <br/> {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
            <!-- BEGIN multi_selection -->
            <td><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} /></td>
            <!-- END multi_selection -->
          </tr>
    <!-- END topic -->
    <!-- BEGIN no_topics -->
    <tr>
      <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
    </tr>
    <!-- END no_topics -->

    <!-- BEGIN bottom -->
          </tbody>
      </table>
      </div>
      <div class="main-foot clearfix">
          <!-- BEGIN multi_selection -->
          <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" />
          <!-- END multi_selection -->
          <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
          <p class="options">
            <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
          </p>
      </div>
    <!-- END bottom -->
    <!-- BEGIN spacer --><br /><!-- END spacer -->
    <!-- END row -->
    <!-- END topics_list_box -->



2-Affichage/Templates/Général/viewforum_body

Code:
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <li>
            <script type="text/javascript">//<![CDATA[
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
         <li><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

{BOARD_INDEX}

<div class="main paged">
   <div class="paged-head clearfix">
      <p class="paging">{PAGINATION}</p>
      <!-- BEGIN switch_user_authpost -->
      <p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>
      <!-- END switch_user_authpost -->
   </div>
 

   {TOPICS_LIST_BOX}

   <div class="paged-foot clearfix">
      <p class="paging">{PAGINATION}</p>
      <!-- BEGIN switch_user_authpost -->
      <p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>
      <!-- END switch_user_authpost -->
   </div>

</div>
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p class="right">{L_MODERATOR} : {MODERATORS}</p>
         {LOGGED_IN_USER_LIST}
      </div>
      <div id="onlinelist">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>

<!-- BEGIN switch_legend -->
<div class="legend_icons">
  <style>.legend_icons { float: left;clear: both;}.legend_icons ul.pun-legend {display: inline-block;text-align: left;margin: 10px 5px;}.legend_icons ul.pun-legend li {display: block;color: rgb(68, 68, 68);    font-family: Arial, sans-serif;  font-size: 11px;margin: 5px 0 5px 0;}.legend_icons ul.pun-legend li img {width: 18px;height: 18px;margin-right: 4px; }</style>
  <ul class="pun-legend">
   <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
   <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
   <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
</ul>
<ul class="pun-legend">
   <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
   <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" /> {L_FOLDER_HOT_IMG}</li>
   <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
</ul>
<ul class="pun-legend">
   <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> {L_FOLDER_ANNOUNCE_IMG}</li>
   <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> {L_FOLDER_STICKY_IMG}</li>
   <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
</ul></div>
<!-- END switch_legend -->



3-css

Code:
#page-body {
    width: 960px;  margin: auto; 
    position: relative;
    padding: 10px; 
    border-top: 5px solid #1C2229;     
    box-shadow: 0 0 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); 
    background: #fff;
}
#pun-foot {
    border-radius: 0 0 5px 5px;
    width: 980px;
    margin: auto;      background: #fff;
    z-index: 999;
    display: block;
    position: relative;
    box-shadow: 0 10 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
    margin-bottom: 30px;
}
body {
    background: #21313d;  color: #444;  font-family: Arial, Sans-Serif;  font-size: 13px;    padding: 0; 
    margin: auto!important;  line-height: 1.4;
}
.pun {
    width: 980px;  margin: auto;  position: relative;padding:0px;
}
.main .main-foot, .main .main-head {
    background: #53748D url(https://i.imgur.com/3Y5TPJy.png)center center;  color: #ffffff;    padding: 10px;  font-size: 10px;  text-transform: uppercase;  font-weight: bold;  border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); 
    line-height: 19px;
}
.table tbody.statused tr td {
    background: white!important;  vertical-align: middle;  border: 0px;
    border-bottom: 1px solid #DDD!important;     
    font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;
    color: rgb(119, 119, 119);
}
.table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{
background: rgb(250, 250, 250)!important;
}
.main-head .page-title h2 ,.main .main-head .page-title{
    font-family: arial, sans-serif;  font-size: 10px;  font-weight: bold;
}
p#catrow {
    font-family: arial, sans-serif;  font-size: 11px;  font-weight: bold;
    text-align: right;
    margin-right: 10px;
}
.desc_forum_cat_row {
    color: rgb(170, 170, 170);    font-family: arial, sans-serif;  font-size: 11px;  font-style: italic;
    font-weight: normal;
}
.statused tr td .hierarchy a {color: rgb(85, 85, 85);      font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;}
.statused tr td .hierarchy a:hover {color: #222;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#pun-about #qjump {
    display: none;
}
#pun-about {
    background: rgb(248, 248, 248); 
    color: transparent;  border-top: 1px solid #D1D1D1; 
    padding: 0 5px;    height: 45px;  line-height: 45px;
    text-align: left;
}
#pun-about ul li a {
    font-size: 11px;  color: #999;  display: block;  float: left;  height: 45px;  line-height: 45px;  padding: 0 10px;  border-right: 1px solid #ddd;
    font-weight: normal;
}
#pun-about ul li a:hover {
    background: #fff;  color: #666;
}
ul#pun-legend {
    text-align: left;
    line-height: 37px;
    height: 37px;
    margin: 0;
    color: rgb(68, 68, 68);      font-family: Arial, sans-serif;  font-size: 11px;
}
ul#pun-legend img {
    top: 9px;
    position: relative;
    margin-left: 10px;
}

#pun-foot #copyright {
    padding: 0 15px;      border-radius: 0 0 5px 5px;  font-size: 11px;  height: 45px; 
    line-height: 45px;  color: #999;
}
#pun-foot #copyright a {
    font-weight: bold;
}
#pun-foot #back-top {
    float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
}
#pun-foot .mybb-link.right {
    margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;
}
#pun-foot .icon-upload.icon-large {
    background: url("https://i.imgur.com/noa2Awt.png") no-repeat center center;
    width: 25px;
    height: 24px;
    display: block;
    margin-top: 10px;
}
#pun-foot .icon-upload.icon-large:hover {
    background: url("https://i.imgur.com/1JvGS3S.png") no-repeat center center;
}
#pun-foot #copyright .audentio-link.right {
    line-height: 15px;
    margin-top: 8px;
}
#pun-foot .center.admin {
    position: absolute;
    top: 17px;
    right: 10px;
}
#pun-foot .center.admin a {
    font: bold 10px arial;
}
.boardstats_cat {    font-family: arial, sans-serif; 
    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
}
.boardstats_cat .bw#icons {
    background: url("https://i.imgur.com/kaTjOdI.png")no-repeat center;
    height: 14px;
    width: 16px;
    float: left;
    margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .contenedor {
background: white;
vertical-align: middle;
border-bottom: 1px solid #DDD;
padding: 15px;
color: rgb(56, 56, 56);
font-family: arial, sans-serif;
font-size: 11px;
}
.tborder.index_boardstats {
    border: 1px solid #ddd;
    border-bottom: 0px;
}
.boardstats_cat .bs#icons {
    background: url("https://i.imgur.com/jsZSvJy.png")no-repeat center; 
    height: 16px; 
    width: 22px;  float: left;  margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .bs_br {  font-family: arial, sans-serif;    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
  text-align: right;}
.tborder.index_boardstats .bs_br ul li {
    display: inline;
}
.tborder.index_boardstats .bs_br ul li a {
    color: rgb(151, 151, 151);
    border-right: 1px solid rgb(151, 151, 151);
    padding: 0 5px;
}
.tborder.index_boardstats .bs_br ul li a:hover {
    color: black;
}
.tborder.index_boardstats .bs_br ul li#rtd a {
    border-right: 0px;
}
.pun .main-content .table thead tr th {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
    font-weight: bold;
}
#pun-visit, .main-box {
    display: none;
}
#page-body {
    overflow: hidden;
padding-top: 20px;}
.pun .crumbs a {
    font-family: Arial, sans-serif; 
    font-size: 11px; 
}
.pun .crumbs {
    position: absolute;
    top: 10px;
    width: 930px;
}
.container_IE {
    background: url("https://i.imgur.com/Hw0gs2Q.png") repeat-x top;
}
.menu.main_width {
    background: url(https://i.imgur.com/bhf8jNK.png);  height: 58px;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);  overflow: hidden;
}
.menu.main_width ul li {
    display: block;  padding-left: 10px;  float: left; 
    background: url(https://i.imgur.com/50TLteD.png) no-repeat right 10px;
}
.menu.main_width ul li:first-child {
    margin-left: 10px;
}
.menu.main_width ul li a {
    color: #f8f8f8;  text-decoration: none;  margin-top: 16px;  display: block;  padding-right: 35px;  padding-left: 2px;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}
.menu-item-subtitle {
    display: block;  float: left;  font-size: 10px;  color: #868686;  font-weight: normal;  font-style: italic;
}
.menu.main_width ul li:hover .menu-item-subtitle {
    color: #fafafa;
}
#panel {
    color: #E9E9E9;  font-size: 11px;  height: 42px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
}
#pun-intro {
    width: 980px;
    height: 93px;
    padding: 0;
    background: none;
    border: none;
}
#pun-logo {
    display: table-cell;  vertical-align: middle;  height: 93px;  line-height: 93px;  margin: auto;
    float: none;
}
.registerlink {
    background: #8DB318;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);  padding: 5px 10px;  border-radius: 2px;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);  margin-left: 10px;
}
#panel a {
    color: #E9E9E9;
}
.registerlink:hover {
    background: #78AD28;
}
.icon-plus-sign {
    background: url("https://i.imgur.com/Qg6Pc4b.png") no-repeat center;
    padding: 5px;
}
.loginlink .icon-user {
    background: url("https://i.imgur.com/WOLNdgB.png") center no-repeat;
    padding: 6px;
}
.social-icons.right {
    color: #E9E9E9;  font-size: 11px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
    height: 42px;
}
.social-icons.right a {
    background: url(https://i.imgur.com/AjVm7sG.png) 0px 0px;  height: 16px;  width: 18px;  display: inline-block;  position: relative;  top: 5px;  background-position: 0px -2px;  opacity: 0.6;
    margin: 8px 2px 8px 2px;
}
.a-icon-twitter {
    background-position: 60px -2px !important;
}
.a-icon-gplus {
    background-position: 80px -2px !important;
}
.a-icon-rss {
    background-position: 40px -2px !important;
}
.a-icon-vimeo {
    background-position: 100px -2px !important;
}
.hidden.a-icon-youtube {
    background-position: 0px -2px !important;
}
.a-icon-facebook {
    background-position: 19px -2px !important;
}
.social-icons.right a:hover {
    opacity: 1;
}
.in_search {
    position: absolute;
    right: 20px;
    top: 70px;
}
.in_search .inputbox.medium {
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    border: 1px solid rgb(70, 83, 92);  padding: 0px 10px; 
    height: 30px; 
    margin-right: -5px;
}
.in_search #buttonsearch {
    background: #353535 url(https://i.imgur.com/sQN42lT.png) !important;  color: transparent;  height: 32px;  border: 0;  width: 34px;  background-position: -50px -8px !important;
    cursor: pointer;
    top: 1px;
    position: relative;
}
.user-dropdown-box {
    display: none;  position: absolute;  min-width: 150px; 
    background: url(https://i.imgur.com/5kJJAoi.png);  color: #555; 
    top: 41px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88; 
    left: 120px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
}
.user-dropdown-box .user-dropdown-box-inner {
    background: white;  text-align: center;
    padding: 10px;
}
.userloginbox .username input, .userloginbox .pass input {
    padding: 8px;  margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    width: 160px;
}

.user-dropdown-box .user-dropdown-box-inner .sendpass a {
    margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
    text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
}
.buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
    display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
}
.buttonipblog input.mainoption:hover {
    background: #fefefe;
}
.buttonipblog input.mainoption:active {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
.user-dropdown-box::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
}
#page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button {
    padding: 6px 10px;  font-size: 11px; 
    color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
}
#page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover {
    background: #fefefe;
}
#page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active {
    background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
#page-body blockquote ,#page-body .codebox {
    border: 1px solid #ccc;  margin: 0;  background: #fff; 
    padding: 10px;  border-radius: 2px;  position: relative;  padding-right: 45px;  overflow: hidden;
}
#page-body blockquote::before {
    content: ""; 
    background: url(https://i.imgur.com/cqwW2R7.png) no-repeat center center;  width: 128px;  height: 128px;  position: absolute;  right: 10px;  top: -57px;
}
#page-body .codebox::before {
    background: url(https://i.imgur.com/zBfocq2.png) no-repeat center center;  top: -45px;
    content: "";    width: 128px;  height: 128px;  position: absolute;  right: 10px; 
}
#page-body .codebox dt {
    font-weight: bold;  border-bottom: 1px solid #ccc;  font-style: normal;  display: block;  margin: 0;  padding-bottom: 8px;  margin-top: -2px;  padding-top: 1px;  text-transform: uppercase;  font-size: 11px;  margin-bottom: 7px;
}
#page-body .codebox .cont_code {
    background: none;
}
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: initial!important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:initial;
}
.pun .postmain {
    margin: 0;
    border: 0;
}
.pun .post-entry {
    background: rgb(250, 250, 250);  vertical-align: middle;  border-bottom: 1px solid #DDD;
    padding: 5px 10px;
}
#page-body .postfoot {
    margin: 0;
    background: white;  vertical-align: middle;  border: 0;
    border-bottom: none;  padding: 15px;
}
.pun .posthead {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border-bottom: 1px solid #ddd; 
    border-top: none;
    min-height: 20px;  line-height: 20px;
}
.pun .post {
    margin: 10px 0;
    border: 1px solid #ddd;
}
.pun .topic {
    border: 0;
    background: none;
}
.pun .user .user-info {
    float: right;
font-size:11px}
.pun .user .user-ident {
    float: left;
}
.pun .topic .post:first-child {
    margin-top: 0px;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
font-size: 11px;
}
.pun .post .user .user_avatar {
    float: left;
}
.pun .post .user .user_avatar img {
    padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
    width: 70px;
    height: 70px;
}
.pun .post .user .user_avatar img:hover {border-color: #aaa;}
.pun .user-ident .username {
    position: relative;
}
.pun .user .user-ident {
    margin-left: 15px;
    font-size: 11px;
    font-weight: normal;
}
.pun .user-ident .username a {
    font-size: 13px;
    font-weight: bold;
}
.pun .user-ident .username status.s_u_p {
    float: left;
    background: url("https://i.imgur.com/UvKrxTF.png");
    height: 7px;
    width: 7px;
    margin: 4px 4px 4px 0px;
}
#tabs ul li a {
    font-size: 11px;  color: #666; 
    border-radius: 2px 2px 0 0;  cursor: pointer; 
    border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);  display: block;     
    padding: 0px 5px;   
    font-weight: bold;
    border-bottom: 0;
}
#tabs ul li.activetab a {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    border: 1px solid rgb(150, 150, 150);
    color: black;
    text-decoration: none;
    border-bottom: 0;
    margin-top: -2px;
    padding: 1px 5px;
}
#tabs ul li.activetab a:hover ,#tabs ul li a:hover {
    background: white;
    color: black;
}
#profile-advanced-layout #new-message {
    width: auto;
}
.posting img:hover {
opacity: 0.9;
}
#page-body input[type="text"], #page-body textarea {
    background: #ffffff;  color: #979797;  border: 1px solid #A7A7A7; 
    padding: 6px;  font-size: 11px;  outline: 0;
}
.frm-set.multi.posting .frm-input {
    margin-left: 0;
    width: initial;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea {
    margin: 0;
    width: 600px;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr {
    width: 735px!important;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar {
    margin: 0;
    width: 725px!important;
    float: left;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea {
    width: 725px!important;
    border: 0px!important;
    padding: 0!important;
    color: #111;  font-family: Verdana,Arial,Helvetica,sans-serif;  font-size: 13px;
}
#smiley-box {
    width: 155px;
    padding: 2px;
    margin-left: 1px;
    height: 280px;
    background: url(https://i.imgur.com/3Y5TPJy.png)repeat-x; 
    background-size: auto 35px;
    color: #ffffff;   
    font-size: 10px;  text-transform: uppercase;  font-weight: bold; 
    border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);  line-height: 19px;
    padding-top: 35px;
    position: relative;
}
#smiley-box iframe {
    height: 280px;
}
#smiley-box::before {
    content: "Smiley";
    position: absolute;
    top: 9px;
    text-align: center;
    width: 139px;
}
.pun #pun-info .main-content {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border: 1px solid #ddd;  min-height: 20px;  line-height: 20px;  font-weight: bold;
}
.pun #pun-info .main-content #stats {
    border-bottom: 1px solid white;
}
.pun #pun-info .main-content #onlinelist {
    border-top: 1px solid rgb(219, 219, 219);
}
#user-hoverbox {
    margin-left: 5px;
    z-index: 999;  min-width: 160px;  position: absolute;  padding-top: 1px;
display:initial!important;}
#user-hoverbox #user-hoverbox-inner a {
    display: block;  background: white;  color: rgb(136, 136, 136);  border-bottom: 1px solid #aaa;  padding: 8px;  font-size: 11px;  z-index: 999;  text-align: left;  text-shadow: none !important;
}
#user-hoverbox-inner {
    background: white;
    width: 140px;
    border: 4px solid black;
    border-radius: 2px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31);
}
#user-hoverbox #user-hoverbox-inner a:hover {
    background: #fafafa;  color: #333;
}
#user-hoverbox::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid rgb(54, 54, 54);  top: -4px;  left: 12px;
}
#user-hoverbox a .icon-user {
    background-image: url("https://i.imgur.com/o0vbztB.png");
}
#user-hoverbox a .icon-comments {
    background-image: url("https://i.imgur.com/H1HNIqI.png");           
}
.pun #user-hoverbox a i {
    background-position: center; 
    background-repeat: no-repeat; 
    width: 13px; 
    height: 10px;  float: left; 
    margin-top: 2px;  margin-right: 3px;
    opacity: 0.8;
}
#user-hoverbox a .icon-envelope-alt {
    background-image: url("https://i.imgur.com/LpRlXho.png");
}
#user-hoverbox a .icon-file-alt {
    background-image: url("https://i.imgur.com/3tVmtX5.png");
}
#user-hoverbox a .icon-folder-open {
    background-image: url("https://i.imgur.com/xbes4ru.png");
}
.pun #user-hoverbox a:hover i {
    opacity: 1!important;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
font-weight: normal;
font-style: normal;
}
#profile-advanced-details .message-text img {
    max-width: 620px;
}
#profile-advanced-details .message-header {
    height: 42px;
    font: bold 11px arial;
    color: rgb(101, 107, 112);
    font-style: normal;
    border-bottom: 1px solid #C2C2C2!important;
    border: 0px;
    margin: 0;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: linear-gradient(top,#FAFAFA,#EEEEEE);
}
#profile-advanced-details .message-block {
    margin: 0;
}
#profile-advanced-details ol li {
    border: 1px solid rgb(187, 187, 187);
    margin: 5px 0;
}
#profile-advanced-details .avatar {
    border: none;
    margin-top: 0px;
    margin-right: 6px;
}
#profile-advanced-details .avatar img {
    border: solid silver;
    border-width: 0px 1px 0 0;
    width: 50px;
    height: 50px;
}
#profile-advanced-details .message-block .message-text {
    padding: 10px;
    font-family: arial;
}
embed[src^="http://www.youtube.com"] {
    width: 620px;
    height: 380px;
}
#profile-advanced-layout #tabs.clearfix {
position: initial;
}
/** 31082017supprimer le cadre-smileys des réponses normales **/
            #smiley-box{
  width:100%;
  margin:auto;
  float:none;
  display:none;
}
 
#textarea_content, .sceditor-container textarea, .sceditor-container iframe{
  width:100% !important;
}
  /*zoom image 31082017*/

a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}

.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 930;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('https://i.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  margin-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
/* menu widget */





4-le lien de la vidéo  https://www.youtube.com/watch?v=5_p3HFJEMPI


merci pour tout amicalement serge.


Dernière édition par WinaTickets le Mar 5 Sep 2017 - 10:03, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
Il n'y a pas de règlement sur la liste des sujets, donc va falloir passer par un script mon ami
hum as tu le texte a déposer dans ce règlement ?
Est ce que ce règlement sera unique pour un forum particulier ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
hello mon milouze , donc oki pour un script et j'aimerai déposer du texte avec lien et sur la droite video , et pour le tout ( chaque forum à un règlement particulier  )

Pour le texte : 

Bonjour et bienvenu amis turfistes, vous êtes sur le forum............. 
Sur votre droite vous avez une vidéo, créer par Mr Serge Goichon .
Cette vidéo à pour but de vous aidez à comprendre la navigation, de voir ce que vous pouvez faire et ne pas faire etc....Par la même occasion vous saurez ce que j'attend de vous....Au passage je vous invite à cliquer ici , et déposer un message dans le livre d'or pour donnez votre avis sur notre tutoriel proposée. Merci à tous et nous vous rappelons que nous sommes fière de vous comptez parmi nous. Amicalement Serge 
Ps: Surtout pensez à notre livre d'or ici et à faire votre présentation ici


voilà mon milouze et merci beaucoup
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum,
il va falloir un script pour chaque fofo Serge, est ce réellement ton souhait ?

Ps: Surtout pensez à notre livre d'or ici et à faire votre présentation ici

Tu notes ici et ici mais il faudrait les liens mon ami clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux tester ce script stp:



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sous forums.

Déposes ceci sans rien toucher stp:

Code:
$(function(){
if($('a.nav[href^="/f1-"]').length) {
  // le texte du règlement  a afficher
var text='Bonjour et bienvenu amis turfistes, vous êtes sur le forum.............<br />
Sur votre droite vous avez une vidéo, créer par Mr Serge Goichon .
Cette vidéo à pour but de vous aidez à comprendre la navigation, de voir ce que vous pouvez faire et ne pas faire etc....Par la même occasion vous saurez ce que j\'attend de vous....Au passage je vous invite à cliquer ici , et déposer un message dans le livre d\'or pour donnez votre avis sur notre tutoriel proposée. Merci à tous et nous vous rappelons que nous sommes fière de vous comptez parmi nous. Amicalement Serge
Ps: Surtout pensez à notre livre d\'or ici et à faire votre présentation ici';
$('.main.paged').before('
<div class="main" id="forum_rules"><div class="main-head clearfix"><p class="h2">Règlement</p></div><table class="main-content frm"><tbody><tr>
<td class="rules entry-content"valign="top" style="width:70% !important;">'+text+'</td>
<td width="30%"><iframe width="280" height="157" src="https://www.youtube.com/embed/5_p3HFJEMPI" frameborder="0" allowfullscreen></iframe></td>
</tr>
</tbody>
</table>
</div>');

        };
   
        })
Penses a cliquer sur le bouton Valider




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Kikou je vient de le mettre oki un script pour chaque fofo voici les liens mon milouze :

1-:http://www.pmturf.com/f1-mentions-legales
2-: http://www.pmturf.com/f3-charte-du-forum
 etc mais attend doije justement te mettre tous les liens ou j'ai juste dans le script à changer le lien mon milouze car dans mentions légal sa marche  :)
WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
ahhaahahah t'es enccore une fois un gény sa fonctionne j'ai changer les liens et sa fonctionne juste si possible un légère modification mon milouze est til possible d'avoir un fond blanc qui flache avec ou sans contours noirs ? 

comme ceci si possible : 

merci mon milouze
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
hum il faudrait avoir le lien du livre d'or et du forum présentation:

.Au passage je vous invite à cliquer ici , et déposer un message dans le livre d'or pour donnez votre avis sur notre tutoriel proposée. Merci à tous et nous vous rappelons que nous sommes fière de vous comptez parmi nous. Amicalement Serge
Ps: Surtout pensez à notre livre d'or ici et à faire votre présentation ici



Ensuite , en javascript les à,ê sont mal interprétès Serge, il faut donc les remplacer par du code texte.
Le fond blanc a été ajouté et des bordures noires aussi clin oeil .


Code:
$(function(){
if($('a.nav[href^="/f1-"]').length) {
// le texte du règlement  a afficher
var text="Bonjour et bienvenu amis turfistes, vous êtes sur le forum.............<br />
Sur votre droite vous avez une vidéo, crée par Mr Serge Goichon .
Cette vidéo á pour but de vous aider á comprendre la navigation, de voir ce que vous pouvez faire et ne pas faire etc....<br />
Par la même occasion vous saurez ce que j\'attend de vous....Au passage je vous invite á cliquer ici , et déposer un message dans le livre d\'or pour donnez votre avis sur notre tutoriel proposé.<br />
Merci á tous et nous vous rappelons que nous sommes fière de vous compter parmi nous.<br /> 
Amicalement Serge.<br />
Ps: Surtout pensez á notre livre d\'or ici et á faire votre présentation ici";
$('.main.paged').before('
<div class="main" id="forum_rules"><div class="main-head clearfix"><p class="h2">Règlement</p></div><table class="main-content frm"style="background-color: #ffffff !important;"><tbody><tr>
<td class="rules entry-content"valign="top" style="width:70% !important;border: 3px solid black;padding: 2px;">'+text+'</td>
<td width="30%"><iframe width="280" height="157" src="https://www.youtube.com/embed/5_p3HFJEMPI" frameborder="0" allowfullscreen></iframe></td>
</tr></tbody></table></div>');
};});




Ensuite si ce règlement est identique pour tous les forums.
Tu peux changer le script ainsi:

Code:
$(function(){
if($('.pun-crumbs a.nav[href^="/f"]').length) {
// le texte du règlement  a afficher
var text="Bonjour et bienvenu amis turfistes, vous êtes sur le forum.............<br />
Sur votre droite vous avez une vidéo, crée par Mr Serge Goichon .
Cette vidéo á pour but de vous aider á comprendre la navigation, de voir ce que vous pouvez faire et ne pas faire etc....<br />
Par la même occasion vous saurez ce que j\'attend de vous....Au passage je vous invite á cliquer ici , et déposer un message dans le livre d\'or pour donnez votre avis sur notre tutoriel proposé.<br />
Merci á tous et nous vous rappelons que nous sommes fière de vous compter parmi nous.<br /> 
Amicalement Serge.<br />
Ps: Surtout pensez á notre livre d\'or ici et á&nbsp;faire votre présentation ici";
$('.main.paged').before('
<div class="main" id="forum_rules"><div class="main-head clearfix"><p class="h2">Règlement</p></div><table class="main-content frm"style="background-color: #ffffff !important;"><tbody><tr>
<td class="rules entry-content"valign="top" style="width:70% !important;border: 3px solid black;padding: 2px;">'+text+'</td>
<td width="30%"><iframe width="280" height="157" src="https://www.youtube.com/embed/5_p3HFJEMPI" frameborder="0" allowfullscreen></iframe></td>
</tr></tbody></table></div>');
};});



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Bonjour mon milouze 

Alors pour te dire c'était parfait et sa ma aider en tout point, j'ai regarder sur le portable et ce n'était pas terrible du tout donc j'ai peaufiner ton code juste pour mettre une image et sa rend nikel donc je cloture le sujets mon milouze 

voici ce que j'ai fait  : 
Code:
$(function(){
if($('a.nav[href^="/f1-"]').length) {
// le texte du règlement  a afficher
var text="
<img style='margin-left:4px;margin-right:4px;'src='https://i.servimg.com/u/f11/17/15/41/45/0110.png'/>";
$('.main.paged').before('
<div class="main" id="forum_rules"><div class="main-head clearfix"><p class="h2">Règlement</p></div><table class="main-content frm"style="background-color: #ffffff !important;"><tbody><tr>
<td class="rules entry-content"valign="top" style="width:70% !important;border: 3px solid black;padding: 2px;">'+text+'</td>
<td width="30%"><iframe width="280" height="182" src="https://www.youtube.com/embed/5_p3HFJEMPI" frameborder="0" allowfullscreen></iframe></td>
</tr></tbody></table></div>');
};});


merci mon milouze pour tout de gros bisous
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum