Thème main 2 : déplacer le bloc "se connecter"

Thème main 2 : déplacer le bloc "se connecter" [Réglé]

Support Général

KONA Membre non connecté

Booster Fusée

Le 02/06/2008 à 12h42

#32624

Bonjour

Ouvrir design.css et supprimer :

Code CSS :

div#connect{
    position:relative;
    height:150px;
    width:210px;
    left:0px !important;
    left:-5px;
    font-size:10px;
    color:#000000;
    text-align:center;
    padding:4px;
    padding-top:40px;
    padding-left:10px;
    background:url("images/header_boost.jpg") no-repeat;
}
div#connect a{
    color:#FEFEFE;
}
div#disconnect{
    position:relative;
    height:155px;
    left:0px !important;
    left:-5px;
    padding:4px;
    padding-top:35px;
    padding-left:40px;
    background:url("images/header_boost.jpg") no-repeat;
}
div#disconnect a{
    color:#2A3030;
}

Ensuite ouvrir connection.tpl et supprimer tout sont contenue et coller ceci :

Code HTML :

        # START disconnected #        
        <script type="text/javascript">
        <!--
        function check_conect(){
            if(document.getElementById('login').value == "") {
                alert("{L_REQUIRE_PSEUDO}");
                return false;
            }
            if(document.getElementById('password').value == "") {
                alert("{L_REQUIRE_PASSWORD}");
                return false;
            }
            return true;
        }
 
        -->
        </script>
 
        <div class="module_mini_container">
            <div class="module_mini_top">
                <h5 class="sub_title">{L_CONNECT}</h5>
            </div>
            <div class="module_mini_table">
                <form action="{U_CONNECT}" method="post" onsubmit="return check_conect();">
                    <p>
                        <label>{L_PSEUDO}
 
 
                        <input size="15" type="text" class="text" id="login" name="login" maxlength="25" /></label>
 
 
                        <label>{L_PASSWORD}
 
 
                        <input size="15" type="password" id="password" name="password" class="text" maxlength="30" /></label>
 
 
                        <label>{L_AUTOCONNECT} <input checked="checked" type="checkbox" name="auto" /></label>
                    </p>
                    <p>    
                        <input type="submit" name="connect" value="forum/{L_CONNECT}" class="submit" />
                    </p>
                    <p>
                        {U_REGISTER}
                    </p>    
                </form>    
            </div>        
            <div class="module_mini_bottom">
            </div>
        </div>                
        # END disconnected #        
 
 
        # START connected #        
        <div class="module_mini_container">
            <div class="module_mini_top">
                <h5 class="sub_title">{L_PROFIL}</h5>
            </div>
            <div class="module_mini_table" style="text-align:left;">
                <ul style="margin:0;padding:0;padding-left:4px;list-style-type:none;line-height:18px">
                    <li><img src="/templates/{THEME}/images/admin/members_mini.png" alt="" class="valign_middle"> <a href="/member/member{U_MEMBER_ID}" class="small_link">{L_PRIVATE_PROFIL}</a></li>
                    <li>{U_MEMBER_MP}</li>
                    {U_ADMIN}
                    {U_MODO}
                    <li><img src="/templates/{THEME}/images/admin/home_mini.png" alt="" class="valign_middle"> <a href="/member/member.php?disconnect=true" class="small_link">{L_DISCONNECT}</a></li>
                </ul>
            </div>
            <div class="module_mini_bottom">
            </div>
        </div>
        # END connected #

Recherche moto cross volée L'est de la france

Visiteur

Boosteur Inactif

Le 06/06/2009 à 11h56

#58444

Bonjour.
Je voulais faire ca aussi, mais je n'ai pas ces lignes dans mon design.css de main2.
Voila ce que j'ai (phpboost2.0)

Code CSS :

/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/
 
/* Corps du site 
--------------------------------------*/
*{
margin:0;
padding:0;
font-size:100%;
}
body{
background:#BCBABB;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#000000;
margin:0;
padding:0;
}
 
 
/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button
{
display:block;
float:left;
color:#FEFEFE;
height:22px;
text-decoration:none;
background:url("images/sub_header.gif") repeat-x;
text-align:center;
padding:0px 20px;
padding-top:9px;
}
a:hover.button
{
background:url("images/sub_header2.gif") repeat-x;
color:#FEFEFE;
text-decoration:none;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:0px 19px;
padding-top:9px;
}
 
div#connect{
position:relative;
height:150px;
width:210px;
left:0px !important;
left:-5px;
font-size:10px;
color:#000000;
text-align:center;
padding:4px;
padding-top:40px;
padding-left:10px;
background:url("images/header_boost.jpg") no-repeat;
}
div#connect a{
color:#FEFEFE;
}
div#disconnect{
position:relative;
height:155px;
left:0px !important;
left:-5px;
padding:4px;
padding-top:35px;
padding-left:40px;
background:url("images/header_boost.jpg") no-repeat;
}
div#disconnect a{
color:#2A3030;
}
 
/* Conteneurs 
--------------------------------------*/
div#global 
{
background:#E0DCDD;
border-bottom:1px solid #878586;
}
div#header{
background:url("images/bg_header.gif") repeat-x;
text-align:left;
}
div#sub_header{
height:31px;
background:url("images/sub_header.gif") repeat-x;
margin-top:-2px;
}
div#sub_header_left{
background:url("images/sub_header.gif") repeat-x;
height:31px;
margin:auto;
width:500px;
}
div#sub_header_right{
background:url("images/sub_header.gif") repeat-x;
height:31px;
width:10.75em;
float:right;
}
div#compteur{
position:absolute;
color:#FFFFFF;
width:130px;
}
div#compteur_position{
position:absolute;
z-index:100;
right:130px;
top:10px;
}
div#left_menu{
background:url("images/main.gif") repeat-x;
float:left;
width:220px;
margin:0;
margin-right:0px !important;
margin-right:-3px;
padding-left:4px;
padding-top:15px;
}
div#main{
background:url("images/main.gif") repeat-x;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding-bottom:30px;
padding:3px;
}
div#right_menu{
background:url("images/main.gif") repeat-x;
float:right;
width:220px;
margin-left:0px !important;
margin-left:-3px;
padding-top:15px;
}
div#links{
width:96%;
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
padding-bottom:4px;
color:#FFFFFF;
font-weight:bold;
}
div#footer{
background-color:#587B9B;
text-align:center;
border-top:1px solid #878586;
padding:0.75em;
clear:both;
}
div#footer span{
font-size:10px;
color:#FFFFFF;
}
div#footer span a{
font-size:10px;
color:#FFFFFF;
}

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

lydie Membre non connecté

KONA Membre non connecté

Visiteur

Visiteur

ReidLos Membre non connecté

Visiteur