| Qui est en ligne ? phhpbb2 (messages) | |
|
|
Invité Invité
| Salut, normalement non ! Il me semble que la partie que tu as modifié ce situe juste en dessous ! Amicalement, | | |
|
| |
Invité Invité
| Désolé du DP je peut pas éditer... Le lien à mettre et celui d'une image qui sera mis en image de fond, derrière ton QEEL ! | | |
|
| |
Emy
{ Membre }
Messages : 24
| Hello! ^^ Alors voilà, j'ai à chaque fois la même blague quand je veux personnaliser mon QEEL... Les membres connectés durant les dernières 24h sont sur un fond dont la couleur correspond à celle des tables de mon forum (en l'occurrence, noir). Je voudrais un fond transparent mais je ne trouve pas l'endroit pour changer ça... =S Quelqu'un peut-il m'aider? Voici un aperçu: - Spoiler:
| | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| Coucou ! j'ai besoin d'aide sur ce coup là les amis ^^ Voilà mon problème : 1- Je souhaiterai mettre une image en tête de l'ensemble 2- centrer correctement le tout (là il y a un décalage vers la droite) Merci beaucoup | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| - Voodoo Child a écrit:
- Coucou !
j'ai besoin d'aide sur ce coup là les amis ^^
Voilà mon problème :
1- Je souhaiterai mettre une image en tête de l'ensemble 2- centrer correctement le tout (là il y a un décalage vers la droite)
Merci beaucoup Heu j'ai oublié le plus important : https://i.servimg.com/u/f63/11/83/13/15/sans_t10.jpg | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Pour centrer le tout correctement, ça se fait à coup de "center" et de "margin". Ensuite pour afficher une image en haut, tu n'as qu'à ... L'afficher =S | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
Je crois que avec le changement de page ont n'a pas vu mon messages pas sûr .
Bonne soirée
Jiben | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| - Basil Hawkins a écrit:
- Pour centrer le tout correctement, ça se fait à coup de "center" et de "margin". Ensuite pour afficher une image en haut, tu n'as qu'à ... L'afficher =S
Heu... C'est pas drôle hein de se moquer ^^ Si je demande c'est que je ne sais pas le faire | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Jiben, pour ta première question, met ceci dans ton CSS: - Code:
-
.groupes a:hover { background-color: #xxxxxx; } La deuxième je crois savoir mais je teste d'Abord~ EDIT: - Code:
-
.groupes a:hover{ text-decoration: none !important; border-bottom: 1px dashed #xxxxxx; background-color: #xxxxxx; } Voilà le code pour les deux premières questions. N'oublie pas de personnaliser~ | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| Quelqu'un pour me répondre ??? | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Voodoo, les ups sont strictement interdits.
Et il faut seulement attendre que Basil vienne t'expliquer ce qu'il t'as dit, ou que quelqu'un d'autre le fasse parce que je sais pas trop moi x) | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| - Jiben a écrit:
Bonjour, Merci Ikø' pour m'avoir répondu sa fonctionne , gros merci.voici une petite capture d'écran pour vous exposer mon dernier probléme: : Bon j'ai un probléme ou plutôt une question : Je voudrais aussi faire des cadres en pointilles comme ceux pour les groupes, pour les autres texte qui sont comme a la suite des groupes et ils sont sans cadre comment faire pour mettre plusieur cadre ? Mon CSS- Spoiler:
- Code:
-
.groupes a:hover{ text-decoration: none !important; border-bottom: 1px dashed #FFFFFF; background-color: #D0D0D0; }
.groupes a:hover { background-color: #295359; } .statistiques{ border:0px; background-image: none background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ background: transparent; filter:alpha(opacity=65); opacity:0.65; background-color: #1D3C40; border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
.complet{ text-align:center; color:; }
.complet a{ color:#FFFFFF; text-decoration:none; }
.context{ padding-left:20px; padding-right:20px; font-size:14px; }
.navig{ margin-bottom:1px; margin-left:15px; margin-right:15px; background-color:#295359; display:block; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; }
.navig:hover{ border-left:5px solid #DADADA; border-right:5px solid #DADADA; }
.textscroll{ overflow:auto; width:290px; height: 90px; }
.block{ padding-bottom:20px; }
#bienvenue { color: #F7F7F7; background-color: #295359; text-align: center; font-variant: small-caps; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; font-size:20px; font-weight:bold; }
.titre { color: #F7F7F7; background-color: #295359; text-align: center; font-variant: small-caps; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; font-size:18px; }
.top { border: 1px solid #F7F7F7; background-color: #295359; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:4px; }
a.imginfo { position: relative; color: #7d7d7d; text-decoration: none; border-bottom: 0px #295359 solid; padding-right:10px; }
a.imginfo span { display: none; }
a.imginfo:hover { background: none; z-index: 999; cursor: help; }
a.imginfo:hover span { display: inline; position: absolute; white-space: nowrap; top: 10px; left: 20px; background: #295359; color: #7d7d7d; padding: 3px; border: 3px solid #7d7d7d; -moz-border-radius:10px; }
a.mainmenu { background: transparent filter:alpha(opacity=80); opacity:0.80; background-color: #1D3C40; padding-right: 10px; font-weight:none ; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: capitalize; color : #23aa9c; font-size: 11px;}
a.mainmenu:hover{ background-color: #ffffff; padding-right: 10px; font-weight:none ; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: capitalize; color : #1D3C40; font-size: 12px;}
body { cursor: crosshair }
input, textarea, select { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;}
a:hover { font-variant : small-caps; letter-spacing: 1px; text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}
.forumline{background-color: transparent}
td.row1,td.row3.over:hover { filter:alpha(opacity=80); opacity:0.80;}
td.row2,td.row1.over:hover { filter:alpha(opacity=80); opacity:0.80;}
td.row3{ filter:alpha(opacity=80); opacity:0.80;}
a { text-decoration: none; }
div, table { -moz-border-radius:10px; border: none;}
textarea, .textarea.post, input.post { -moz-border-radius:8px;}
.quote { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:10px; color: #948A30}
.code { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:10px;} color: #948A30;
.forumline{ -moz-border-radius:6px;}
/*Online_Offline-------------------------------------------------*/ .offlinebutton { background-color: transparent; border: none; background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png'); background-repeat : no-repeat; background-position : center; min-width: 147px; width: 147px; min-height: 18px; height: 18px;}
th.secondarytittle {-moz-border-radius-topleft :10px;} th.lastmess {-moz-border-radius-topright :10px;} th.secondarytitle { -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;}
.cadreava{ padding : 5px; background-color:#295359; -moz-border-radius:5px;} .cadrepro{ background-color:#295359; -moz-border-radius:5px;}
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
try { var pageTracker = _gat._getTracker("UA-13005748-1"); pageTracker._trackPageview(); } catch(err) {}
.nom { background-color: #295359; margin: 0px 0px 0px 0px; font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif; font-size: 15px; font-weight: bold; text-indent: 5%; text-transform: capitalize; text-align: left; color: White; border-width: 5px; border-color: white; border-style: solid ; border-left: 2px solid white; border-top: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; -moz-border-radius-topright: 30px; -webkit-border-radius-topright: 30px; width: 300px;}
.nom_souligne { border-bottom: 1px solid white;}
a:link {text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
.limitation-signature img { max-width: 500px; max-height: 200px;}
index_body- Spoiler:
- Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center><img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=1"><font color="#FF0000" size="2"><b>Administrateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=8"><font color="#C48787" size="2"><b>Modérateurs</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=2"><font color="#05F7F7" size="2"><b>Gendres</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=3"><font color="#FFC105" size="2"><b>Alliés</b></font></a> </span><br></br><br></br> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=4"><font color="#BF00FF" size="2"><b>Postulants</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=5"><font color="#05EB1F" size="2"><b>Amis</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=6"><font color="#595959" size="2"><b>Retraités</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=7"><font color="#FF8C00" size="2"><b>Visiteurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <br><br> <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br /> {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}</center></span><br> <td width="5%"></td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
Merci d'avance de votre aide ! Bonne soirée Jiben | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| - Ikø' a écrit:
- Voodoo, les ups sont strictement interdits.
Et il faut seulement attendre que Basil vienne t'expliquer ce qu'il t'as dit, ou que quelqu'un d'autre le fasse parce que je sais pas trop moi x) Toutes mes excuses mais il faut avouer que la réponse de Basil était un peu légère ^^" J'attendrai donc qu'on m'explique | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Alors alors ... La propriété "margin" permet de choisir la taille de la marge. Par exemple, si le mets ceci dans le CSS - Code:
-
.essai { margin-right: 20px; } Et ceci dans le HTML - Code:
-
<div class="essai">Essai</div> La "div" essai sera décalée de 20 pixels de la droite Ai-je été assez clair ou tu as encore besoin d'aide ? | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| Merci pour ces précisions Basil...
Donc là il faut que je joue avec les marges pour centrer le tout ... Si je ne vaus pas d'image en haut et en bas que je souhaite juste la présentation du qui est en ligne j'enlève les liens des images et je mets des marges pour bidouiller le centrage ...C'est bien ça ? | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Yep, tout à fait | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| Merci ça marche bien !!! Par contre j'ai encore un souci Voilà un aperçu https://i.servimg.com/u/f63/11/83/13/15/ex10.jpg 1- J'aimerai si possible réduire l'espace entre mon dernier forum et les groupes (fin du forum et début qui est en ligne). 2- Rajouter un titre 3- Justifier les textes du qui est en ligne (là c'est centré) je joins mon template : - Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="90%"> <br><br><br><br><br><br><br><center> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=1"><font color="#D4B9AE" size="2"><b>Admins</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://voodoo-child.darkbb.com/groupcp.forum?g=2"><font color="#A8715B" size="2"><b>Modos</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=3"><font color="#8F7759" size="2"><b>V.I.P</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=4"><font color="#C79B65" size="2"><b>Humains</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href=http://voodoo-child.darkbb.com/groupcp.forum?g=5"><font color="#364D3C" size="2"><b>Wiccans</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"><br /><br /> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=6"><font color="#662121" size="2"><b>Vamps</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=7"><font color="#5E5B5A" size="2"><b>Métamorphes</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=8"><font color="#504761" size="2"><b>Vodouns</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://voodoo-child.darkbb.com/groupcp.forum?g=9"><font color="#736C3C" size="2"><b>Zombis</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"> <br><br><br><br> <span class="gensmall"><span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"Habitant");</script>. {TOTAL_USERS}<br /> {NEWEST_USER}<br><br> <span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"habitant à la Nouvelle Orléans");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"habitants à la Nouvelle Orléans");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"habitant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"habitants");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"fantôme, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"fantômes, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"étranger");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"étrangers");</script></span><br> {LOGGED_IN_USER_LIST}</center></span><br> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
{AUTO_DST} Merci | | |
|
| |
Artefacts
{ Membre }
Messages : 50
| - J'ai cherché dans mes codes mais impossible de trouver d'où vient le problème. J'ai utilisé le même code que dans le tout premier message, j'ai changé les liens, couleurs, cadres, image de fond mais un problème demeure.
L'ensemble du texte est bien centré horizontalement, l'image est correctement placée mais ce même texte est situé en bas et je voudrais le centrer verticalement.
| | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Est-ce qu'on peut avoir ton code html/css ainsi qu'un aperçu du problème? | | |
|
| |
Artefacts
{ Membre }
Messages : 50
| - Bah le code est exactement le même que celui donné dans le tutoriel (les images en plus) et le screen donne ça ; (J'ai mis en rouge le niveau où je voudrais que ça se situe)
- Spoiler:
| | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| J'ai fini par me débrouiller seule. merci ^^ | | |
|
| |
Streetwalker
{ Membre }
Messages : 16
| Si je peux me permettre, lorsque vous changez votre/vos templates, il est fortement déconseillé de "Prévisualiser", car ça fait buger votre forum, donc en gros il faut publier de suite, et ne pas prévisualiser Ce n'est pas encore arrivé, mais je préfère avertir, car quand ça me l'a fait j'ai paniqué car on ne voyait plus que le haut et le bas de mon forum ^^ | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour, Merci Ikø' pour m'avoir répondu sa fonctionne , gros merci.voici une petite capture d'écran pour vous exposer mon dernier probléme: : Bon j'ai un probléme ou plutôt une question : Je voudrais aussi faire des cadres en pointilles comme ceux pour les groupes, pour les autres texte qui sont comme a la suite des groupes et ils sont sans cadre comment faire pour mettre plusieur cadre ? Mon CSS- Spoiler:
- Code:
-
.groupes a:hover{ text-decoration: none !important; border-bottom: 1px dashed #FFFFFF; background-color: #D0D0D0; }
.groupes a:hover { background-color: #295359; } .statistiques{ border:0px; background-image: none background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ background: transparent; filter:alpha(opacity=65); opacity:0.65; background-color: #1D3C40; border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
.complet{ text-align:center; color:; }
.complet a{ color:#FFFFFF; text-decoration:none; }
.context{ padding-left:20px; padding-right:20px; font-size:14px; }
.navig{ margin-bottom:1px; margin-left:15px; margin-right:15px; background-color:#295359; display:block; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; }
.navig:hover{ border-left:5px solid #DADADA; border-right:5px solid #DADADA; }
.textscroll{ overflow:auto; width:290px; height: 90px; }
.block{ padding-bottom:20px; }
#bienvenue { color: #F7F7F7; background-color: #295359; text-align: center; font-variant: small-caps; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; font-size:20px; font-weight:bold; }
.titre { color: #F7F7F7; background-color: #295359; text-align: center; font-variant: small-caps; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; font-size:18px; }
.top { border: 1px solid #F7F7F7; background-color: #295359; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:4px; }
a.imginfo { position: relative; color: #7d7d7d; text-decoration: none; border-bottom: 0px #295359 solid; padding-right:10px; }
a.imginfo span { display: none; }
a.imginfo:hover { background: none; z-index: 999; cursor: help; }
a.imginfo:hover span { display: inline; position: absolute; white-space: nowrap; top: 10px; left: 20px; background: #295359; color: #7d7d7d; padding: 3px; border: 3px solid #7d7d7d; -moz-border-radius:10px; }
a.mainmenu { background: transparent filter:alpha(opacity=80); opacity:0.80; background-color: #1D3C40; padding-right: 10px; font-weight:none ; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: capitalize; color : #23aa9c; font-size: 11px;}
a.mainmenu:hover{ background-color: #ffffff; padding-right: 10px; font-weight:none ; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: capitalize; color : #1D3C40; font-size: 12px;}
body { cursor: crosshair }
input, textarea, select { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;}
a:hover { font-variant : small-caps; letter-spacing: 1px; text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}
.forumline{background-color: transparent}
td.row1,td.row3.over:hover { filter:alpha(opacity=80); opacity:0.80;}
td.row2,td.row1.over:hover { filter:alpha(opacity=80); opacity:0.80;}
td.row3{ filter:alpha(opacity=80); opacity:0.80;}
a { text-decoration: none; }
div, table { -moz-border-radius:10px; border: none;}
textarea, .textarea.post, input.post { -moz-border-radius:8px;}
.quote { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:10px; color: #948A30}
.code { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; padding:10px;} color: #948A30;
.forumline{ -moz-border-radius:6px;}
/*Online_Offline-------------------------------------------------*/ .offlinebutton { background-color: transparent; border: none; background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png'); background-repeat : no-repeat; background-position : center; min-width: 147px; width: 147px; min-height: 18px; height: 18px;}
th.secondarytittle {-moz-border-radius-topleft :10px;} th.lastmess {-moz-border-radius-topright :10px;} th.secondarytitle { -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;}
.cadreava{ padding : 5px; background-color:#295359; -moz-border-radius:5px;} .cadrepro{ background-color:#295359; -moz-border-radius:5px;}
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
try { var pageTracker = _gat._getTracker("UA-13005748-1"); pageTracker._trackPageview(); } catch(err) {}
.nom { background-color: #295359; margin: 0px 0px 0px 0px; font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif; font-size: 15px; font-weight: bold; text-indent: 5%; text-transform: capitalize; text-align: left; color: White; border-width: 5px; border-color: white; border-style: solid ; border-left: 2px solid white; border-top: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; -moz-border-radius-topright: 30px; -webkit-border-radius-topright: 30px; width: 300px;}
.nom_souligne { border-bottom: 1px solid white;}
a:link {text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
.limitation-signature img { max-width: 500px; max-height: 200px;}
index_body- Spoiler:
- Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center><img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=1"><font color="#FF0000" size="2"><b>Administrateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=8"><font color="#C48787" size="2"><b>Modérateurs</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=2"><font color="#05F7F7" size="2"><b>Gendres</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=3"><font color="#FFC105" size="2"><b>Alliés</b></font></a> </span><br></br><br></br> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=4"><font color="#BF00FF" size="2"><b>Postulants</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=5"><font color="#05EB1F" size="2"><b>Amis</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=6"><font color="#595959" size="2"><b>Retraités</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=7"><font color="#FF8C00" size="2"><b>Visiteurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <br><br> <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br /> {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}</center></span><br> <td width="5%"></td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
Merci d'avance de votre aide ! Bonne soirée Jiben | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Jiben: Les ups sont strictement interdits. Artefacts: Désolée pour le temps de réponse, je n'ai pas eu le temps de me pencher sur ton problème~ Sinon, essaie d'ajouter: - Code:
-
margin-top: Xpx (ou bottom si le top baisse ton texte) Ou encore: - Code:
-
vertical-align: middle À ta classe de statistiques. | | |
|
| |
Chyna74
{ Membre }
Messages : 13
| Bonjours, j'aimerai bien changer la largeur car je trouve que sa agrandi trop mon forum, comment doit-je faire ? | | |
|
| |
Contenu sponsorisé
| |
| |
| Qui est en ligne ? phhpbb2 (messages) | |
|