AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Méthode à suivre pour modification viewtopic_body + CSS

    Pandinou
    Pandinou
    MasculinAge : 26Messages : 26

    le Mer 23 Jan 2019 - 23:44

    Question sur la méthode à suivre



    Je souhaiterais simplement enlever le surligne-ment sous le pseudo mais je ne voie pas qu'elle partie modifier pour les retirer car au survol elle disparaît j'ai déjà apporter quelque modification mais pour la suite je suis bloquer.


    Image:
    Méthode à suivre pour modification viewtopic_body + CSS 2019-010

    viewtopic_body
    Code:
    <script type="text/javascript">
    <td class="row2" colspan="3" align="right">
    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 = { };
        }
     
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    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>

        <table style="margin:auto; max-width:920px;" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
     <!-- BEGIN switch_user_logged_in -->
     <tr><!-- BEGIN watchtopic -->
     <td align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr>
     <!-- END watchtopic -->
     <!-- END switch_user_logged_in -->
        <tr><td><div id="tlePOST"><span class="btnPOST">
        <!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span><h1 class="cattitle">{TOPIC_TITLE}</h1>
     <span class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></div></td>
        </tr>
        </table>

        <table class="forumline" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0">

        {POLL_DISPLAY}
        <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
     <td valign="top" colspan="3" align="right"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
     <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
        </td>
     </tr>
     <tr>
        <td colspan="3">
        <!-- BEGIN switch_vote_active -->
        <div class="vote gensmall">
        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
        <!-- END switch_vote -->

        <!-- BEGIN switch_bar -->
        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
        <!-- BEGIN switch_vote_plus -->
        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
        <!-- END switch_vote_plus -->

        <!-- BEGIN switch_vote_minus -->
        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
        <!-- END switch_vote_minus -->
        </div>
        <!-- END switch_bar -->

        <!-- BEGIN switch_no_bar -->
        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
        <!-- END switch_no_bar -->

        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
        <!-- END switch_vote -->
        </div>
        <!-- END switch_vote_active -->
    </td></tr>
    <tr class="mainPOST">
     <td class="blankPOST"></td>
     <td id="boxPOST" valign="top"><div class="triIPOST"></div><div class="triIIPOST"></div>
     <div class="boxPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}</div>
     <div class="avaPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div>{postrow.displayed.POSTER_AVATAR}</div>
        <div class="abtPOST">
     <!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
        <!-- END profile_field --></div>
        <div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div>
     <div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
        <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
     </div></td>
    <td class="PPOST" valign="top">
        <div>{postrow.displayed.MESSAGE}</div>
        <!-- BEGIN switch_attachments -->
        <dl class="attachbox">
        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
        <dd>
        <!-- BEGIN switch_post_attachments -->
        <dl class="file">
        <dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

        <!-- BEGIN switch_dl_att -->
        <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}
        <!-- END switch_dl_att -->

        <!-- BEGIN switch_no_dl_att -->
        {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}
        <!-- END switch_no_dl_att -->
        </dt>

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

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

        <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
        </dl>
        <!-- END switch_post_attachments -->
        </dd></dl>
        <!-- END switch_attachments -->
        </td>
     
     </tr>
     <tr>
     <td colspan="3">
     <!-- BEGIN switch_signature -->
        <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
        <!-- END switch_signature --></td>
        </tr>
        <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
     <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" colspan="3">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
        <hr />
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
        <td colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        </table>
     
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:0px; margin:auto; max-width:920px;">
    <tr><td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
     <!-- BEGIN topicpagination -->
     <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
     <!-- END topicpagination -->
     </tr>
    </table>


    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:0px; margin:auto; max-width:920px;">
    <tbody><tr><td class="catBottom">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody><tr><td valign="top"><div class="cattitle"> {L_FORUM_RULES}</div></td></tr></tbody></table></td></tr>
    <tr><td class="clearfix"><table><tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" alt="" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td></tr></table>
    </td></tr></tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td 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 align="left" valign="top" nowrap="nowrap">

    <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>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" style="display:inline-block; vertical-align:middle;">
    <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 -->
    </form>
    </td></tr>
    <tr><td></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 valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
     <!-- END show_permissions -->
    <tr><td class="catBottom">
    <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>
    <tr><td>
    <!-- BEGIN viewtopic_bottom -->
    <span class="gen" style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
     <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
     </form>
    <!-- END viewtopic_bottom -->
    </td></tr>
    </table>


    <!-- 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 -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

    CSS
    Code:
    /* PRESENTATION DU SUJET */
    /* BLOC TITRE SUJET */
    #tlePOST{
    margin:5px auto; padding:10px;
    background:black; /* MODIFIABLE */
    text-transform:uppercase; text-align:right;
    }
    /* NOUVEAU & REPONDRE */
    .btnPOST {
    float:left;
    }
    /* TITRE SUJET */
    #tlePOST h1 {
    line-height:34px; font-size:32px; font-family:Arial;
    color:#DEDEDE; /* MODIFIABLE */
    }
    /* NAVIGATION */
    .navPOST {
    display:block; margin-top:5px; padding:1%; font-size:10px; font-family:Arial;
    background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
    }
    /* LIENS NAVIGATION */
    .navPOST a {
    color:black !important; /* MODIFIABLE */
    }
    /* DATE SUJET */
    .datePOST {
    display:inline-block; vertical-align:middle;
    padding:5px 0; font-size:11px; text-transform:uppercase;
    color:black; /* MODIFIABLE */
    }
    /* CITER / EDITER / SUPPRIMER / IP */
    .toolsPOST {
    display:inline-block; vertical-align:middle; margin-left:15px;
    }
    /* MESSAGE & BLOC JOUEUR */
    .mainPOST {
    margin:20px auto 0; 
    box-shadow:0 0 5px rgba(0,0,0,0.2); background:#ccc; /* MODIFIABLE */
    }
    /* APPARENCE MESSAGE */
    .PPOST {
    width:71%; padding:1%; text-align:justify; font-size:11px;
    color:black; /* MODIFIABLE */
    }
    /* LARGEUR MAXIMALE IMAGES APPARENCE MESSAGE */
    .PPOST img{
    max-width:100%;
    }
    /* TRIANGLE GAUCHE */
    .triIPOST {
    position:absolute; margin-left:-10px; margin-top:-20px;
    width:0; height:0; border-style:solid; border-width:0 0 20px 10px; border-color:transparent;
    border-bottom-color:black; /* MODIFIABLE */
    }
    /* BANDE PSEUDONYME / RANG / INFORMATIONS */
    #boxPOST {
    width:220px;
    background:#191919; /* MODIFIABLE */
    }
    /* BLOC PSEUDONYME / RANG / INFORMATIONS */
    .boxPOST {
    margin-top:-20px;
    width:200px; padding:10px; text-align:center;
    background:#191919; /* MODIFIABLE */
    }
    /* TRIANGLE DROITE */
    .triIIPOST {
    position:absolute; margin-top:-20px; margin-left:220px;
    width:0; height:0; border-style:solid; border-width:20px 0 0 10px; border-color:transparent;
    border-left-color:black; /* MODIFIABLE */
    }
    /* PSEUDONYME */
    .namePOST {
    text-transform:uppercase; font-size:20px; font-family:Arial;
    /* MODIFIABLE */
    }
    /* TEXTE RANG */
    .rankPOST {
    position:absolute; z-index:3; margin:10px;
    width:160px; padding:10px;
    background:black; color:white; /* MODIFIABLE */
    text-transform:uppercase; font-size:11px; font-family:Arial;
    opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 1s ease; -webkit-transition:all 1s ease;
    }
    .avaPOST:hover .rankPOST {
    opacity:1; transform:scale(1); -webkit-transform:scale(1);
    }
    /* AVATAR */
    .avaPOST {
    margin:10px auto;
    }
    .avaPOST img{
    transition:all 1s ease; -webkit-transition:all 1s ease;
    }
    .avaPOST:hover img{
    opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1);
    }
    /* INFORMATIONS JOUEUR */
    .abtPOST div{
    margin-bottom:5px; padding:5px;
    text-align:justify; font-family:Arial; font-size:11px;
    background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
    }
    /* INTITULES INFORMATIONS JOUEUR */
    .abtPOST span{
    text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
    }
    /* LARGEUR MAXIMALE IMAGES INFORMATIONS JOUEUR */
    .abtPOST img{
    max-width:100%;
    }
    /* FEUILLE DE PERSONNAGE */
    .rpgPOST{
    padding:5px; text-align:justify; font-size:11px;
    background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
    }
    .rpgPOST br:nth-of-type(1) {
    display:none;
    }
    /* IMAGES CONTACT JOUEUR */
    .ktactPOST {
    margin-top:10px;
    }
    /* IMAGE RANG */
    .imgrankPOST img{
    margin:auto; max-width:100%;
    }
    /* ESPACE DROITE */
    .blankPOST {
    width:5%;
    }
    /* BLOC SIGNATURE */
    .signPOST {
    margin:10px auto 0; padding:10px; font-size:11px; text-align:justify;
    box-shadow:0 0 5px rgba(0,0,0,0.2); background:#ccc; color:black; /* MODIFIABLE */
    }
    .signPOST br:nth-of-type(1) {
    display:none;
    }
    .signPOST br:nth-of-type(2) {
    display:none;
    }

    PS : j'ai trouver comment faire merci à vous quand même :)

    Code:
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }

      La date/heure actuelle est Mer 24 Avr 2019 - 20:41