AccueilAccueil  CalendrierCalendrier  FAQFAQ  S'enregistrerS'enregistrer  ConnexionConnexion  


Messages des visiteurs | Profil | Statistiques | Amis | Contact | « Ma vie est un océan »
Messages 1 à 1 sur 1
  Page 1 sur 1
  1. Ven 19 Aoû - 14:43
    Message par Alison - Codes PA
    Coucou

    Voici les codes pour la PA (aa)
    Alors, à mettre dans le CSS
    Code:
    /* PAGE D ACCUEIL PAR ALISON DE PUB RPG DESIGN */
    .ongletstaff {
    display:inline-block;
    padding:3px;
    cursor:normal; }

    .ongletstaff_0 {
    background:white; }

    .ongletstaff_1 {
    background:white; }

    .contenu_ongletstaff {
    background-color:white;
    margin-top:-1px;
    padding:5px;
    display:none;
    width: 290px;
    height: 100px;
    overflow: auto;
    text-align: justify; }

    .ongletville {
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    padding:3px;
    cursor:normal;
    font-size: 14px;
    font-family: verdana;
    text-transform: lowercase; }

    .ongletville_0 {
    background:white; }

    .ongletville_1 {
    background:white;
    padding-bottom:4px;
    border-bottom: 1px solid #13E8E8;
    font-size: 14px;
    font-family: verdana;
    text-transform: lowercase;
    letter-spacing: 2px; }

    .contenu_ongletville {
    background-color:white;
    margin-top:-1px;
    padding:5px;
    display:none;
    width: 290px;
    height: 100px;
    overflow: auto;
    text-align: justify; }

    .titrepartie {
    font-size: 24px;
    font-family: verdana;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: 3px; }

    .imagepa {
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    border: 3px solid #E9F3F5; }

    .imagepa:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s; }

    .copyrightpa {
    width: 600px;
    background-color: #E9F3F5;
    text-align: justify;
    padding: 4px;
    font-size: 10px; }

    .cadreimagebienvenue {
    border: 20px solid #E9F3F5;
    padding: 10px;
    width: 600px;
    text-align: justify; }
    /* FIN PAGE D ACCUEIL PAR ALISON */


    A mettre dans deux pages Javascript différentes -dans Modules, tu as Gestion des pages HTML & Javascript-
    Dans une première que tu appelleras Onglets PA staff, tu coches pour le placement "dans toutes les pages"
    Code:
    //<!--
                    function change_ongletstaff(name)
                    {
                            document.getElementById('ongletstaff_'+anc_ongletstaff).className = 'ongletstaff_0 ongletstaff';
                            document.getElementById('ongletstaff_'+name).className = 'ongletstaff_1 ongletstaff';
                            document.getElementById('contenu_ongletstaff_'+anc_ongletstaff).style.display = 'none';
                            document.getElementById('contenu_ongletstaff_'+name).style.display = 'block';
                            anc_ongletstaff = name;
                    }
            //-->

    Dans une deuxième que tu appelleras Onglets PA ville, tu coches également "dans toutes les pages"
    Code:
    //<!--
                    function change_ongletville(name)
                    {
                            document.getElementById('ongletville_'+anc_ongletville).className = 'ongletville_0 ongletville';
                            document.getElementById('ongletville_'+name).className = 'ongletville_1 ongletville';
                            document.getElementById('contenu_ongletville_'+anc_ongletville).style.display = 'none';
                            document.getElementById('contenu_ongletville_'+name).style.display = 'block';
                            anc_ongletville = name;
                    }
            //-->


    & enfin dans la PA
    Code:
    <center><div class="cadreimagebienvenue"><img src="http://img689.imageshack.us/img689/8238/bienvenuet.jpg" /><br/><br/>
    Salut, moi c'est Jack. Je suis ce qu'on appelle un <i>businessman</i>. Ma vie ? Je la passe entre Los Angeles et New York City, deux villes bien différentes. Tu m'envies ? Tu me méprises ? Peu importe, l'essentiel c'est que, newyorker ou angeleno, toi aussi tu décolles et vives ton rêve américain. <a href="http://esom.1fr1.net/t11-1-empire-state-of-mind">Lire le contexte.</a></div></center><div style="text-align: center; margin-top: -15px;"><a href="http://esom.1fr1.net/t13-1-reglement">REGLEMENT</a> ϟ <a href="http://esom.1fr1.net/t20-2-bottin-des-avatars">BOTTIN DES AVATARS</a> ϟ <a href="http://esom.1fr1.net/f12-young-forever">SCENARII</a> ϟ <a href="http://esom.1fr1.net/f8-guests">PARTIE INVITES</a> ϟ <a href="http://esom.1fr1.net/t56-5-guide">GUIDE</a></div>
    <br/>
    <center><table width="700px;"><tr><td width="400px"><div class="titrepartie" style="margin-top: -40px;">mon équipe</div></br>
    <center><div class="systeme_onglets">
            <div class="onglets">
                <span class="ongletstaff_0 ongletstaff" id="ongletstaff_onglet0" onmouseover="javascript:change_ongletstaff('onglet0');" onmouseout="javascript:change_ongletstaff('onglet0');"></span>
                <span class="ongletstaff_0 ongletstaff" id="ongletstaff_ongletJillian" onmouseover="javascript:change_ongletstaff('ongletJillian');" onmouseout="javascript:change_ongletstaff('onglet0');"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/JILLIAN.jpg" class="imagepa" alt="Jillian" /></span>
                <span class="ongletstaff_0 ongletstaff" id="ongletstaff_ongletAllen" onmouseover="javascript:change_ongletstaff('ongletAllen');" onmouseout="javascript:change_ongletstaff('onglet0');"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/ALLEN.jpg" class="imagepa" alt="Allen" /></span>
                <span class="ongletstaff_0 ongletstaff" id="ongletstaff_ongletJamie" onmouseover="javascript:change_ongletstaff('ongletJamie');" onmouseout="javascript:change_ongletstaff('onglet0');"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/JAMIE.jpg" class="imagepa" alt="Jamie" /></span>
                <span class="ongletstaff_0 ongletstaff" id="ongletstaff_ongletLouise" onmouseover="javascript:change_ongletstaff('ongletLouise');" onmouseout="javascript:change_ongletstaff('onglet0');"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/LOUISE.jpg" class="imagepa" alt="Louise" /></span></div><div class="contenu_onglets"><div class="contenu_ongletstaff" id="contenu_ongletstaff_onglet0">
    Je sais, vous auriez aimé ne m'avoir que moi, Jack. Mais j'ai pas tout mon temps alors je délègue le boulot à cette équipe de choc, triée sur le volet (ou presque). Sonnez-les au moindre problème, ils sont là pour ça. Pour plus d'infos, passez votre souris sur leur icône.</div><div class="contenu_ongletstaff" id="contenu_ongletstaff_ongletJillian">
    <b>JILLIAN C. HOWARD</b><br>Aka <i>Past-Ice</i>, notre administratrice new-yorkaise n'a pas la langue dans sa poche. Elle n'a encore mordu personne, rassurez-vous ! Actuellement <b>en vacances</b>, elle est injoignable...</div><div class="contenu_ongletstaff" id="contenu_ongletstaff_ongletAllen">
    <b>ALLEN J. SLOAN</b><br>Aka <i>Here I Come</i>, est en réalité une fille, eh oui ! Un poil hystérique et surtout attachante avec son rose pétasse, elle anime la CB. Actuellement <b>disponible</b>, n'hésitez pas à la contacter.</div><div class="contenu_ongletstaff" id="contenu_ongletstaff_ongletJamie">
    <b>JAMIE M. SPENCER</b><br>Aka <i>So-cherry</i> blabla. Actuellement <b>disponible</b>, n'hésitez pas à la contacter.</div><div class="contenu_ongletstaff" id="contenu_ongletstaff_ongletLouise">
    <b>LOUISE A. COPOLLA</b><br>Aka <i>?</i> est notre modo chérie. Elle hante la CB en permanence et aimerait de la compagnie ! Toujours prête à rendre service et à vous éclairer, elle a directement trouvé sa place au sein de l'équipe. Actuellement <b>disponible</b>, n'hésitez pas à la contacter.</div></div></div></center>
        <script type="text/javascript">
            //<!--
                    var anc_ongletstaff = 'onglet0';
                    change_ongletstaff(anc_ongletstaff);
            //-->
    </script>
    </td><td width="10px"></td><td width="300px"><div class="titrepartie">à savoir</div><br/><div style="height: 50px; overflow: auto; padding: 4px; text-align: justify;"><b>DATE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/><b>TITRE</b> ϟ nouvelles<br/></div><br/>
    <center><iframe width="215" height="150" src="http://www.youtube.com/embed/3qlqG7kfQZw" frameborder="0" allowfullscreen></iframe></center></td></tr><tr><td width="300px"><div class="titrepartie" style="margin-top: -50px;">mes bons plans</div><br/><center><div class="systeme_onglets">
            <div class="onglets">
                <span class="ongletville_0 ongletville" id="ongletville_onglet0" onmouseover="javascript:change_ongletville('onglet0');" onmouseout="javascript:change_ongletville('onglet0');"></span>
                <span class="ongletville_0 ongletville" id="ongletville_ongletNYC" onmouseover="javascript:change_ongletville('ongletNYC');" onmouseout="javascript:change_ongletville('onglet0');"> New York City </span>
    <span class="ongletville_0 ongletville" id="ongletville_ongletLA" onmouseover="javascript:change_ongletville('ongletLA');" onmouseout="javascript:change_ongletville('onglet0');"> Los Angeles </span></div><div class="contenu_onglets"><div class="contenu_ongletville" id="contenu_ongletville_onglet0">
    Tu veux être au courant des derniers bons plans de la Grosse Pomme ou de la Cité des Anges ? Je suis là pour ça ! Tu n'as qu'une chose à faire, c'est passer ta souris sur la ville de ton choix pour découvrir les informations utiles et les dernières news.</div><div class="contenu_ongletville" id="contenu_ongletville_ongletNYC">
    ICI SERA ECRIT TOUT LE BLABLA SUR NYC</div><div class="contenu_ongletville" id="contenu_ongletville_ongletLA">
    ICI SERA ECRIT TOUT LE BLABLA SUR LA</div></div></div></center>
        <script type="text/javascript">
            //<!--
                    var anc_ongletville = 'onglet0';
                    change_ongletville(anc_ongletville);
            //-->
    </script></td><td width="80px"></td><td width="300px" align="center"><div class="titrepartie">mes associés</div><br/><a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part1.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part2.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part1.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part2.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part1.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part2.jpg" class="imagepa" /></a> <br/> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part1.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part2.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part1.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part2.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part1.jpg" class="imagepa" /></a> <a href="" target="_blank"><img src="http://i1137.photobucket.com/albums/n520/So-cherry/Part2.jpg" class="imagepa" /></a><br/><div align="right"><a href="http://esom.1fr1.net/t17-2-les-partenaires">VOIR TOUS MES ASSOCIES</a> ϟ <a href="http://esom.1fr1.net/t15-1-devenir-partenaire">DEVENIR ASSOCIE</a></div> </td></tr></table></center>


    <br/><br/><center><div class="copyrightpa">Forum créé sur une idée de † ADASTRA †. Page d'accueil a été codée par Alison de <a href="http://whataboutnow.1fr1.net">What About Now™</a>, le reste du codage a été codé par PSEUDO de <a href="">NOM DE SON SITE/FORUM</a> et le design a été crée par PSEUDO de <a href="">NOM DE SON SITE/FORUM</a>. Le forum appartient à ses administrateurs. Veuillez respecter le travail effectué. Toute reproduction totale ou partielle est formellement interdite et pourra donné lieu à des poursuites judiciaires. Forum optimisé pour Firefox.</div></center>



    Alors, les pages Javascript, tu n'as rien à modifier dedans, t'as juste à les créer mais il ne faut rien modifier. Idem pour ce qui est du JS dans la PA même, on n'y touche pas freeze

    Alors, si y a des questions, il ne faut pas hésiter, ma boite Mp est ouverte Wink

    Bonne journée & bon courage (aa)
  Page 1 sur 1
Zoubi

Rang:
;modérateur/trice.

;modérateur/trice.
Amis de Zoubi
Zoubi n'a pas encore d'amis