Page d’accueil et onglet
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Page d’accueil et onglet
Comme on me l'a conseiller je réouvre un topic ..
Bien alors bonjour à tous déjà .. et merci d'avance a ceux qui m'aideront !
Voici se que je désirerais deux choses [je sais chui gourmand ... ] alors une PA et des onglets.. on commence par la PA voici les infos :
Templates index_body à été modifier voici le code :
Mon Css également :
Et enfin la PA actuelle, pour avoir la chat box obliger d'avoir se code ici que je vous donne :
Voilà alors c'est un PHB 2 j'utilise google chrome .. je vous donne le fond ainsi que le texte [sur un croquis ] voici :
Voilà concernant la PA j’espère que ceci est clair sinon n'hésitez pas je suis à disposition !
Les onglets :
Je vous donne un croquis avec plus d’explications car je suis une nuul pour expliquer voici :
Je souhaiterez un déploiement lorsqu'on passe la sourit dessus progressivement qu'il s'ouvre pas trop doucement mais pas d'un coup .. vous voyez se que je souhaite ? J'aimerais dans les onglet savoir mettre une toute toute mini image et un texte vers un lien ..
je mettrais le texte enfin si vous souhaitez le mettre no soucis
Si autres explications nécessaires n'hésitez pas, merci d'avance et bonne après-midi !
Bien alors bonjour à tous déjà .. et merci d'avance a ceux qui m'aideront !
Voici se que je désirerais deux choses [je sais chui gourmand ... ] alors une PA et des onglets.. on commence par la PA voici les infos :
Templates index_body à été modifier voici le code :
- 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">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</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 -->
<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>
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<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">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<center><table class="qeelfond" width="626" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="width :260px;"><font style=" color:#FFFFFF"><div class="qeelstats">
<span id="bert">{TOTAL_POSTS}
</span>
<span id="matt">{TOTAL_USERS}
</span>
<span id="yosh">{NEWEST_USER}
</span></center>
<span id="celine">{TOTAL_USERS_ONLINE}</span>
<span id="clovis">{RECORD_USERS}
</span>
<!-- BEGIN switch_chatbox_activate -->
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script></font>
<!-- END switch_chatbox_popup -->
</div></div>
<br><br>
</td>
<td width="292" valign="top"><div class="qeelgroupe">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g2-directeur"><font color="#8787cb"> Directeur</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g3-peintre-de-perfection"><font color="#fff554"> Peintre de Perfection</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g4-couturier-de-perfection"><font color="#7cc6b6"> Couturier de perfection</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g5-apprenti-perfectionniste"><font color="#919f9c"> Apprenti perfectionniste</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g10-les-clients-habitues"><font color="#f354de"> Les Clients Habitués</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g7-clients"><font color="#51da21"> Les Clients</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g8-ancien-perfectionniste"><font color="#f77979"> Ancien perfectionniste</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g9-artiste-d-autres-ateliers"><font color="#C0D642"> Artiste d'autres Ateliers</font></a>
</div> </div>
<div class="groupes2"><div style="margin-left:110px">
<a href="http://peritum-perfection.conceptforum.net/g14-visiteurs"><font color="#ec91ab"> Visiteurs</font></a>
</div> </div>
</div>
</tr></table>
<!-- END switch_chatbox_activate -->
</table>
<div class="qeelligne"> <span class="gensmall"><span id="alpha">{LOGGED_IN_USER_LIST}
</span>
</span>
<table class="fondtrans">{L_CONNECTED_MEMBERS}</table></div></center>
</div></div>
<!-- END disable_viewonline -->
<br><br><br><br><br>
{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}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Mon Css également :
- Code:
.qeelfond {background-image : url("http://nsa28.casimages.com/img/2011/08/09/110809020844257263.png");background-repeat : no-repeat;width: 699px;height :496px;padding-top : 70px;padding-left : 45px;padding-right : 31px;padding-bottom : 62px;}
.qeelstats {position : relative;margin-top : -70px;max-height : 250px;max-width : 214px;overflow : auto;}
.qeelligne {position : center; margin-top:-85px;max-height : 72px;max-width : 529px;overflow : auto;}
.fondtrans .row1{background-color : transparent;}
.qeelgroupe {max-height : 183px;padding-bottom : 40px;}
.aplus {opacity:1;}.aplus:hover {opacity:0;}.avacont {background-color:#71D1E0;width:200px;height:320px; border: 6px solid #71D1E0; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; -moz-box-shadow: 0px 0px 5px #666666;}
Et enfin la PA actuelle, pour avoir la chat box obliger d'avoir se code ici que je vous donne :
- Code:
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://nsa27.casimages.com/img/2011/08/08/110808071410287007.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://nsa27.casimages.com/img/2011/08/08/110808071410287007.png')?'block':'none';this.src=(this.src=='http://nsa27.casimages.com/img/2011/08/08/110808071410287007.png')?'http://nsa28.casimages.com/img/2011/08/08/110808071706766189.png':'http://nsa27.casimages.com/img/2011/08/08/110808071410287007.png';"/></td></tr></table>
Voilà alors c'est un PHB 2 j'utilise google chrome .. je vous donne le fond ainsi que le texte [sur un croquis ] voici :
- Spoiler:
- Croquis :
Fond :
Explications croquis :
(1) voici le code titre :- Code:
<span><font face="Comic Sans Ms"><span style="font-size: 18px; line-height: normal"><font color="#5d5858"><strong>Bienvenue (1-1)</strong></font></span></font></span>
(1-1) Alors la je souhaiterais qu'apparaisse le nom de la personne connecté genre c'est moi ben ' Bienvenu rob' ' genre c'est un invité ' Bienvenu invité ' j’espère que vous comprenez mon souhait :$
(2) Ici aussi j'ai le texte dans le code a mettre voici le code :- Code:
<span style="font-size: 22px; line-height: normal"><strong><font color="brown">Le déroulement .. </font></strong></span>
<marquee direction="up" scrollamount="2" height="100" width="350"> <font color="darkblue"><span style="font-size: 16px; line-height: normal"><strong>1 - Vous vous inscrivez
2 - Vous signez le réglement de l'atelier qui se trouve <a href="http://peritum-perfection.conceptforum.net/t4p15-bureau-signature-du-reglement-obligatoire#226?tid=e3b6ec74079d03340e0b4aa64eb2d03f" class="postlink">>> Ici <<</a>
3 - Vous patienter quelques instants afin d'avoir vos accès, [ Votre nom deviendras alors vert !] a ce moment vous pourrez allez aux divers salles de commandes !
</strong></span></font></marquee>
Voilà concernant la PA j’espère que ceci est clair sinon n'hésitez pas je suis à disposition !
Les onglets :
Je vous donne un croquis avec plus d’explications car je suis une nuul pour expliquer voici :
- Spoiler:
Je souhaiterez un déploiement lorsqu'on passe la sourit dessus progressivement qu'il s'ouvre pas trop doucement mais pas d'un coup .. vous voyez se que je souhaite ? J'aimerais dans les onglet savoir mettre une toute toute mini image et un texte vers un lien ..
je mettrais le texte enfin si vous souhaitez le mettre no soucis
Si autres explications nécessaires n'hésitez pas, merci d'avance et bonne après-midi !
Dernière édition par .Rob' le Jeu 11 Aoû 2011 - 19:45, édité 5 fois
Re: Page d’accueil et onglet
Re-bonjour,
alors j'ai fait un petit test pour les onglets sur le coté,
je voudrai juste m'assurer que c'est à peu près ce que vous souhaitez,
voici le forum test ici,
les onglets se trouvent à gauche
(Sinon, afin d'éviter les réprimandes des modérateurs, je vous conseille de mettre un titre plus explicite )
Cordialement.
alors j'ai fait un petit test pour les onglets sur le coté,
je voudrai juste m'assurer que c'est à peu près ce que vous souhaitez,
voici le forum test ici,
les onglets se trouvent à gauche
(Sinon, afin d'éviter les réprimandes des modérateurs, je vous conseille de mettre un titre plus explicite )
Cordialement.
Re: Page d’accueil et onglet
Merci pour le titre j'ai modifier
Bien alors c'est pile ceci ! c'est parfait .. vous pouvez me dire comment on les installes siouplait ? Merci bien
Bien alors c'est pile ceci ! c'est parfait .. vous pouvez me dire comment on les installes siouplait ? Merci bien
Re: Page d’accueil et onglet
Bonjour,
Euh vous avez modifié le titre ? Et vous appelez cela un titre explicite. Vous pensez que les gens qui feront des recherches, sur ce type de problème, trouveront votre topic avec un titre pareil ?
Euh vous avez modifié le titre ? Et vous appelez cela un titre explicite. Vous pensez que les gens qui feront des recherches, sur ce type de problème, trouveront votre topic avec un titre pareil ?
Re: Page d’accueil et onglet
Désolée du retard ><
Alors, vous mettez ceci dans votre message de page d'accueil:
Pour enlever un onglet ou en rajouter, il suffit d'enlever ou rajouter ceci (en faisant attention à la numérotation):
Puis dans votre CSS:
Après, faut voir ce que vous voulez dedans
Alors, vous mettez ceci dans votre message de page d'accueil:
- Code:
<ul id="mes_menus">
<li class="galerie1"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
<li class="galerie2"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
<li class="galerie3"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
<li class="galerie4"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
<li class="galerie5"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
</ul>
Pour enlever un onglet ou en rajouter, il suffit d'enlever ou rajouter ceci (en faisant attention à la numérotation):
- Code:
<li class="galerienuméro"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
Puis dans votre CSS:
- Code:
ul#mes_menus {text-align: center;position: fixed; /* On fixe les menus */margin: 0px; /* marge exterieur */padding: 0px; /* marge interieur */top: 50px; /* positionné à 50px du bas */left: 0px; /* positionné à 0px du bord gauche */list-style: none; /* pas de style pour la liste */z-index: 999; /* place les menus au dessus de tout le reste */}
ul#mes_menus li {width: 200px; /* largeur des menus */margin-bottom: 10px; /* marge inferieur */}
ul#mes_menus li a {text-align:justify;display: block; /* defini le menu en blok */margin-left: -2px; /* margin exterieur negative gauche */width: 200px; /* largeur */height: 80px; /* hauteur */background-color:#333333; /* couleur de fond */background-repeat:no-repeat; /* repetition du fond */background-position:center center; /* position du fond */-moz-border-radius:0px 9px 9px 0px; /* angles arrondis */-webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */border-radius:0px 9px 9px 0px; /* angles arrondis */border:1px solid #323630; /* bordure */-moz-box-shadow: 0px 0px 5px #fff; /* ombre portee */-webkit-box-shadow: 0px 0px 5px #fff; /* ombre portee */box-shadow: 0px 0px 5px #fff; /* ombre portee */opacity: 0.7; /* opacite */filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* opacite pour ie */}
ul#mes_menus .galerie1 a{ background-image: url();}
Après, faut voir ce que vous voulez dedans
Re: Page d’accueil et onglet
Euh je vous donne un screen de se que vos codes me donnes je crois il y a un soucis car rien ne se replit :$ voici :
je sais pas si c’est normal donc je le dis ..
Bon pour le texte j’explique !
Onglet 1 :
Signature du règlement
Onglet 2 :
Salles des commandes
Onglet 3 :
Catalogues
Voici pour le moment .. je mettrais les liens moi même .. merci bien
EDIT : je mettrais les liens le texte etc moi même pour vous faciliter la tache
Donc si vous pouviez .. juste me faire que les onglets se ferme :$ Merci d'avance
- Spoiler:
je sais pas si c’est normal donc je le dis ..
Bon pour le texte j’explique !
Onglet 1 :
Signature du règlement
Onglet 2 :
Salles des commandes
Onglet 3 :
Catalogues
Voici pour le moment .. je mettrais les liens moi même .. merci bien
EDIT : je mettrais les liens le texte etc moi même pour vous faciliter la tache
Donc si vous pouviez .. juste me faire que les onglets se ferme :$ Merci d'avance
Re: Page d’accueil et onglet
Pardonnez moi, j'ai oublié un code ><
Ajoutez ceci au template overall_header, juste avant la balise </head>:
Vous pouvez, dans le code des onglets remplacer TITRE par vos textes et ajouter le lien
Ajoutez ceci au template overall_header, juste avant la balise </head>:
- Code:
<script type="text/javascript">
$(function() {
$('#mes_menus a').stop().animate({'marginLeft':'-185px'},500);
$('#mes_menus > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},500);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-185px'},500);
}
);
});
</script>
Vous pouvez, dans le code des onglets remplacer TITRE par vos textes et ajouter le lien
<li class="galerie1"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
Re: Page d’accueil et onglet
Tout marche
Merci beaucoup bon je vais passer pour un giga chiant mais voilà :
Je souhaiterez que quand l'onglet est fermé [comme sur l’image ] dans les petits bouts sortant, mettre un petit fond blanc mais que sur le bout et écrire genre ' regles ' - ' catal. ' etc .. possible ? si c’est dur a faire vous tracassez pas cela me vas très bien merci pour tout
Merci beaucoup bon je vais passer pour un giga chiant mais voilà :
- Spoiler:
Je souhaiterez que quand l'onglet est fermé [comme sur l’image ] dans les petits bouts sortant, mettre un petit fond blanc mais que sur le bout et écrire genre ' regles ' - ' catal. ' etc .. possible ? si c’est dur a faire vous tracassez pas cela me vas très bien merci pour tout
Re: Page d’accueil et onglet
Hum, je vois, pour faire ça, je pense qu'il faudrait faire sur un logiciel un background avec juste le bout blanc et le texte et le coller sur le songlets.
Je vais essayer mais je ne promets rien
Je vais essayer mais je ne promets rien
Re: Page d’accueil et onglet
Je me suis permit un truc si vous voulez essayez quelque chose :
Voilà Merci de tenter
Voilà Merci de tenter
Re: Page d’accueil et onglet
Alors, je n'avais pas vu votre image lorsque j'ai commencé donc je ne m'en suis pas servie, désolée :/
Remplacez le CSS que je vous ai donné par:
Dites moi si cela vous plait, pour garder les couleurs, j'ai mis le texte en orange mais vous pouvez refaire les images
Il faudra peut-être raccourcir vos textes comme "signature du règlement" qui va surement empiéter sur la partie blanche...
Remplacez le CSS que je vous ai donné par:
- Code:
ul#mes_menus {text-align: center;position: fixed; /* On fixe les menus */margin: 0px; /* marge exterieur */padding: 0px; /* marge interieur */top: 50px; /* positionné à 50px du bas */left: 0px; /* positionné à 0px du bord gauche */list-style: none; /* pas de style pour la liste */z-index: 999; /* place les menus au dessus de tout le reste */}
ul#mes_menus li {width: 200px; /* largeur des menus */margin-bottom: 10px; /* marge inferieur */}
ul#mes_menus li a {text-align:justify;display: block; /* defini le menu en blok */margin-left: -2px; /* margin exterieur negative gauche */width: 200px; /* largeur */height: 80px; /* hauteur */background-color:#333333; /* couleur de fond */background-repeat:no-repeat; /* repetition du fond */background-position:center center; /* position du fond */-moz-border-radius:0px 9px 9px 0px; /* angles arrondis */-webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */border-radius:0px 9px 9px 0px; /* angles arrondis */border:1px solid #323630; /* bordure */-moz-box-shadow: 0px 0px 5px #fff; /* ombre portee */-webkit-box-shadow: 0px 0px 5px #fff; /* ombre portee */box-shadow: 0px 0px 5px #fff; /* ombre portee */opacity: 0.7; /* opacite */filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* opacite pour ie */}
ul#mes_menus .galerie1 a{ background-image: url('http://nsa27.casimages.com/img/2011/08/09/110809091251926928.png');}
ul#mes_menus .galerie2 a{ background-image: url('http://nsa28.casimages.com/img/2011/08/09/110809092206876389.png');}
ul#mes_menus .galerie3 a{ background-image: url('http://nsa28.casimages.com/img/2011/08/09/110809092224953141.png');}
ul#mes_menus .galerie4 a{ background-image: url('http://nsa28.casimages.com/img/2011/08/09/110809092321467639.png');}
Dites moi si cela vous plait, pour garder les couleurs, j'ai mis le texte en orange mais vous pouvez refaire les images
Il faudra peut-être raccourcir vos textes comme "signature du règlement" qui va surement empiéter sur la partie blanche...
Re: Page d’accueil et onglet
c'est nickel, merci beaucoup !!!!
Beaucoup beaucoup !! plus que la PA et sa serais parfait !
je sais pas si c'est vous qui allez également me faire ma PA ?
Si Non, passé une bonne soirée et merci pour tout
Beaucoup beaucoup !! plus que la PA et sa serais parfait !
je sais pas si c'est vous qui allez également me faire ma PA ?
Si Non, passé une bonne soirée et merci pour tout
Re: Page d’accueil et onglet
Hum, pour la PA, je ne suis pas franchement douée malheureusement mais je veux bien essayer aussi
Sinon, pour votre (1-1), pour que les autres comprennent bien, ce que vous cherchez s'appelle la balise {USER*NAME} (sans l'étoile entre)
EDIT;; J'ai essayé quelque chose, mettez cela dans votre page d'accueil:
Et Ajoutez au CSS:
Après, mon forum test bug un peu, il faudra faire quelques modifs pour recentrer l'image probablement.
Sinon, pour votre (1-1), pour que les autres comprennent bien, ce que vous cherchez s'appelle la balise {USER*NAME} (sans l'étoile entre)
EDIT;; J'ai essayé quelque chose, mettez cela dans votre page d'accueil:
- Code:
<center><div style="margin-left:150px; background-image:url('http://nsa27.casimages.com/img/2011/08/09/110809033536950080.png');background-repeat: no-repeat;width="716";"><br>
<br><br><br>
<br> <div style="text-align:left; margin-left:230px;"><COLORT><strong>Bienvenue {USER&#8288;NAME}</strong></COLORT></div>
<br>
<br><br><br>
<br><div style="text-align:left; margin-right: 30px;margin-top:14px;width:533px; height:46px;overflow:auto">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bladescription bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div>
<br>
<br><br>
<br>
<br>
<br>
<table><tr><td align="left"> <div style="text-align:left; margin-right: 50px;"><span style="font-size: 22px; line-height: normal"><strong><font color="brown">Le déroulement .. </font></strong></span> <br><br>
<marquee direction="up" scrollamount="2" height="100" width="310"> <font color="darkblue"><span style="font-size: 16px; line-height: normal"><strong>1 - Vous vous inscrivez <br><br>
2 - Vous signez le réglement de l'atelier qui se trouve <a href="http://peritum-perfection.conceptforum.net/t4p15-bureau-signature-du-reglement-obligatoire#226?tid=e3b6ec74079d03340e0b4aa64eb2d03f" class="postlink">>> Ici <<</a> <br><br>
3 - Vous patienter quelques instants afin d'avoir vos accès, [ Votre nom deviendras alors vert !] à ce moment vous pourrez allez aux divers salles de commandes ! <br><br>
</strong></span></font></marquee></td><td align="left"><div style="text-align:left; margin-right:35px;margin-top:14px;width:282px; height:137px;overflow:auto">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bladescription bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div></td></tr></table>
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br>
<br>
</div>
Et Ajoutez au CSS:
- Code:
COLORT{color:#f2c22c;font-family:Comic Sans Ms;font-size:22px;text-shadow:2px 2px 3px #8c8c8c;}
Après, mon forum test bug un peu, il faudra faire quelques modifs pour recentrer l'image probablement.
Re: Page d’accueil et onglet
Hello !
Alors voilà ce que sa donne :
Alors .. si tu pouvais me mettre le texte un peut plus en haut car sa déplace :$ Merci d'avoir essayer
PS : désoler du retard pour répondre je n'étais pas la ..
EDIT : Changement image.
EDIT 2 : Pour le bonjour {USERNAME} je modifierais moi même une fois définitif
Alors voilà ce que sa donne :
- Spoiler:
Alors .. si tu pouvais me mettre le texte un peut plus en haut car sa déplace :$ Merci d'avoir essayer
PS : désoler du retard pour répondre je n'étais pas la ..
EDIT : Changement image.
EDIT 2 : Pour le bonjour {USERNAME} je modifierais moi même une fois définitif
Re: Page d’accueil et onglet
Comme ça ne donne pas la même chose sur mon forum test,
le mieux ce serait que je m'inscrive et que je te le règle directement sur ton forum, si tu es d'accord bien sur
le mieux ce serait que je m'inscrive et que je te le règle directement sur ton forum, si tu es d'accord bien sur
Re: Page d’accueil et onglet
- Spoiler:
Bien alors .. je me suis permit en cherchant un sacré moment, avec l'aide de une personne connaissant les bases de modifier tout simplement les marges et les sauts de ligne, perso je trouve parfait j'ai réussi à tout mit
Merci beaucoup pour tout, bonne soirée et bisoux
Milles merciiiiiiiiiiiiiiiiii !!!!
- Spoiler:
- Cela donne :
Re: Page d’accueil et onglet
Bravo Je vous en prie
Bonne soirée à vous aussi
Bonne soirée à vous aussi
Sujets similaires
» Faute dans l'onglet de la page internet, de la page d'accueil
» Page d'accueil en onglet
» Onglets d'options
» Page d'accueil type onglet
» Tableau à onglet dans Page d'accueil
» Page d'accueil en onglet
» Onglets d'options
» Page d'accueil type onglet
» Tableau à onglet dans Page d'accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum