Personnaliser le LOGIN_POPUP

[amazonia-piranha]

bonjour,
je souhaiterais personnaliser mon LOGIN_POPUP, afin de ne laisser que les boutons et une imagede fond
je sais qu'il faut créer une class pour pouvoir ensuite intervenir a l'aide du CSS, mais quel genre de balise doit-je mettre ?

Actuellement sa donne cela :

Spoiler:

Ce que je souhaite réalisé :

Spoiler:

si je me trompe pas j'ai repéré mon login_popup que voici :

Spoiler:

merci d'avance pour votre aide !

[tupac]

Bonjour

Si j'ai bien compris vous voulez que votre image déborde du cadre.
Essayer avec ce code.

Code:

#login_popup table.forumline td.row1 { background: url( votre image ici ) no-repeat;
position: absolute;
margin-top: -70px;
}

Jouer avec le ( margin-top: -70px; ) pour descendre ou monter votre image.

[amazonia-piranha]

et en faite cher tupac, je veut rendre complètement invisible l'enssenble du popup pour ne laissé que mon image et les boutons de conexion, l'image que j'ai afficher en résultat finale est une image png, c'est a dire que le poisson le cadre le texte, tout est coller sur un png, ce n'est donc pas un cadre avec un css derriere avec du texte, c'est un tout en faite, une image, d'ou mon but de rendre invisible le popup de base, je veut juste cette image est les boutons de visible.

[tupac]

Bonjour

J'ai saisi.
Donc dans votre template overall_header repérer la partie suivante elle correspond a la boite popup de connexion.

Code:

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

Il vous faut changer les class ( forumline ) et ( row1 ) par une autre class par exemple ( forumline_1 ) et ( row1_1 )

Ensuite repérer la partie suivante et supprimez-la elle correspond a l'en-tête de la popup.

Code:

<tr height="25">
   <td class="catLeft">
   <span class="genmed module-title">{SITENAME}</span>   
   </td>
</tr>

Une chose a savoir si vous souhaitez un jour placer un code (si-dessous) en rapport avec votre popup dans votre feuille de style il vous faudra aussi changer les class (forumline) et (row1) par celle-ci (forumline_1) et (row1_1)

Code:

#login_popup table.forumline td.row1 { background: url( votre image ici ) no-repeat;
    background: url(http://hariboow.free.fr/upload/images/201102wtw.png)
        }

[amazonia-piranha]

Merci beaucoup TUPAC.
grace a ton explication j'ai pu réalisé mes modifications.