Pisrale

Venez retrouver du libre service divers en graphisme (avatars, icons, gifs, etc. . . ) ou codage (fiche rp, signatures, templates, etc. . . ) et ce sans inscription avec commande possible, c'est chez

AccueilAccueil  
  • RechercherRechercher  
  • S'enregistrerS'enregistrer  
  • ConnexionConnexion  
    • Forum sans inscription - Si vous voulez en savoir plus ou rejoindre éventuellement l'équipe, découvrez le concept
    Commandes demander des créations aux gens de PisraleBoite à idée de créations proposez des idées de créations qui manquent sur PisraleFaceclaim réels trouver une bouille réelleFaceclaim illustré trouver une bouille illustréeBesoin d'un faceclaim pour que Pisrale vous propose une bouilleRemarques questions, suggestions, corrections des invités
    Jeu anniversaireLes lots sont affichés, si vous y avez participez, n'oubliez pas de vous manifester !
    Dernières news (15/06)Discord
    (sans flood)
    -17%
    Le deal à ne pas rater :
    PHILIPS Centrale vapeur HI5900/22 5,2 bar
    59.99 € 71.99 €
    Voir le deal

    Liste des messages privés

    Pisrale :: Codages :: Thèmes complets :: Gang Technology
    KoalaVolant
    KoalaVolant
    Lun 2 Jan 2023 - 10:52
    Version du forum : PHPBB2

    Ceci est un code appartenant à un thème complet. Vous pouvez
    Voir le thème complet "Gang Technology"
    Si vous utilisez d'autres codes de ce thème, vous n'avez pas besoin de recopier-coller la partie "couleurs".




    Particularités du code :
    - Crédits : KoalaVolant
    - Les images se redimensionnent toutes seules

    Couleurs & Fonts


    1. Pour rappel, ce code appartient à un thème complet. Si vous utilisez déjà d'autres codes de ce thème, vous pouvez esquiver cette partie. Elle concerne les couleurs, et les polices d'écriture.

      Sinon : les couleurs sont à placer où vous voulez, mais quand vous les modifierez, elles se modifieront partout où les "variables" sont utilisées.

      Ce code utilise un système de “variables” rangé dans un “:root”.
      Si vous trouvez :root { } dans votre CSS déjà actuel, coller ce qu’il y a à l’intérieur du :root suivant, dans celui que vous possédez déjà.
      Attention, il peut y avoir des conflits de variable. Il ne peut pas y avoir deux mêmes variables. (genre, pas deux fois de --color1). Si c’est le cas, il suffit de renommer “--fond” par exemple en “--main-color-banane” (ce que vous voulez), partout dans le code.
      Pour rechercher et remplacer dans tout un code : https://convertir.github.io/outils/remplacer-texte-en-ligne.html

      Note : Si vous utilisez plusieurs codes de Pisrale n'appartenant pas à ce thème, il y a des chances qu’il y ait des conflits. Si vous voulez qu’on modifie les codes pour vous, suivez un de ces boutons

      Personnaliser mon code
      Signaler un souci

    2. Pour copier coller le ":root" il faut aller dans le Panneau d'administration > Affichage > Couleurs et CSS > Feuille de style CSS et copier coller ça :

      Code:
      :root{
          --fond-deg:linear-gradient(90deg, var(--dark) 32.29%, var(--light) 89.86%);
          --fond-img:url('https://www.zupimages.net/up/22/45/f0t6.png');
          --fond-img2:url('https://www.zupimages.net/up/22/45/f0t6.png');
          --fond-bodyline:#4d4d4d;
          --dark:#531b37;
          --light:#88263C;
          
          --black:#FDE8ED;
          --white:#dedede;
        --whitef:#363636;
          
          --text-shadow:0px 0px 0px #757575;
          --font-text:'Inter', sans-serif;
          --font-title:'GothamPro', sans-serif;
        
        --groupe1:#d7ba83;
      --groupe2:#ff85a7;
      --groupe3:#88c6ff;
      --groupe4:#6ed373;
      }

    3. Attention, les polices d'écriture utilisées sur ce thème sont "Inter" et "Gotham Pro" dans ce but, donc, il vous faudra les installer. Pour ça, connectez vous au compte fondateur, allez dans le Panneau d'administration > Affichage > Templates > Haut du forum (overall-header) et avant le "< /head>" (sans espace), copiez coller ça :
      Code:
        <!-- FONTS DU FORUM -->
        <link href="https://cdn.statically.io/gist/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/fad2f254369fb54250260077a4c87391a6280c52/gotham.css" rel="stylesheet">
          <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet">

    4. Vous pouvez bien sûr changer les fonts par autre chose, en allant vous servir sur Google Fonts Very Happy



    HTML

    1. Avec le compte fondateur, il faut aller dans Panneau d'administration > Affichage > Templates > Poster & Messages Privés > privmsgs_body
      Appuyez sur la roue crantée pour le modifier

    2. Copier coller ça à l'intérieur :

      Code:
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
          <tr>
              <td align="center" valign="top" width="100%">
                  <table border="0" cellspacing="2" cellpadding="0" height="40">
                      <tr valign="middle" class="titresmp">
                          <td><span class="gen"><b>{INBOX}</b>  </span></td>
                          <td><span class="gen"><b>{SENTBOX}</b>  </span></td>
                          <td><span class="gen"><b>{OUTBOX}</b>  </span></td>
                          <td><span class="gen"><b>{SAVEBOX}</b></span></td>
                      </tr>
                  </table>
              </td>
              <td align="right">
                  <!-- BEGIN switch_box_size_notice -->
                  <table class="bodyline" width="250" border="0" cellspacing="1" cellpadding="0">
                      <tr>
                          <td class="row1" colspan="3" nowrap="nowrap" width="250"><span class="gensmall">{BOX_SIZE_STATUS}</span></td>
                      </tr>
                      <tr>
                          <td class="row2" colspan="3" width="250">
                              <table border="0" cellspacing="0" cellpadding="1">
                                  <tr>
                                      <td class="pourcentback"><img src="https://2img.net/i/empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></td>
                                  </tr>
                              </table>
                          </td>
                      </tr>
                      <tr>
                          <td class="row1" width="33%"><span class="gensmall">0%</span></td>
                          <td class="row1" align="center" width="34%"><span class="gensmall">50%</span></td>
                          <td class="row1" align="right" width="33%"><span class="gensmall">100%</span></td>
                      </tr>
                  </table>
                  <!-- END switch_box_size_notice -->
              </td>
          </tr>
      </table>
      <br clear="all" />
      <form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
          <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
              <tr>
                  <td valign="middle">{POST_PM_IMG}</td>
                  <td width="100%"></td>
                  <td align="right" nowrap="nowrap">
                      <span class="gensmall">{L_DISPLAY_MESSAGES}: 
                          <select name="msgdays">
                              {S_SELECT_MSG_DAYS}
                          </select> 
                          <input class="liteoption" type="submit" name="submit_msgdays" value="{L_GO}" />
                      </span>
                  </td>
              </tr>
          </table>
          <table class="forumline mptotal" width="100%" border="0" cellspacing="1" cellpadding="0">
              <!-- BEGIN listrow -->
              <tr class="mprecus">
                            <td class="{listrow.ROW_CLASS} mpselection" align="center" valign="middle" width="5%">
                      <span class="postdetails"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" /></span>
                  </td>
                <td class="{listrow.ROW_CLASS} mpimgicon" align="center" valign="middle">
                  <div class="imgicon">{listrow.PRIVMSG_ICON}</div>
                 <img class="imgmp" title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}" loading="lazy" /></td>
                  <td class="{listrow.ROW_CLASS} mpinfos" valign="middle" width="55%">
                       
                      <span class="topictitle">
                           
                          <a class="topictitle topicmp" href="{listrow.U_READ}">{listrow.MSG_UNANSWERED}{listrow.SUBJECT}</a>
                        <span class="mpmpinfos"> Envoyé par <span class="name mpname"> {listrow.FROM}</span> - <span class="datemp postdetails">{listrow.DATE}</span></span>
                      </span>
                  </td>
              </tr>
              <!-- END listrow --><!-- BEGIN switch_no_messages -->
              <tr>
                  <td class="row1" colspan="6" align="center" valign="middle"><span class="gen">{L_NO_MESSAGES}</span></td>
              </tr>
              <!-- END switch_no_messages -->
              <tr class="mpbottom">
                  <td class="catBottom" colspan="6" align="right" height="28">
                      {S_HIDDEN_FIELDS}
                      <!-- BEGIN switch_save -->
                      <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />  
                      <!-- END switch_save -->
                      <!-- BEGIN switch_move_profile -->
                      <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
                      <!-- END switch_move_profile -->
                      <!-- BEGIN switch_mark_as_read -->
                      <input class="liteoption" type="submit" name="mark_as_read" value="{switch_mark_as_read.L_MARK_AS_READ}" />  
                      <input class="liteoption" type="submit" name="mark_as_unread" value="{switch_mark_as_read.L_MARK_AS_UNREAD}" />  
                      <!-- END switch_mark_as_read -->
                      <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" /> &nbsp;
                      <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
                  </td>
              </tr>
          </table>
          <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
              <tr>
                  <td valign="top" width="5%"><span class="nav">{POST_PM_IMG}</span></td>
                  <td valign="middle"><span class="nav">{PAGE_NUMBER}<br /><br /><br /></span></td>
                  <td align="right" valign="top" nowrap="nowrap">
                      <span class="gensmall">
                          <b>
                              <a class="gensmall" href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a>
                               ::
                              <a class="gensmall" href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a>
                          </b>
                      </span>
                      <br /><br />
                      <span class="nav">{PAGINATION}<br /></span>
                  </td>
              </tr>
          </table>
      </form>
      <table width="100%" border="0">
          <tr>
              <td align="right" valign="top">{JUMPBOX}</td>
          </tr>
      </table>

    3. Validez une fois que c'est bon (il faut confirmer la modification une fois de retour dans la page des templates



    CSS

    1. Allez dans Panneau d'administration > Affichage > Couleurs & CSS > Feuille de style CSS

    2. Si vous n'avez pas d'autres codes de ce thème, copier coller ça en plus à l'intérieur :
      Code:
      /* BODY ET CHOSES DE BASE */
      a, a:hover{ text-decoration:none !important; }
      *{ box-sizing:border-box; }
      img{ object-fit:cover; }
      .sceditor-button{width: 28px;}
      .top-bottom-fo{ position:absolute; }
      .bodyline{ border:none; background:var(--fond-bodyline);}
      #i_logo{ width:auto; }
      .sceditor-button{ width:27px !important; height:27px !important; }

      .catBottom{ background:var(--fond-deg) !important;}
      .catBottom a{ color:var(--white) !important;  }
      .catBottom .nav{ color:var(--black) !important;  }
      .row2, .row1{ background:var(--whitef) !important; color:var(--white); }

      input.post, textarea.post, select, #text_editor_iframe, textarea.inputbox{ color:#222; }
      input, textarea, select, #text_editor_iframe, .external-module .external-more a{ color:#222; }
      .forumline{ background:transparent; }
      th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom{ background:var(--fond-deg); }

      /* DÉBUT RETRAIT TRAITS NOIRS FORUM */
      .catHead, .catBottom, .catLeft, .catRight, .thLeft, .thRight,
      .thSides, .thCornerL, .thCornerR, .thTop, .thHead, .row3Right, .forumline
      {
      border: none !important;
      }
      /* FIN RETRAIT TRAITS NOIRS FORUM */

    3. Si vous avez déjà un code de ce thème, contentez vous de copier coller ça à l'intérieur et c'est tout :

      Code:


      /******************* LISTE DES MPS ********************/


      /* NOM DES BOITES */

      .titresmp span{ display:block; padding:10px; background:var(--whitef); margin:0 10px; text-align:center; }
      /* MP TOTAL */

      .mptotal{ background:none !important; }
      .mptotal tr{ display:block; }

      /* MPS */

      .mprecus{ display:flex !important; align-items:center;  position:relative; }
      .mprecus .row1, .mprecus .row2{ background:none !important; }

      /* SELECTION */
      .mpselection{ width:5%; display:block; }

      /* INFOS */
      .mpinfos{ width:100%; }
      .mpinfos .topictitle{ display:block;  }
      .mpinfos .topictitle .topicmp{ font-size:16px; font-family:var(--font-title); font-weight:200; background:var(--fond-img); background-position:right; text-shadow:var(--text-shadow); padding:10px; color:var(--white); letter-spacing:1px; padding-left:70px; }

      .mpmpinfos{ margin-top:5px; padding-left:70px; display:block; font-weight:100; }
      /* ICON */
      .mprecus .mpimgicon{ position:absolute; left:30px; top:10px; }
      .mprecus .mpimgicon img{ width:80px; }
      /* BAS DU FORUM */
      .mpbottom{ margin-top:30px !important; }
      .mpbottom .catBottom{ padding:10px; width:830px;}
      .mpbottom .catBottom input{ padding:5px; color:var(--black); border:none; }

    Revenir en haut

    Liste des messages privés

    Pisrale :: Codages :: Thèmes complets :: Gang Technology

    Nos amis proches

    Liste des messages privés Parto512 Logo WyvArtem Life Is StrangeForum RPG Yakuza80