Page d’accueil et onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page d’accueil et onglet

Message par .Rob' le Mar 9 Aoû 2011 - 15:45

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 ! Very Happy
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&amp;" 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 Wink] 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>

me fraudais tel quelle ça fais beau sur mon fofo avec se code donc ^^

(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 Wink

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

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Mar 9 Aoû 2011 - 15:53

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 Smile

(Sinon, afin d'éviter les réprimandes des modérateurs, je vous conseille de mettre un titre plus explicite Wink )

Cordialement.

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Mar 9 Aoû 2011 - 15:59

Merci pour le titre j'ai modifier Wink

Bien alors c'est pile ceci ! c'est parfait .. vous pouvez me dire comment on les installes siouplait ? Merci bien Wink

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par SandyL le Mar 9 Aoû 2011 - 16:07

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 ?

Modération

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Mar 9 Aoû 2011 - 20:02

Désolée du retard ><
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 Smile

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Mar 9 Aoû 2011 - 20:18

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 :

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 Wink

EDIT : je mettrais les liens le texte etc moi même pour vous faciliter la tache Wink
Donc si vous pouviez .. juste me faire que les onglets se ferme :$ Merci d'avance Wink

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Mar 9 Aoû 2011 - 20:27

Pardonnez moi, j'ai oublié un code ><
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 Smile
<li class="galerie1"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Mar 9 Aoû 2011 - 20:43

Tout marche Smile

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 Wink

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Mar 9 Aoû 2011 - 20:50

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 Smile

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Mar 9 Aoû 2011 - 21:02

Je me suis permit un truc si vous voulez essayez quelque chose :



Voilà Merci de tenter Wink

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Mar 9 Aoû 2011 - 21:18

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:
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 Smile
Il faudra peut-être raccourcir vos textes comme "signature du règlement" qui va surement empiéter sur la partie blanche...

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Mar 9 Aoû 2011 - 22:01

c'est nickel, merci beaucoup !!!! Smile

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 Wink

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Mer 10 Aoû 2011 - 9:29

Hum, pour la PA, je ne suis pas franchement douée malheureusement mais je veux bien essayer aussi Smile

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) Smile

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&amp;#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.

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Mer 10 Aoû 2011 - 18:01

Hello !

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 Wink

PS : désoler du retard pour répondre je n'étais pas la ..

EDIT : Changement image.

EDIT 2 : Pour le bonjour {USER⁠NAME} je modifierais moi même une fois définitif Wink

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Jeu 11 Aoû 2011 - 18:06

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 Smile

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d’accueil et onglet

Message par .Rob' le Jeu 11 Aoû 2011 - 18:59

Spoiler:
Coucou =)

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 Wink

Merci beaucoup pour tout, bonne soirée et bisoux

Milles merciiiiiiiiiiiiiiiiii !!!! Bizz

Spoiler:
Cela donne :

.Rob'
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 08/08/2011

http://peritum-perfection.conceptforum.net/
.Rob' a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d’accueil et onglet

Message par Hell-eonore le Jeu 11 Aoû 2011 - 19:33

Bravo Very Happy Je vous en prie Wink

Bonne soirée à vous aussi ok

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum