Bloc connexion [Réglé]
Visiteur
Boosteur Inactif
je cherche à mettre le bloc de connexion en haut sur la bannière (comme main2) en désactivant le menu de droite mais je ne trouves pas le morceau de code à modifier. Vous pouvez m'aider SVP ?
En fait j'ai fait un menu déroulant pour enlever les menus de droite et de gauche c'est pour ça.
Thème : Vista World
Merci,
loicsr
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Visiteur
Boosteur Inactif
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
http://www.phpboost.com/forum/topic-3115-1.php
Ensuite pour le menu connexion .
Ouvrir connection.tpl et remplacer tout le contenu par :
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"> [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="{L_CONNECT}" class="submit" /> {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 #
Ensuite , ouvrir design.css et ajouter :
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;
C'est les fichiers repris de main2 .
Visiteur
Boosteur Inactif
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Visiteur
Boosteur Inactif
connexion.tpl :
[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">
<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]
design.css :
[code=css]/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/
/* Corps du site
--------------------------------------*/
*{
margin:0;
padding:0;
font-size:100%;
}
body{
background:#dfe6ea center fixed url("images/admin_main.gif");
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:#edfff0;
width:10.75em;
height:28px;
margin-top:-1px;
text-decoration:none;
background:url("images/sub_header.gif") repeat-x;
text-align:center;
padding-top:10px;
border-left:2px solid #A4A4A4;
}
a:hover.button
{
width:10.75em;
height:27px;
background:url("images/sub_header.gif") no-repeat;
color:#edfff0;
text-decoration:none;
text-align:center;
border-left:2px solid #A4A4A4;
}
/* Conteneurs
--------------------------------------*/
div#header
{
background:#33aecc;
}
div#sub_header{
height:40px;
background:url("images/sub_header.gif") repeat-x;
margin-top:-2px;
}
div#sub_header_left{
height:40px;
width:10.75em;
background:url("images/sub_header_l.jpg") no-repeat;
float:left;
}
div#sub_header_right{
height:39px;
float:right;
padding-top:1px;
}
div#compteur{
position:absolute;
top:20px;
right:0px;
color:#616161;
}
div#left_menu{
float:left;
width:156px;
margin:0;
margin-right:0px !important;
margin-right:-3px;
margin-left:5px;
padding-top:10px;
}
div#main{
min-width:450px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding-bottom:30px;
}
div#right_menu{
float:right;
width:156px;
margin-left:0px !important;
margin-left:-3px;
margin-right:5px;
padding-top:10px;
}
div#links{
width:96%;
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
padding-bottom:4px;
border:0px solid #b1c7cf;
font-weight:bold;
}
div#footer{
height:85px;
background:#a6ccdb url(images/footer.png) repeat-x;
text-align:center;
border
olid 1px #b1c7cf;margin-left:1px;
margin-right:1px;
padding-top:1px;
clear:both;
}
div#footer2{
text-align:center;
color:#e8f3f9;
margin-left:1px;
margin-right:1px;
padding-top:1px;
}
div#footer span{
font-size:11px;
background:;
}
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.png") 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.png") no-repeat;
}
div#disconnect a{
color:#2A3030;
}[/code]
header.tpl :
[code=html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" >
<head>
<title>{SITE_NAME} :: {TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="{SITE_DESCRIPTION}" />
<meta name="keywords" content="{SITE_KEYWORD}" />
<meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" />
<meta name="classification" content="tout public" />
<meta name="revisit-after" content="1 days" />
<meta name="robots" content="index, follow, all" />
<link rel="stylesheet" href="../templates/{THEME}/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../templates/{THEME}/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="../templates/{THEME}/generic.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="../templates/{THEME}/content.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="../templates/{THEME}/bbcode.css" type="text/css" media="screen, print, handheld" />
{ALTERNATIVE_CSS}
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<link rel="alternate" type="application/rss+xml" href="../index/rss.php" title="RSS des news" />
<link rel="alternate" type="application/rss+xml" href="../wiki/rss.php" title="RSS des tutoriels" />
<link rel="alternate" type="application/rss+xml" href="../articles/rss.php" title="RSS des articles et tests" />
<link rel="alternate" type="application/rss+xml" href="../forum/rss.php" title="RSS des forums" />
<link rel="alternate" type="application/rss+xml" href="../download/rss.php" title="RSS des logiciels" />
<script type="text/javascript" src="../templates/{THEME}/images/global.js"></script>
</head>
<body>
<div id="header">
<img src="../templates/{THEME}/images/header_boost.png" />
</div>
<div id="dynamic_menu">
<div style="float:left;" onmouseover="show_menu(11);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(11)" class="horizontal"><img src="../templates/{THEME}/images/admin/tools_mini.png" style="vertical-align:middle;" alt="" /> Le mag'</h5>
<div id="smenu11" class="horizontal_block">
<ul>
<li><a href="../news/news.php" style="background-image:url(../news/news_mini.png);background-repeat:no-repeat;background-position:5px;">News</a></li>
<li><a href="../calendar/calendar.php" style="background-image:url(../calendar/calendar_mini.png);background-repeat:no-repeat;background-position:5px;">Evènements</a></li>
<li><a href="../articles/articles.php" style="background-image:url(../articles/articles_mini.png);background-repeat:no-repeat;background-position:5px;">Articles et tests</a></li>
<li><a href="../download/download.php" style="background-image:url(../download/download_mini.png);background-repeat:no-repeat;background-position:5px;">Logiciels</a></li>
</ul>
<span class="dm_bottom"></span>
</div>
</div>
<div style="float:left;" onmouseover="show_menu(12);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(12)" class="horizontal"><img src="../wiki/wiki_mini.png" style="vertical-align:middle;" alt="" /> Cours</h5>
<div id="smenu12" class="horizontal_block">
<ul>
<li><a href="../wiki/cours-windows-xp" style="background-image:url(../images/menus/windowsxp.png);background-repeat:no-repeat;background-position:5px;">Windows XP</a></li>
<li><a href="../wiki/cours-windows-vista" style="background-image:url(../images/menus/windowsvista.png);background-repeat:no-repeat;background-position:5px;">Windows Vista</a></li>
<li><a href="../wiki/cours-linux" style="background-image:url(../images/menus/linux.png);background-repeat:no-repeat;background-position:5px;">Linux</a></li>
<li><a href="../wiki/cours-mac-os" style="background-image:url(../images/menus/mac.png);background-repeat:no-repeat;background-position:5px;">Mac OS</a></li>
<li><a href="../wiki/cours-counter-strike-source" style="background-image:url(../images/menus/css.png);background-repeat:no-repeat;background-position:5px;">Counter-Strike : Source</a></li>
</ul>
<span class="dm_bottom"></span>
</div>
</div>
<div style="float:left;" onmouseover="show_menu(13);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(13)" class="horizontal"><img src="../forum/forum_mini" style="vertical-align:middle;" alt="" /> Communauté</h5>
<div id="smenu13" class="horizontal_block">
<ul>
<li><a href="../poll/poll.php" style="background-image:url(../poll/poll_mini.png);background-repeat:no-repeat;background-position:5px;">Sondages</a></li>
<li><a href="../shoutbox/shoutbox.php" style="background-image:url(../shoutbox/shoutbox_mini.png);background-repeat:no-repeat;background-position:5px;">Chat</a></li>
<li><a href="../guestbook/guestbook.php" style="background-image:url(../guestbook/guestbook_mini.png);background-repeat:no-repeat;background-position:5px;">Livre d'or</a></li>
<li><a href="../forum/forum.php" style="background-image:url(../forum/forum_mini.png);background-repeat:no-repeat;background-position:5px;">Forums</a></li>
<li><a href="../web/web.php" style="background-image:url(../web/web_mini.png);background-repeat:no-repeat;background-position:5px;">Sites pratiques</a></li>
</ul>
<span class="dm_bottom"></span>
</div>
</div>
<div style="float:left;" onmouseover="show_menu(14);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(14)" class="horizontal"><img src="../images/menus/member.png" style="vertical-align:middle;" alt="" /> Membres</h5>
<div id="smenu14" class="horizontal_block">
<ul>
<li><a href="../member/birthday.php" style="background-image:url(../images/menus/birthday.png);background-repeat:no-repeat;background-position:5px;">Anniversaires</a></li>
<li><a href="../member/member.php" style="background-image:url(../images/menus/member.png);background-repeat:no-repeat;background-position:5px;">Liste des membres</a></li>
<li><a href="../online/online.php" style="background-image:url(../online/online_mini.png);background-repeat:no-repeat;background-position:5px;">Connectés</a></li>
</ul>
<span class="dm_bottom"></span>
</div>
</div>
<div style="float:left;" onmouseover="show_menu(15);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(15)" class="horizontal"><img src="../templates/{THEME}/images/admin/tools_mini.png" style="vertical-align:middle;" alt="" /> A propos</h5>
<div id="smenu15" class="horizontal_block">
<ul>
<li><a href="../pages/pages.php?title=documentation-sur-web-access" style="background-image:url(../templates/{THEME}/images/admin/maintain_mini.png);background-repeat:no-repeat;background-position:5px;">Doc. sur Web-Access</a></li>
<li><a href="../member/member.php?g=1" style="background-image:url(../templates/{THEME}/images/admin/database_mini.png);background-repeat:no-repeat;background-position:5px;">Le staff'</a></li>
</ul>
<span class="dm_bottom"></span>
</div>
</div>
</div>
</div>
<br />
<br />
<div id="main">[/code]
Ça vient d'où le bug ???
Merci.
Visiteur
Boosteur Inactif
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Visiteur
Boosteur Inactif
Merci.
Visiteur
Boosteur Inactif
Édité par Visiteur Le 13/04/2008 à 18h01
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
