Forum

Sur mon site, http://www.sofrasat.net, j'ai le menu de login à gauche.

J'aimerais le mettre dans le header et à complètement droite. Comment faire ?

Merci d'avance.







Encore mieux, si je le supprime, j'ai un espace vide à la place, je suppose que comme pour le menu de droite, il faut aller changer ca dans le css !

Édité par JC Le 11/03/2008 à 01h38

la je ne sais pas trop, mais tu as regardé comment était fait le thème main2?

Bah, j'ai pensé mais alors je dois le mettre et aller chipoté dans l'header.
Arff ... J'avais pas réfléchi assez cette nuit.
Maintenant, j'ai fait un gros dodo et j'ai les idées plus claires ...

Salut

Il te faut reprendre le fichier connection.tpl tu remplace par :

[code=css]# 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>

<form action="{U_CONNECT}" method="post" onsubmit="return check_conect();">
<div style="padding:0;margin:0;position:absolute;top:0px">
<div id="connect">
<p>
<label>{L_PSEUDO} <input size="15" type="text" class="text" id="login" name="login" maxlength="25" /></label>
<br />
<label>{L_PASSWORD} <input size="15" type="password" id="password" name="password" class="text" maxlength="30" /></label>
<br />
<label>{L_AUTOCONNECT} <input checked="checked" type="checkbox" name="auto" /></label>
</p>
<p>
<input type="submit" name="connect" value="{L_CONNECT}" class="submit" />
<br />
{U_REGISTER}
</p>
</div>
</div>
</form>
# END disconnected #


# START connected #
<div style="position:absolute;top:0px">
<div id="disconnect">
<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>
# END connected #
[/code]

Et dans le css ( dans design.css par exemple) tu ajoute ces class :

[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: ;
}
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: #999999;
}
div#disconnect a{
color:#2A3030;
}[/code]

Bon, c'est bien dans le header mais à gauche sur mon logo et pas dans un cadre.
Une petite idée de plus ??

Faudrait voir avec CrowKait

CrowKait tu fais comment pour le mettre à droite sans utiliser le float:right; parce que si je met float:right; avec un padding quelque chose suivent la résolution de l'écran il ne sera jamais à la même place j'ai essayer avec right:0px; mais aucun changement . Donc si tu pourrais m'éclairer un petit peux , merci .

Petite question à la con c'est bien dans design.css qu'il faut faire les modif ??

Tu peux le mettre dans n'importe quel fichier css ( content , generic , globale ) mais le mieux approprié est design.css ( pour une question de logique car il fait partit du design )

Ok, je suis deja dans le bon fichier.



Reste plus à relire mes notes sur le css et trouver l'astuce.

Sinon attend Crowkait qu'il passe et si il a un peut de temps il regarde

Oui, je vais l'attendre mais en attendant, il faut que je trouve par moi-même sinon je n'apprends rien en laissant les autres trouver les solutions à mes problèmes.

En faite j'ai trouvé ( j'aime pas rester sur un echec donc je cherche )

[code=css]div#connect{
position:relative;
height:150px;
width:210px;
left:300px !important; /* Ici tu règle en PX pour le deplacer */
left:-5px;
font-size:10px;
color:#000000;
text-align:center;
padding:4px;
padding-top:40px;
padding-left:10px;
background: ;
}
div#connect a{
color:#FEFEFE;
}
div#disconnect{
position:relative;
height:155px;
left:300px !important; /* Ici tu règle en PX pour le deplacer */
left:-5px;
padding:4px;
padding-top:35px;
padding-left:40px;
background: #999999;
}
div#disconnect a{
color:#2A3030;
}[/code]

J'ai mis deux commentaires dans le css .

Hi hi, moi aussi, je cherche !
Mais je suis moins doué que toi !



Bon, j'ai donc mis à droite.
Mais je n'ai plus le cadre bleu foncé ni le fond bleu.
C'est ti où que ca ce cache ??

Reprend en entier connection.tpl comme 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>

<form action="{U_CONNECT}" method="post" onsubmit="return check_conect();">
<div style="padding:0;margin:0;position:absolute;top:0px">
<div id="connect">
<div class="module_mini_top">
<h5 class="sub_title">{L_ONLINE}</h5>
</div>
<div class="module_mini_table">
<p>
<label>{L_PSEUDO} <input size="15" type="text" class="text" id="login" name="login" maxlength="25" /></label>
<br />
<label>{L_PASSWORD} <input size="15" type="password" id="password" name="password" class="text" maxlength="30" /></label>
<br />
<label>{L_AUTOCONNECT} <input checked="checked" type="checkbox" name="auto" /></label>
</p>
<p>
<input type="submit" name="connect" value="{L_CONNECT}" class="submit" />
<br />
{U_REGISTER}
</p>
</div>
<div class="module_mini_bottom">
</div>
</div>
</div>
</form>


# END disconnected #


# START connected #
<div style="position:absolute;top:0px" class="module_mini_container">
<div id="disconnect">
<div class="module_mini_top">
<h5 class="sub_title">{L_ONLINE}</h5>
</div>
<div class="module_mini_table">
<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>
</div>
# END connected #
[/code]

Bon, je clos le sujet en laissant le menu comme il est.
Je ferai un site de teste sur un sous-domaine afin de voir si je peux trouver la solution.