epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Figurines Funko POP! One Piece 2023 : où les trouver ?
Voir le deal

lifestream.
Anonymous
Invité
Coucou les pros du codage! :happyhappy:
Une fois encore, je suis totalement amoureuse de vos codes! Je m'y connais un peu en codage, mais je me limite vraiment à la "base" car j'ai trop la crainte de me lancer dans la technique du JS et compagnie. XD C'est la raison pour laquelle je voulais vous demander votre aide pour un interne de message que j'adore et j'ai craqué en tombant sur un forum RP anglais, que j'ai ensuite vu ailleurs sur forumactif. En découvrant que vous aviez également un code avec: je me suis dit "OMG!!! CES PERSONNES CARTONNENT TROP!!!" et puis... BAM, j'ai vu que c'était dans le ModernBB... XD Je me suis dit que je tenterais bien cette version pour ne pas vous encombrer d'un travail supplémentaire, mais je dois être trop habituée au phpbb2 pour y rester je crois... XD :jdg:

Alors, je voulais savoir s'il était possible de transformer ce codage vers la version PHPBB2 :
https://epsilon-ls.forumactif.com/t140-interne-blanc-et-noir

En fait, le seul truc que je voudrais est la disposition de l'icône du joueur à côté du pseudo et la disposition de l'avatar + profil du côté gauche. *-*
C'est vraiment juste ça... et j'espère que ça ne vous demandera pas énormément de boulot... :senpai:

Merci INFINIMENT pour votre aide en tout cas: vous êtes des anges!
Gros bisous! :happyhappy:
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Coucou à toi :happyblob:  :happyblob: !

Merci pour tous ces compliments :uuh: on roule dans notre coin et on rougit fort, c'est trop gentil je- :love: :love: :love:
Ensuite, t'inquiète pas quand on est habitués à phpbb2 on a du mal à passer aux autres XD ! (si ça peut te rassurer ModernBB n'est pas si monstrueux, si un jour tu veux tenter ou que t'as l'occasion de tester, petit à petit, fonce, ça vaut le coup :love: !)

Et oui c'est totalement possible du coup de tout mettre à gauche, je m'en occupe dans la journée, au plus tard demain. :happyblob: Bref je fais au plus vite, ça devrait pas être très très long normalement !

Des bisous et à très vite :love: !
lifestream.
Anonymous
Invité
Vous avez bien raison de rougir! C'est tout à fait mérité! :happyblob: :love: :love:

Promis, je me laisserais tenter un de ces quatre par ce petit bijou et je penserais à toi quand ce moment arrivera. :love:


Oh!!!! Merci beaucoup!!! Tu es un ange! :happyblob:
Gros bisous!!! :love: :love:
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Moh c'est adorable ! :happyblob: :happyblob:
J'espère que tu penseras à moi en bien et pas en "omg mais elle a fumé quoi pour me dire que c'est pas aussi monstrueux ?" /out/

Alors j'ai commencé à trafiquer le code sous ModernBB pour commencer pour placer les éléments, est-ce que c'est comme ça que tu voyais la disposition ?

conversion de code...? Mrmq

(y a un vide à gauche du pseudo c'est normal j'ai pas rempli le champ mais l'image est là comme sur le code de base)

Si c'est bon pour toi, je le passe sur phpBB2. :love: :love:
lifestream.
Anonymous
Invité
XDDDD
Je pense que je penserais à toi en bien :happyblob: :love:

Et oui, c’est nickel!!! Tu fais ça comme une reine, j’adore! :love: :happyhappy:
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
J'ai une petite question !

L'avatar, tu le veux en quelle dimension ? :3
200x400 / 200x320 / 250x400 / 250x450 ?
lifestream.
Anonymous
Invité
coucou <3
je le voudrais bien en 250*400. :happyblob:
merci beaucoup. :love:
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Coucou ! Je suis désolée d'avoir pris autant de temps ;-; !

Alors j'ai principalement modifié ce que tu voulais, je te laisse adapter le reste (comme les boutons, etc) ! La largeur du forum c'est 700px (si jamais).

Template viewtopic_body :

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id) {
    try {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0) {
            $('.post--' + id).toggle(0, function() {
 if( $(this).is(":visible") ) {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 } else {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    } catch(e) { }

 return false;
};

//]]>
</script>

<div class="titleto"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
<div class="sub-header-info">  <a href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC}  </div>



 
 <div class="sub-header-buttons">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">Nouveau</a>
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">Répondre</a>
 <!-- END switch_user_authreply -->
 </div>

{POLL_DISPLAY}

<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_COUNT}">
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 </div>
 <!-- END hidden -->


 <!-- BEGIN displayed -->
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
 
                  <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}"></div>
                 
                  <div class="hauttopic">
                      <div class="imghere"></div>
                     
                      <div class="insidetete">
                      <div class="namepost">{postrow.displayed.POSTER_NAME}</div>
                        <div class="rangperso">{postrow.displayed.POSTER_RANK_NEW}</div>
                      </div>
                     
                    </div>
                 
                  <div class="totaltopic">
                   
                    <div class="iconepost"><span class="th th-observatory"></span></div>
                 
                    <div class="blokwrite">
                     
                      <div class="barreduhaut">
                      <div class="datepost">{postrow.displayed.POST_DATE_NEW}</div>
                     
                        <div class="boutons">
                          <div class="btn-edit"><a href="{postrow.displayed.EDIT_URL}">éditer</a></div>
                          <div class="btn-citer"><a href="{postrow.displayed.QUOTE_URL}">citer</a></div>
                          <div class="btn-supp"><a href="{postrow.displayed.DELETE_URL}">supprimer</a></div>
                          <div class="btn-ip"><a href="{postrow.displayed.IP_URL}">Ip</a></div>
                        </div>
                      </div>
                     
                    <div class="blokvava">
                      <div class="bloktete">{postrow.displayed.POSTER_AVATAR}</div>
                      <div class="infopost">
                      <!-- BEGIN profile_field -->
                        <div class="labelu">{postrow.displayed.profile_field.LABEL}</div>
                        <div class="contete">{postrow.displayed.profile_field.CONTENT}</div>
                        {postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
                      </div>
                    </div>
                     
                      <div class="postbodyy">
{postrow.displayed.MESSAGE}
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd class="attachments">
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
 </dt>
 <dd>
 <!-- BEGIN switch_dl_att -->
 <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_no_dl_att -->

 <!-- BEGIN switch_no_comment -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
 <!-- END switch_no_dl_att -->

 <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
 </dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 </div>

 </div>
                    </div>
                 
                 
                 
                  </div>         
                 
 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<div class="topic-actions bottom">
 <!-- BEGIN topicpagination -->
 <div class="paginationy">
 {PAGINATION}
 </div>
 <!-- END topicpagination -->

 <div class="topic-actions-buttons">
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 {S_WATCH_TOPIC}
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->

 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">Nouveau</a>
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">Répondre</a>
 <!-- END switch_user_authreply -->
 </div>
</div>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<!-- BEGIN switch_plus_menu -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<!-- END switch_plus_menu -->

CSS :

Code:
.titleto {
    text-align: center;
    font: 22px Pirata One;
    letter-spacing: 2px;
    background: black;
    border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;
    padding: 10px;
    margin: 0 auto;
    width: 900px;
}
.titleto a {
    text-transform: lowercase;
    background: -webkit-linear-gradient(#dfc793, #7f6342);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-header-info {
width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto;
  padding:10px;
}

.sub-header-info a {
    font: 10px calibri;
    text-transform: uppercase;
    color: #777777;
  margin:0 auto;
}

.hauttopic {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 860px;
    background: rgba(0, 0, 0, 0.6);
    margin-bottom: 50px;
    border: solid 1px #383838;
    margin: 40px auto;
}
.imghere {
    width: 80px;
    height: 80px;
    margin-right: 40px;
}
.insidetete {
    width: 600px;
    text-align: justify;
}
.namepost {
    font: 25px Pirata One;
    text-transform: lowercase;
    letter-spacing: 1px;
}
.rangperso {
    font: 10px calibri;
    text-transform: uppercase;
    color: #777777;
    letter-spacing: 4px;
}
.postbodyy {
    text-align: justify;
    padding: 10px;
    font: 12px roboto;
    margin: 64px 30px 30px 30px;
    width: 650px;
}
.totaltopic {
    border: 1px solid #2f2f2f;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 898px;
    background: #e0e0e0;
    color: #111111;
    margin: 0 auto;
}
.iconepost {
    position: absolute;
    margin: -34px 0px 0px -300px;
    transform: rotate(20deg);
}
.iconepost span {
    font-size: 250px;
    color: #d0d0d0;
}
.barreduhaut {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 20px;
    margin-left: 200px;
}
.datepost {
    color: #080808;
    font: 9px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 260px;
    border-bottom: 1px solid #ccc5bb;
}
.boutons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 308px;
    text-transform: uppercase;
}
.boutons a {
  font: 10px calibri;
  color:black;
}
.blokwrite {
    width: 616px;
}
.blokvava {
    width: 260px;
    position: relative;
    float: left;
    height: 800px;
    margin: -50px 0 0 -100px;
}
.bloktete {
    margin-top: 130px;
  transition:all 800ms;
}
.bloktete img {
    outline: 1px solid #7b6f5a;
    outline-offset: 7px;
  transition:all 800ms;
}
.bloktete img:hover {
  transition:all 800ms;
  filter: grayscale(1) contrast(1.6);
}
.infopost {
    width: 250px;
    text-align: justify;
    font: 9px calibri;
    color: #777777;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
}
.infopost img {
    position: absolute;
    margin: -691px 0px 0px -100px;
    width: 80px;
    outline: 1px solid #7b6f5a;
    outline-offset: 7px;
}
.infopost .label {
    padding: 3px 3px 3px 0px;
    margin-right: 10px;
}
.labelu {
    display: inline-block;
    vertical-align: top;
    width: 90px;
}
.contete {
    display: inline-block;
    vertical-align: top;
    width: 160px;
}
.paginationy {
    padding: 10px;
    font: 11px calibri;
    text-transform: uppercase;
}
.paginationy a {
    color: #777777;
    letter-spacing: 2px;
}

Voilà voilà !
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Sans réponse depuis cinq mois, j'archive ~
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum