Jeux 2 pub

Forum de pub et de référencement gratuit pour vos réseaux sociaux, forums et sites.
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  ConnexionConnexion  
Pour profiter de l'affichage de ton/tes logos ici, c'est juste ici !
Mini-bannière de School Of Progress, forum d'entraide pour forums

Poster un nouveau sujet   Répondre au sujetPartagez | 
 

 Demande d'une nulle en codage pour Féminin Pluriel

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Demande d'une nulle en codage pour Féminin Pluriel    Jeu 18 Mai 2017 - 13:26

Coucou,

Je fais appel à vos services parce que seule je n'y arrive vraiment pas :/
Ce n'est pas faute d'essayer en tentant d'utiliser des codes en libre-service sur quelques forums d'entraide mais je n'arrive jamais au même résultat Sad

Voici donc le formulaire que j'espère compléter au mieux :

Commande codée



Quel type de code souhaites-tu ? : Panneau d'accueil

Dimensions : Je pense qu'ici je dois donner la largeur de mon forum qui est de 60%

Codes des couleurs désirées : Les bordures : #496075 - Le fonds : #E7F2F5
( Voici un site pour vous aider si besoin : http://hergart.tripod.com/cocoul3t.html )

Les images devant se trouver sur le PA :

Les deux avatars suivants (Fondatrice et Adminette)
http://img110.xooimage.com/files/9/f/1/bnjl-51e8260.png
http://img110.xooimage.com/files/3/4/f/63629754e2b8cc31c...6a2ef48f-523d9f4.jpg

Pour les Top-sites, j'aimerais bien cette image : http://img110.xooimage.com/files/1/e/f/48-523db9e.png

Le texte devant se trouver sur la fiche :

Schéma :
Spoiler:
 
Si vous n'avez pas de schéma , donnez le plus de détails possibles sur le résultat que vous voudriez

J'aimerais une PA assez sobre mais avec quelques effets sympas quand même.
Je n'ai pas besoin d'onglets.
Au-dessus j'aimerais les liens utiles : Charte - Présentations - Partenariat - Publicités des girls

Pour les différents blocs :
Bloc 1 placé à gauche : Contexte
Bloc 2 à gauche en-dessous du contexte : Crédits
Bloc 3 situé au milieu : Administratrices
Là j'aimerais donc les deux avatars avec ces liens : Avatar 1 (voir première image donnée) Athéna, fondatrice - Profil (avec lien) - MP (avec lien). Avatar 2 (voir seconde image donnée) Exenties, Adminette - Profil (avec lien) - MP (avec lien).
Bloc 4 à droite : Infos & News
Bloc 5 à droite : Top-Sites
Bloc 6 que j'imagine en-dessous des autres blocs sur toute la largueur : Nos Partenaires


Détails, options ou autre :

Le lien vers mon forum pour mieux visualiser : http://feminin-pluriel.discutland.net
Un nouveau design est en prévision pour fin juin mais je ne devrai alors que modifier les couleurs des bords et du fond.

Je ne sais pas faire de schéma, j'espère donc que c'est assez clair. Si ce n'est pas le cas n'hésitez pas à demander plus d'informations.
Concernant les liens, je donnerai tout ce qu'il faut bien sûr, ce n'est pas à vous d'aller les chercher Wink

Concernant les effets, pourquoi pas sur les avatars ? Je suis ouverte à vos propositions.

Sachant que je ne suis vraiment pas douée en codages, j'aimerais une PA qui me permet de faire des modifications (style ajouter les news et infos, les logos de mes partenaires etc), sans trop chipoter et prendre le risque à chaque fois que tout bug.
On m'en avait installée une que j'ai été obligée de supprimer car dès que j'y touchais même pour ajouter un simple logo, les avatars partaient dans tous les sens No

Si c'est possible j'aimerais mieux ne pas devoir toucher aux templates car là je n'y comprends absolument rien !
CSS, HTLM, JAVASCRIPT, c'est mieux  Razz

Voilà je pense que l'essentiel est précisé.

Un grand merci à la personne qui voudra bien s'occuper de ma commande Very Happy

Amicalement,
Athéna
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Jeu 18 Mai 2017 - 14:19

Coucou Smile

Si tu es d'accord, je m'occupe de toi =)

Je pense pouvoir te montrer un premier jet demain dans le courant de l'aprèm (sauf si j'avance bien dans mon taff cette aprèm =) )

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Jeu 18 Mai 2017 - 14:43

Coucou Miettes,

Et comment que je suis d'accord
Un grand merci !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Sam 20 Mai 2017 - 8:50

Coucou Smile

Avec un peu de retard (une seule nuit ^^), voici un premier jet pour ta PA.

Évidement, tout est modifiable Smile N'hésite donc pas à me dire ce qui te plait/ne te plait pas, à me donner les textes, liens et couleurs que tu veux y mettre ^^

http://miettes.exprimetoi.net/h32-pa-athena


_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Sam 20 Mai 2017 - 18:51

Coucou Miettes Very Happy

Désolée c'est moi qui arrive tard pour répondre mais je viens seulement de rentrer d'une journée shopping ^^

J'adore, c'est trop beau, c'est tip top ce que je désirais
Merciiiiiii !

Il ne faut donc rien modifier juste si tu sais ajouter un oeil pour les Topsites car j'en ai 4, j'ai oublié de te le préciser  Embarassed

Voici pour tous les liens :

Charte :  http://feminin-pluriel.discutland.net/t2-la-charte-a-lire-obligatoirement-merci
Présentations : http://feminin-pluriel.discutland.net/t4-comment-te-presenter
Partenariat : http://feminin-pluriel.discutland.net/t137-devenons-partenaires-les-regles
Publicité des girls : http://feminin-pluriel.discutland.net/f69-l-espace-publicite

Les Admins : Athéna - Profil : http://feminin-pluriel.discutland.net/u1 - MP : http://feminin-pluriel.discutland.net/privmsg?mode=post&u=1
Exenties - Profil : http://feminin-pluriel.discutland.net/u55 - MP : http://feminin-pluriel.discutland.net/privmsg?mode=post&u=55

Crédits : Design réalisé par Jo17 de l'Annuaire des forums (lien http://www.forumsdeforumactif.com)
PA réalisé par Miettes et là tu peux mettre deux liens, celui de J2P et celui de SOP non ?

Les Topsites :
- http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=4

- http://www.root-top.com/topsite/cda2/in.php?ID=337

- http://www.root-top.com/topsite/royalepub/in.php?ID=24

- http://athena.boosterforum.com/


Voilà, je pense que tout y est.

Concernant les news, peux-tu rajouter quelques lignes Blabla stp car avec les
Code:
<div>
que je croise souvent, j'ai parfois difficile.
Ils servent à quoi en fait ? Et pourquoi on les trouve là où on a rien mis pourtant si tu vois ce que je veux dire.
Si t'as le temps de m'expliquer en quelques mots sinon ce n'est pas grave Wink

Un grand merci et bonne soirée si tu repasses encore par ici sinon ce sera bon dimanche Very Happy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Lun 22 Mai 2017 - 14:19

Coucou Smile

Je file mettre tout ça à jour du coup ^^

http://miettes.exprimetoi.net/h32-pa-athena

Est-ce que tu veux mon "astuce" pour installer la PA ? (j'utilise une page html et un peu de js ^^ il faut juste modifier un chouilla les templates (c'est hyper facile ; ça se passe sur ce tuto)).

Hum... Tu ne m'as pas donné le contexte ni les partenaires ; ça va aller pour les modifier ?

Concernant les div, en fait, ça sert à "englober" un bloc (c'est un conteneur). Ici, pour les news, je n'ai pas utilisé de div, mais plutôt des "li", c'est-à-dire que j'ai fait une liste de news :
Code:
<ul>
    <li><span class="date">00/00/2017 :</span> Blabla News1</li>
    <li><span class="date">00/00/2017 :</span> Blabla News2</li>
    <li><span class="date">00/00/2017 :</span> Blabla News 3</li>
</ul>

L'idée c'est d'afficher la plus récente toute en haut de la liste (juste après le ul) parce que la bordure à gauche a une couleur différente Smile Si tu veux ajouter une nouvelle information, il te suffit de copier tout en haut de la pile (juste après "ul") :
Code:
<li><span class="date">00/00/2017 :</span> Le texte de ta news est ici =)</li>
Par exemple :
Code:
<ul>
   <li><span class="date">00/00/2017 :</span> Le texte de ta news est ici =)</li>
    <li><span class="date">00/00/2017 :</span> Blabla News1</li>
    <li><span class="date">00/00/2017 :</span> Blabla News2</li>
    <li><span class="date">00/00/2017 :</span> Blabla News 3</li>
</ul>

Du coup, voilà le html :
Code:
<div id="wrapper-pa">
            <ul id="liens-pa">
                <li><a href="http://feminin-pluriel.discutland.net/t2-la-charte-a-lire-obligatoirement-merci">Charte</a></li>
                <li><a href="http://feminin-pluriel.discutland.net/t4-comment-te-presenter">Présentation</a></li>
                <li><a href="http://feminin-pluriel.discutland.net/t137-devenons-partenaires-les-regles">Partenariats</a></li>
                <li><a href="http://feminin-pluriel.discutland.net/f69-l-espace-publicite">Publicités des girls</a></li>
            </ul>
           
            <div class="flex">
                <div id="col-gauche">
                    <div id="contexte">
                        <h3 class="titre">Contexte</h3>
                        <div class="blk">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet fringilla lorem, in efficitur turpis. Donec risus sapien, tempor eget posuere eget, ultricies ac nisi. Ut lacinia congue augue a pellentesque. Integer nulla turpis, rutrum ac elit eget, dapibus varius nulla. Mauris molestie felis eu eros facilisis iaculis.</p>
                        </div>
                    </div>
                    <div id="credits">
                        <p>Design réalisé par Jo17 de l'<a href="http://www.forumsdeforumactif.com" target="_blank">Annuaire des forums</a><br />
                        PA réalisé par Miettes de <a href="http://www.jeux2pub.com" target="_blank">Jeux 2 Pub</a>
                        </p>
                    </div>
                </div><!-- /#col-gauche -->
               
                <div id="col-centre">
                    <h3 class="titre">Les Admins</h3>
                    <div class="blk">
                        <div class="admin">
                            <img src="http://img110.xooimage.com/files/9/f/1/bnjl-51e8260.png" alt="Athena">
                            <div class="content flex">
                                <div>
                                    <span class="pseudo">Athéna</span>
                                    <span class="rang">Fondatrice</span>
                                    <span class="contact">
                                        <a href="http://feminin-pluriel.discutland.net/u1">Profil</a> | <a href="http://feminin-pluriel.discutland.net/privmsg?mode=post&u=1">MP</a>
                                    </span>
                                </div>
                            </div>
                        </div><!-- /.admin -->

                        <div class="admin">
                            <img src="http://img110.xooimage.com/files/3/4/f/63629754e2b8cc31c...6a2ef48f-523d9f4.jpg" alt="Exenties">
                            <div class="content flex">
                                <div>
                                    <span class="pseudo">Exenties</span>
                                    <span class="rang">Adminette</span>
                                    <span class="contact">
                                        <a href="http://feminin-pluriel.discutland.net/u55">Profil</a> | <a href="http://feminin-pluriel.discutland.net/privmsg?mode=post&u=55">MP</a>
                                    </span>
                                </div>
                            </div>
                        </div><!-- /.admin -->

                    </div>
                </div><!-- /#col-centre -->
               
                <div id="col-droite">
                    <div id="news">
                        <h3 class="titre">Nouveautés</h3>
                        <div class="blk">
                            <ul>
                                <li><span class="date">00/00/2017 :</span>Blabla News1</li>
                                <li><span class="date">00/00/2017 :</span> Blabla News2</li>
                                <li><span class="date">00/00/2017 :</span> Blabla News 3</li>
                            </ul>
                        </div>
                    </div><!-- /#news -->
                    <div id="top-sites">
                        <h3 class="titre">Top Sites</h3>
                        <div class="blk">
                            <a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=4" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>
                            <a href="http://www.root-top.com/topsite/cda2/in.php?ID=337" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>
                            <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=24" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>
                            <a href="http://athena.boosterforum.com/" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>
                        </div>
                    </div><!-- /#top-sites -->
                </div><!-- /#col-droite -->
            </div><!-- / .flex -->

            <div id="partenaires">
                <h3 class="titre">Nos partenaires</h3>
                <div class="blk">
                    <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a> <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a> <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a>
                </div>
            </div>
        </div><!--  /#wrapper-pa -->

et la CSS :
Code:
/*** --- PA --- ***/
#wrapper-pa{
    background: #E7F2F5;
    border-bottom: 5px solid #496075;
    border-left: 2px solid #496075;
    border-radius: 30px 30px 30px 30px;
    border-right: 2px solid #496075;
    border-top: 5px solid #496075;
    font: normal 14px/1 Trebuchet;
    padding: 1%;
}

/*** Mise en page générale ***/
#wrapper-pa p{
    margin:  .4% 0;
}

#wrapper-pa a{
    color: #496075;
    text-decoration: none;
}

#wrapper-pa a:hover{
    color: #6e6ebd;
}

/*** Liens du haut ***/
#wrapper-pa #liens-pa{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#wrapper-pa #liens-pa ul{
    list-style: none;
}

#wrapper-pa #liens-pa li{
    box-sizing: border-box;
    border-left: 1px solid #496075;
    display: inline-block;
    line-height: 1.2;
    margin: 0 .6%;
    padding: .8% 0 .8% .6%;
    -webkit-transition: background .8s linear;
    -moz-transition: background .8s linear;
    transition: background .8s linear;
    width: 22%;
}

#wrapper-pa #liens-pa li:first-child{
    border-left: 0;
    padding-left: 0;
}

#wrapper-pa #liens-pa li:hover{
    background: #496075;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background .8s linear;
    -moz-transition: background .8s linear;
    transition: background .8s linear;
}

#wrapper-pa #liens-pa li:hover a,
#wrapper-pa #liens-pa li a:hover{
    color:  #f5f9fb;
    -webkit-transition: color .8s linear;
    -moz-transition: color .8s linear;
    transition: color .8s linear;
}

/*** Mise en page des blocs ***/
#wrapper-pa .titre{
    color: #496075;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    left: 2%;
    margin:  0;
    position: relative;
    text-shadow: 1px 1px 1px rgba(73, 96, 117, .6);
    top: 4px;
    z-index: 10;
}

#wrapper-pa .blk{
    background: rgba(255, 255, 255, .6);
    border-bottom: 3px solid #759cab;
    border-top: 3px solid #759cab;
    box-shadow: 1px 1px 2px rgba(73, 96, 117, .2);
    box-sizing: border-box;
    padding: .6% 1.2%;
    position: relative;
}

#wrapper-pa .flex{
    display: flex;
    margin-bottom: 1.2%;
}

/* Colonne de gauche */
#wrapper-pa #col-gauche{
    width: 45%;
}

#wrapper-pa #col-gauche #contexte .blk p:first-child{
    text-indent: 1.6%;
}

#wrapper-pa #col-gauche #contexte p:first-letter{
    font-size: 16px;
    font-style: italic;
}

#wrapper-pa #col-gauche #credits{
    margin-top: .8%;
}

#wrapper-pa #col-gauche #credits p{
    font-size: 11px;
    line-height: 13px;
    margin: 0;
}

/* Colonne de centre */
#wrapper-pa #col-centre{
    margin: 0 1%;
    width: 15.5%;
}

#wrapper-pa #col-centre .admin{
    height: 80px;
    margin: 2px auto;
    overflow: hidden;
    position: relative;
    width: 90%;
}

#wrapper-pa #col-centre .admin:hover{
    cursor: pointer;
}

#wrapper-pa #col-centre .admin > img{
    display: block;
    height: auto;
    width: 100%;
}

#wrapper-pa #col-centre .admin .content{
    background: rgba(255, 255, 255, .6);
    bottom: -2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: opacity .8s linear;
    -moz-transition: opacity .8s linear;
    transition: opacity .8s linear;
}

#wrapper-pa #col-centre .admin:hover .content{
  opacity: 1;
    -webkit-transition: opacity .8s linear;
    -moz-transition: opacity .8s linear;
    transition: opacity .8s linear;
}

#wrapper-pa #col-centre .admin .content > div{
    margin: auto;
}

#wrapper-pa #col-centre .admin .content span{
    display: block;
}

#wrapper-pa #col-centre .admin .content .pseudo{
    color: #496075;
    font-size: 16px;
    font-weight: bold;
}

#wrapper-pa #col-centre .admin .content .rang{
    color: #496075;
    font-size: 14px;
    font-style: italic;
}

#wrapper-pa #col-centre .admin .content .contact{
    font-size: 12px;
    margin-top: 10px;
}

/* Colonne de droite */
#wrapper-pa #col-droite{
    width: 35%;
}

#wrapper-pa #col-droite #news ul{
    list-style: none;
    margin: auto 0;
    padding: 0;
}

#wrapper-pa #col-droite #news ul li{
    border-left: 4px solid #a3b4bb;
    margin-bottom: 3.4%;
    padding-left: 2%;
}

#wrapper-pa #col-droite #news ul li:first-child{
    border-left: 4px solid #759cab;
}

#wrapper-pa #col-droite #news .date{
    font-weight: bold;
}

#wrapper-pa #col-droite #top-sites .blk{
    text-align: center;
}

/* Partenaires */
#wrapper-pa #partenaires{
    min-height: 45px;
    text-align: center;
}

#wrapper-pa #partenaires .titre{
    bottom: -3px;
    right: 2%;
}

Je te laisse y jeter un oeil. N'hésite pas à me dire s'il y a des choses que tu ne comprends pas dedans ^^ (et tiens moi au courant pour la mise en place si tu as besoin d'aide Smile )

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Lun 22 Mai 2017 - 15:34

Coucou Miettes,

Oulala que tout cela me semble compliqué Sad
J'ai beau lire et relire mais je n'arrive pas à tout comprendre et encore moins via le lien que tu m'as gentiment indiqué.
En fait je me rends compte que j'ai la frousse de fiche des trucs en l'air et comme je ne maîtrise pas, je fais tout ça l'aveuglette tu comprends.

Concernant l'ajout des news, ça je pense avoir bien compris.
En fait il faut donc rajouter la plus récente en haut mais il faut que tout les news reste entre les
Code:
<ul> et </ul>
c'est ça ?

Bon alors j'ai tenté mais je n'ai rien du tout qui apparaît Crying or Very sad

J'ai donc recopié tel quel le code dans ton tuto pour les templates et je l'ai validé bien sûr.
Code:

<footer id="footer" class="table">
  <section class="table-cell">
    <div id="footer-partenaires"> </div>
  </section>
  <section class="sep"> </section>
  <section class="table-cell">
    <div id="footer-recrutement">&nbsp;</div>
  </section>
</footer>

J'ai recopié ton code en créant une page HTLM, je n'en avais pas encore d'ailleurs.
L'URL du lien est apparu :
Citation :
http://feminin-pluriel.discutland.net/h1-panneau-d-accueil

Ensuite, dernière étape j'ai été dans le CSS où j'ai recopié totalement ton code.

Et rien, nada, toujours le vide total.

Par contre j'ai vu quelque chose dans le CSS, tout un code qui me semble être celui d'une PA installée auparavant et qui n'a jamais été supprimée.
Est-ce donc possible que les deux codes sont en s'oppose ou sont en "conflit", je ne sais pas comment expliquer ça ?
Je n'ai rien osé enlevé.

Je vais te mettre le code complet (avec le tien inséré) pour que tu puisses y jeter un oeil :

Code:

.bodylinewidth
{

  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
  border-left: solid 30px rgba(255, 255, 255,0 .4);
  border-right: solid 30px rgba(255, 255, 255,0 .4);
 
}

.forumline
{
   width: 100%;
  border-bottom: 5px solid #496075;
  border-top: 5px solid #496075;
  border-left: 2px solid #496075;
  border-right: 2px solid #496075;
  text-decoration: none !important
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;  
  -o-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;  

}
a.forumlink{
    text-decoration: none;
    font-color: #846568;
      text-color: #846568;
  
 border-bottom: 1px solid #3a6c5d;
  border-top: 1px solid #3a6c5d;
  border-left: 1px solid #3a6c5d;
  border-right: 1px solid #3a6c5d;

background-color: #FFFFFF;


font-weight: bold;
text-align: left;
text-indent: 15px
Font-size: 15px;
font-variant: small-caps;
display: block;

-moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  -o-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;

}


a.forumlink:hover{

    
  text-decoration: none !important
    color : #D1EBF0;
text-transform: uppercase;

 border-bottom: 1px solid #3a6c5d;
  border-top: 1px solid #3a6c5d;
  border-left: 1px solid #3a6c5d;
  border-right: 1px solid #3a6c5d;
 background: url('http://img110.xooimage.com/files/c/1/a/fond_r10-518520b.png');
text-align: left;
font-weight: bold;
text-indent: 25px


Font-family:  calibri;
Font-size: 15px;
  font-variant: small-caps;
display: block;



-moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  -o-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  

  transition-property: 94B890;
transition-duration: 1s
  
}




  #page-footer a
{
font-size: 10px;
}


#navig
{
  width: 1000px;
  margin: auto;
  text-align: center;
  background: #fdf2c3;
  border-top: 2px solid #d0e4cd;
  border-bottom: 2px solid #d0e4cd;
  border-right: 1px solid #d0e4cd;
  border-left: 1px solid #d0e4cd;
  border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  -khtml-border-radius: 0px 0px 20px 20px;
  padding-bottom: 3px;
  padding-top: 10px;
  box-shadow: 2px 2px 5px black;

}
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 980px;
  margin-left: -490px;
  left: 50%;
}

#navig a
{
  font-weight: bold;
  color: #6E5C4A !important;
  text-shadow: 1px 1px 0px #000000;
  font-size: 13px;
}

#navig a:hover
{
  color: #6E5C4A !important;
  font-variant: small-caps;
  font-size: 13px;
  font-style: normal;
}

#i_logo
{
  margin-top: 30px
}

table
{
  width: 90%;
  margin: auto;
}

.row3Right{border: none !important;}.thHead{border: none !important;}.thCornerL, .thCornerR, .thTop{border: none !important;}.thLeft, .thRight{border-left: none !important;border-right: none !important;}.catLeft, .catRight{border: none! important;}.catHead{border: none !important;}.catBottom{border: none !important;}.mainoption{-moz-border-radius: 10px 0px 10px 0px;   -webkit-border-radius: 10px 0px 10px 0px;   -o-border-radius: 10px 0px 10px 0px;  border-radius: 10px 0px 10px 0px;}.liteoption{  -moz-border-radius: 10px 0px 10px 0px;   -webkit-border-radius: 10px 0px 10px 0px;   -o-border-radius: 10px 0px 10px 0px;  border-radius: 10px 0px 10px 0px;}.opacite{  opacity: 0.5;  -moz-opacity: 0.5;  -khtml-opacity: 0.5;  filter: alpha(opacity=50);  transition: opacity 1s;  -moz-transition: opacity 1s;  -o-transition: opacity 1s;  -webkit-transition: opacity 1s;  -htm-transition: opacity 1s;}.opacite:hover{  opacity: 1;  -moz-opacity: 1;  -khtml-opacity: 1;  filter: alpha(opacity=1);  transition: opacity 2s;  -moz-transition: opacity 2s;  -o-transition: opacity 2s;  -webkit-transition: opacity 2s;  -htm-transition: opacity 2s;}

/* suppression de la mention edition */
tr.post span.gensmall {
display: none;
}


.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

a.mainmenu:hover{
    
  text-decoration: none !important
    color : #E7F2F5;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-align: center;
padding-right: 15px;
padding-left: 1px;
font-family: calibri;

  

   }
.PA_fond {
width:900px;

padding:10px;
font-family: Trebuchet MS;
}

.PA_titre {
display:block;
text-align:center;
font-size:45px;
color:#488976;
font-family: 'Playball', cursive;
}

.PA_titre_contexte {
display:inline-block;
width:560px;
text-align:left;
font-size:25px;
margin-left:-10px;
color:#33b48d;
font-family: 'Playball', cursive;
}

.PA_titre_staff {
display:inline-block;
width:200px;
text-align:left;
font-size:25px;
color:#33b48d;
font-family: 'Playball', cursive;
}

.PA_contexte {
display:inline-block;
width:550px;
height:150px;
padding:5px;
    border-radius:10px;
      background-color: #e3f1ed;
border:1px #3A6C5D solid;
margin-right:10px;
overflow:auto;
text-align:justify;
}

.PA_staff {
display:inline-block;
width:210px;
height:150px;
padding:5px;
    border-radius:10px;
      background-color: #e3f1ed;
border:1px #3A6C5D solid;
overflow:hidden;
}

.PA_staff_img {
display:inline;
width:95px;
}

.PA_staff_texte {
display:inline-block;
text-align:center;
width:90px;
padding:5px;
}

.PA_titre_lien {
display:inline-block;
width:280px;
text-align:left;
font-size:25px;
margin-left:-10px;
color:#33b48d;
font-family: 'Playball', cursive;
}

.PA_titre_new {
display:inline-block;
width:330px;
text-align:left;
font-size:25px;

color:#33b48d;
font-family: 'Playball', cursive;
}

.PA_titre_ami {
display:inline-block;
width:160px;
text-align:left;
font-size:25px;
color:#33b48d;
font-family: 'Playball', cursive;
}

.PA_lien {
display:inline-block;
width:260px;
height:150px;
padding:5px;
    border-radius:10px;
      background-color: #e3f1ed;
border:1px #3A6C5D solid;
margin-right:10px;
text-align:justify;
overflow:auto;
}

.PA_new {
display:inline-block;
width:310px;
height:150px;
    border-radius:10px;
padding:5px;
        background-color: #e3f1ed;
border:1px #3A6C5D solid;
margin-right:10px;
text-align:justify;
overflow:auto;
}

.PA_ami {
display:inline-block;
width:160px;
height:150px;
    border-radius:10px;
      background-color: #e3f1ed;
padding:5px;
border:1px #3A6C5D solid;
overflow:hidden;
}

.PA_partenaire {
width:150px;
    border-radius:10px;
height:60px;
overflow:hidden;
}
a:hover {
    font-variant: small-caps;
}
a, a:hover {
    text-decoration: none !important;
}
a[href="/u1"] span strong{background-image: url('http://img56.xooimage.com/files/d/6/9/backround6-22e24a5.gif

')!important; }
    /*-LISTE DES MEMBRES PAR ASHLING POUR EPICODE-*/
.lmback {text-align:center; font-family:arial; text-transform:lowercase; font-size:70px; letter-spacing:-6px; color:#787878; text-shadow:2px 2px 0px white;}
.lmfond {padding:5px; width:170px; background:white; box-shadow: 0px 0px 2px silver; float:left; margin:10px;}
.lmava {width:170px; height:272px; overflow:hidden;}
.lmava img {width:170px; height:272px;}
.lmimg {transition: all 600ms ease;}
.lmava:hover .lmimg {margin-top:-96px;}
.lmdet {width:160px; height:80px; background:#F0F0F0; padding:5px; border-top:6px solid #DFDFDF;}
.lmdetin {font-weight:bold; margin-top:6px; width:160px; border-bottom:1px solid #C5C5C5; text-transform:uppercase; font-size:10px; font-family:arial; color:#818181; text-shadow:1px 1px 0px white; padding:5px 0px 1px 0px;}
.lmnom {background:url('http://img11.hostingpics.net/pics/666869newyearbackground.png'); margin-top:5px; box-shadow: 0px 0px 2px silver; padding:5px; width:160px;}
.lmnom a {text-shadow:1px 1px 0px white; font-family:arial; text-transform:lowercase; letter-spacing:-1px; font-size:18px;}
/*-FIN LISTE DES MEMBRES-*/
  .lastpost-avatar img {
width: 38px;
height: 38px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
     .bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
  
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
  
 
.ChatboxLaterale {
  position: fixed; /* position fixe dans la fenêtre */
  bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
  left: 0; /* et collé au bord gauche */
  width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
  width: 800px; /* largeur */
  height: 300px; /* hauteur */
  display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: bottom; /* on aligne le bouton en bas, le long de la chatbox */
}
.boutonChatbox img {
  cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}
/*** --- PA --- ***/
#wrapper-pa{
    background: #E7F2F5;
    border-bottom: 5px solid #496075;
    border-left: 2px solid #496075;
    border-radius: 30px 30px 30px 30px;
    border-right: 2px solid #496075;
    border-top: 5px solid #496075;
    font: normal 14px/1 Trebuchet;
    padding: 1%;
}

/*** Mise en page générale ***/
#wrapper-pa p{
    margin:  .4% 0;
}

#wrapper-pa a{
    color: #496075;
    text-decoration: none;
}

#wrapper-pa a:hover{
    color: #6e6ebd;
}

/*** Liens du haut ***/
#wrapper-pa #liens-pa{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#wrapper-pa #liens-pa ul{
    list-style: none;
}

#wrapper-pa #liens-pa li{
    box-sizing: border-box;
    border-left: 1px solid #496075;
    display: inline-block;
    line-height: 1.2;
    margin: 0 .6%;
    padding: .8% 0 .8% .6%;
    -webkit-transition: background .8s linear;
    -moz-transition: background .8s linear;
    transition: background .8s linear;
    width: 22%;
}

#wrapper-pa #liens-pa li:first-child{
    border-left: 0;
    padding-left: 0;
}

#wrapper-pa #liens-pa li:hover{
    background: #496075;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background .8s linear;
    -moz-transition: background .8s linear;
    transition: background .8s linear;
}

#wrapper-pa #liens-pa li:hover a,
#wrapper-pa #liens-pa li a:hover{
    color:  #f5f9fb;
    -webkit-transition: color .8s linear;
    -moz-transition: color .8s linear;
    transition: color .8s linear;
}

/*** Mise en page des blocs ***/
#wrapper-pa .titre{
    color: #496075;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    left: 2%;
    margin:  0;
    position: relative;
    text-shadow: 1px 1px 1px rgba(73, 96, 117, .6);
    top: 4px;
    z-index: 10;
}

#wrapper-pa .blk{
    background: rgba(255, 255, 255, .6);
    border-bottom: 3px solid #759cab;
    border-top: 3px solid #759cab;
    box-shadow: 1px 1px 2px rgba(73, 96, 117, .2);
    box-sizing: border-box;
    padding: .6% 1.2%;
    position: relative;
}

#wrapper-pa .flex{
    display: flex;
    margin-bottom: 1.2%;
}

/* Colonne de gauche */
#wrapper-pa #col-gauche{
    width: 45%;
}

#wrapper-pa #col-gauche #contexte .blk p:first-child{
    text-indent: 1.6%;
}

#wrapper-pa #col-gauche #contexte p:first-letter{
    font-size: 16px;
    font-style: italic;
}

#wrapper-pa #col-gauche #credits{
    margin-top: .8%;
}

#wrapper-pa #col-gauche #credits p{
    font-size: 11px;
    line-height: 13px;
    margin: 0;
}

/* Colonne de centre */
#wrapper-pa #col-centre{
    margin: 0 1%;
    width: 15.5%;
}

#wrapper-pa #col-centre .admin{
    height: 80px;
    margin: 2px auto;
    overflow: hidden;
    position: relative;
    width: 90%;
}

#wrapper-pa #col-centre .admin:hover{
    cursor: pointer;
}

#wrapper-pa #col-centre .admin > img{
    display: block;
    height: auto;
    width: 100%;
}

#wrapper-pa #col-centre .admin .content{
    background: rgba(255, 255, 255, .6);
    bottom: -2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: opacity .8s linear;
    -moz-transition: opacity .8s linear;
    transition: opacity .8s linear;
}

#wrapper-pa #col-centre .admin:hover .content{
  opacity: 1;
    -webkit-transition: opacity .8s linear;
    -moz-transition: opacity .8s linear;
    transition: opacity .8s linear;
}

#wrapper-pa #col-centre .admin .content > div{
    margin: auto;
}

#wrapper-pa #col-centre .admin .content span{
    display: block;
}

#wrapper-pa #col-centre .admin .content .pseudo{
    color: #496075;
    font-size: 16px;
    font-weight: bold;
}

#wrapper-pa #col-centre .admin .content .rang{
    color: #496075;
    font-size: 14px;
    font-style: italic;
}

#wrapper-pa #col-centre .admin .content .contact{
    font-size: 12px;
    margin-top: 10px;
}

/* Colonne de droite */
#wrapper-pa #col-droite{
    width: 35%;
}

#wrapper-pa #col-droite #news ul{
    list-style: none;
    margin: auto 0;
    padding: 0;
}

#wrapper-pa #col-droite #news ul li{
    border-left: 4px solid #a3b4bb;
    margin-bottom: 3.4%;
    padding-left: 2%;
}

#wrapper-pa #col-droite #news ul li:first-child{
    border-left: 4px solid #759cab;
}

#wrapper-pa #col-droite #news .date{
    font-weight: bold;
}

#wrapper-pa #col-droite #top-sites .blk{
    text-align: center;
}

/* Partenaires */
#wrapper-pa #partenaires{
    min-height: 45px;
    text-align: center;
}

#wrapper-pa #partenaires .titre{
    bottom: -3px;
    right: 2%;
}



Je suis vraiment une quiche hein  Embarassed

Merci !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Lun 22 Mai 2017 - 16:33

On va y aller étape par étape ^^

1/ La page HTML

On va donc créer une page html qui contiendra le code html de ta pa

2/ La CSS
Dans la CSS de ton forum, tu vas copier/coller la CSS de la PA

3/ Le template
Dans le template "index_body", on va ajouter ceci :
Code:
<div id="content-pa">&nbsp;</div>
juste après
Code:
{JAVASCRIPT}
On valide et on publie ^^

4/ Le Javascript
On va ensuite créer un nouveau javascript "[Index] PA" qu'on va placer uniquement sur l'index et on va y mettre ça :
Code:

$(document).ready(function(){

   $('#content-pa').load('/h1-p');

});

/ correspond à ceci : http://feminin-pluriel.discutland.net/h1-panneau-d-accueil

Je te laisse essayer ? Smile

------

pour les news, oui ^^ les li doivent être entre les "ul" =)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Lun 22 Mai 2017 - 16:58

Et c'est tout bon

Là c'était bien clair. En fait j'avais créé la page HTLM mais pas le Javascript.
Et je m'étais complètement plantée sur ce que je devais mettre dans les templates Embarassed

C'est génial, merci beaucoup d'avoir pris le temps d'y aller étape par étape Very Happy

Là je vais quitter le bureau et ce soir je ferai ce qu'il faut pour la compléter.
Je reviendrai ensuite vers toi si je rencontre un souci ou si on peut considérer la commande comme terminée.

Encore merci de ta patience et bonne soirée 62
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Lun 22 Mai 2017 - 17:28

ça marche Smile

J'attends donc ton "ok" pour classer la commande ^^

N'hésite pas si besoin =) (et de rien ^^ )

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 5:56

Bonjour Miettes,

Alors voilà, j'ai réussi à mettre le texte du contexte et d'ajouter les news Very Happy
Par contre je suis un peu perdue pour rajouter tous les logos de mes partenaires, du coup je n'ai pas osé le faire :/
Petite question, as-tu prévu qu'ils défilent avec un arrêt au passage de la souris car j'ai oublié de préciser ça dans ma demande Embarassed

J'ai encore une autre question, que dois-je rajouter au code pour avoir un retour à la ligne dans le texte du contexte ?
Là je n'en ai pas et par expérience maintenant je sais que ce n'est pas un retour à la ligne comme celui qu'on utilise dans les messages (via le clavier donc) qu'il faut faire au risque de voir un bloc se rajouter Razz

J'ai eu des retours positifs concernant cette PA et je t'en remercie encore

Bonne journée et à tout à l'heure Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 9:33

Coucou ^^

Alors, on va y aller étape par étape Smile

Pour ajouter un retour à la ligne, on va juste utiliser :
Code:
<br />

Pour ajouter un logo de partenaraire, voici le code que tu dois utiliser (à adapter évidemment ^^) :
Code:

<a href="LIEN-FORUM" target="_blank"><img src="LIEN-IMAGE" alt="NOM-FORUM" /></a>
Tu as juste à changer :
- LIEN-FORUM par l'adresse de ton partenaire
- LIEN-IMAGE par l'adresse du logo
- NOM-FORUM par le nom du forum (/!\ Le nom ne doit pas avoir de guillemets Smile )

Je n'ai pas prévu de défilement, mais ça peut se faire sans souci ^^ Il faudrait juste que tu me donnes ton code html, que je reparte de ta PA modifiée ^^

Ravie de lire que l'en-tête plait =)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 10:25

Re ^^

Voilà le htlm :

Code:

<div id="wrapper-pa">
                            
   <ul id="liens-pa">
                                   
      <li>
               <a href="http://feminin-pluriel.discutland.net/t2-la-charte-a-lire-obligatoirement-merci">Charte</a>     
      </li>
                                   
      <li>
               <a href="http://feminin-pluriel.discutland.net/t4-comment-te-presenter">Présentation</a>     
      </li>
                                   
      <li>
               <a href="http://feminin-pluriel.discutland.net/t137-devenons-partenaires-les-regles">Partenariats</a>     
      </li>
                                   
      <li>
               <a href="http://feminin-pluriel.discutland.net/f69-l-espace-publicite">Publicités des girls</a>     
      </li>
                               
   </ul>
                                        
   <div class="flex">
                                   
      <div id="col-gauche">
                                          
         <div id="contexte">
                                                 
            <h3 class="titre">
                     Contexte     
            </h3>
                                                 
            <div class="blk">
                                                        
               <p>
                        Bonjour et Bienvenue !  <br /> Féminin Pluriel est un forum tout en douceur pour papoter entre femmes de tous âges confondus et de tous horizons.  <br /> Des tas de sujets très divers sont abordés dans une ambiance très amicale.  <br /> Si, comme la plupart des nanas, vous adorez bavarder, vous trouverez votre place dans notre petit paradis.  <br /> Respect, Convivialité, Tolérance ... trois mots qui ont leur importance sur Féminin Pluriel !  <br /> N'hésitez pas à venir nous rejoindre, vous y serez accueillies avec grand plaisir.     
               </p>
                                                    
            </div>
                                             
         </div>
                                          
         <div id="credits">
                                                 
            <p>
                     Crédits : Forum créé et imaginé par Athéna. Design réalisé par Jo17 de l'<a href="http://www.forumsdeforumactif.com" target="_blank">Annuaire des forums</a><br />                        PA réalisé par Miettes de <a href="http://www.jeux2pub.com" target="_blank">Jeux 2 Pub</a>                             
            </p>
                                             
         </div>
                                      
      </div>
                 
      <!--        /#col-gauche        -->                                       
      <div id="col-centre">
                                          
         <h3 class="titre">
                  Les Admins     
         </h3>
                                          
         <div class="blk">
                                                 
            <div class="admin">
                                                 <img src="http://img110.xooimage.com/files/9/f/1/bnjl-51e8260.png" alt="Athena" />                                 
               <div class="content flex">
                                                               
                  <div>
                                                               <span class="pseudo">Athéna</span>                                    <span class="rang">Fondatrice</span>                                    <span class="contact">                                        <a href="http://feminin-pluriel.discutland.net/u1">Profil</a> | <a href="http://feminin-pluriel.discutland.net/privmsg?mode=post&u=1">MP</a>                                    </span>                                     
                  </div>
                                                           
               </div>
                                                    
            </div>
                       
            <!--        /.admin        -->                               
            <div class="admin">
                                                 <img src="http://img110.xooimage.com/files/3/4/f/63629754e2b8cc31c...6a2ef48f-523d9f4.jpg" alt="Exenties" />                                 
               <div class="content flex">
                                                               
                  <div>
                                                               <span class="pseudo">Exenties</span>                                    <span class="rang">Adminette</span>                                    <span class="contact">                                        <a href="http://feminin-pluriel.discutland.net/u55">Profil</a> | <a href="http://feminin-pluriel.discutland.net/privmsg?mode=post&u=55">MP</a>                                    </span>                                     
                  </div>
                                                           
               </div>
                                                    
            </div>
                       
            <!--        /.admin        -->                           
         </div>
                                      
      </div>
                 
      <!--        /#col-centre        -->                                       
      <div id="col-droite">
                                          
         <div id="news">
                                                 
            <h3 class="titre">
                     Nouveautés     
            </h3>
                                                 
            <div class="blk">
                                                        
               <ul>
                                                               
                  <li>
                           <span class="date">22/05/2017 :</span> Installation de la nouvelle PA.     
                  </li>
                                                               
                  <li>
                           <span class="date">04/02/2017 :</span> Nouveau design !     
                  </li>
                                                               
                  <li>
                           <span class="date">27/02/2014 :</span> Ouverture officielle du forum.     
                  </li>
                                                           
               </ul>
                                                    
            </div>
                                             
         </div>
                    
         <!--        /#news        -->                         
         <div id="top-sites">
                                                 
            <h3 class="titre">
                     Top Sites     
            </h3>
                                                 
            <div class="blk">
                                                 <a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=4" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                            <a href="http://www.root-top.com/topsite/cda2/in.php?ID=337" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                            <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=24" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                            <a href="http://athena.boosterforum.com/" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                             
            </div>
                                             
         </div>
                    
         <!--        /#top-sites        -->                     
      </div>
                 
      <!--        /#col-droite        -->                 
   </div>
              
   <!--        / .flex        -->                   
   <div id="partenaires">
                                   
      <h3 class="titre">
               Nos partenaires     
      </h3>
                                   
      <div class="blk">
                                   <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a> <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a> <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a>                     
      </div>
                               
   </div>
                        
</div>
<!--          /#wrapper-pa        -->


J'ai rajouté le
Code:
<br />
mais ça n'a rien changé du tout alors qu'à la prévisualisation c'est bon.
Ca va me rendre dingue ce truc geek
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 10:32

Mais si, tu as bien les retours à la ligne dans ton contexte ^^

Et voilà avec la balise pour faire défiler le texte (marquee)
Code:

<div id="wrapper-pa">
                           
  <ul id="liens-pa">
                                   
      <li>
              <a href="http://feminin-pluriel.discutland.net/t2-la-charte-a-lire-obligatoirement-merci">Charte</a>     
      </li>
                                   
      <li>
              <a href="http://feminin-pluriel.discutland.net/t4-comment-te-presenter">Présentation</a>     
      </li>
                                   
      <li>
              <a href="http://feminin-pluriel.discutland.net/t137-devenons-partenaires-les-regles">Partenariats</a>     
      </li>
                                   
      <li>
              <a href="http://feminin-pluriel.discutland.net/f69-l-espace-publicite">Publicités des girls</a>     
      </li>
                               
  </ul>
                                       
  <div class="flex">
                                   
      <div id="col-gauche">
                                         
        <div id="contexte">
                                                 
            <h3 class="titre">
                    Contexte     
            </h3>
                                                 
            <div class="blk">
                                                       
              <p>
                        Bonjour et Bienvenue !  <br /> Féminin Pluriel est un forum tout en douceur pour papoter entre femmes de tous âges confondus et de tous horizons.  <br /> Des tas de sujets très divers sont abordés dans une ambiance très amicale.  <br /> Si, comme la plupart des nanas, vous adorez bavarder, vous trouverez votre place dans notre petit paradis.  <br /> Respect, Convivialité, Tolérance ... trois mots qui ont leur importance sur Féminin Pluriel !  <br /> N'hésitez pas à venir nous rejoindre, vous y serez accueillies avec grand plaisir.     
              </p>
                                                   
            </div>
                                             
        </div>
                                         
        <div id="credits">
                                                 
            <p>
                    Crédits : Forum créé et imaginé par Athéna. Design réalisé par Jo17 de l'<a href="http://www.forumsdeforumactif.com" target="_blank">Annuaire des forums</a><br />                        PA réalisé par Miettes de <a href="http://www.jeux2pub.com" target="_blank">Jeux 2 Pub</a>                             
            </p>
                                             
        </div>
                                     
      </div>
                 
      <!--        /#col-gauche        -->                                       
      <div id="col-centre">
                                         
        <h3 class="titre">
                  Les Admins     
        </h3>
                                         
        <div class="blk">
                                                 
            <div class="admin">
                                                <img src="http://img110.xooimage.com/files/9/f/1/bnjl-51e8260.png" alt="Athena" />                                 
              <div class="content flex">
                                                               
                  <div>
                                                              <span class="pseudo">Athéna</span>                                    <span class="rang">Fondatrice</span>                                    <span class="contact">                                        <a href="http://feminin-pluriel.discutland.net/u1">Profil</a> | <a href="http://feminin-pluriel.discutland.net/privmsg?mode=post&u=1">MP</a>                                    </span>                                     
                  </div>
                                                           
              </div>
                                                   
            </div>
                       
            <!--        /.admin        -->                               
            <div class="admin">
                                                <img src="http://img110.xooimage.com/files/3/4/f/63629754e2b8cc31c...6a2ef48f-523d9f4.jpg" alt="Exenties" />                                 
              <div class="content flex">
                                                               
                  <div>
                                                              <span class="pseudo">Exenties</span>                                    <span class="rang">Adminette</span>                                    <span class="contact">                                        <a href="http://feminin-pluriel.discutland.net/u55">Profil</a> | <a href="http://feminin-pluriel.discutland.net/privmsg?mode=post&u=55">MP</a>                                    </span>                                     
                  </div>
                                                           
              </div>
                                                   
            </div>
                       
            <!--        /.admin        -->                           
        </div>
                                     
      </div>
                 
      <!--        /#col-centre        -->                                       
      <div id="col-droite">
                                         
        <div id="news">
                                                 
            <h3 class="titre">
                    Nouveautés     
            </h3>
                                                 
            <div class="blk">
                                                       
              <ul>
                                                               
                  <li>
                          <span class="date">22/05/2017 :</span> Installation de la nouvelle PA.     
                  </li>
                                                               
                  <li>
                          <span class="date">04/02/2017 :</span> Nouveau design !     
                  </li>
                                                               
                  <li>
                          <span class="date">27/02/2014 :</span> Ouverture officielle du forum.     
                  </li>
                                                           
              </ul>
                                                   
            </div>
                                             
        </div>
                   
        <!--        /#news        -->                         
        <div id="top-sites">
                                                 
            <h3 class="titre">
                    Top Sites     
            </h3>
                                                 
            <div class="blk">
                                                <a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=4" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                            <a href="http://www.root-top.com/topsite/cda2/in.php?ID=337" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                            <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=24" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                            <a href="http://athena.boosterforum.com/" target="_blank"><img src="http://img110.xooimage.com/files/1/e/f/48-523db9e.png" alt="Top Site" /></a>                             
            </div>
                                             
        </div>
                   
        <!--        /#top-sites        -->                     
      </div>
                 
      <!--        /#col-droite        -->                 
  </div>
             
  <!--        / .flex        -->                   
  <div id="partenaires">
                                   
      <h3 class="titre">
              Nos partenaires     
      </h3>
                                   
      <div class="blk">
        <marquee direction="left" scrollamount="5" onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" >
          <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a> <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a> <a href="http://www.jeux2pub.com/" target="_blank "><img src="http://illiweb.com/fa/pbucket.gif" alt="Jeux 2 Pub, forum de publicité gratuit" /></a>
        </marquee>                     
      </div>
                               
  </div>
                       
</div>
<!--          /#wrapper-pa        -->

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 10:53

Oui j'ai vu après, quand je te dis que ça rend dingue

Merci Miettes !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 11:10

Du coup tout est ok ? Smile

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 11:20

Tu veux la paix hein, c'est ça xD.

Je dois encore ajouter mes partenaires mais en principe ça ne devrait pas poser de problème.
J'ai toujours accès si tu archives ? Juste pour savoir car je vais quand même recopier tous tes codes pour les garder au cas où Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 11:59

Rhoo mais non j'veux pas me débarasser de toi, enfin =)

Je laisse là le temps que tu finisses alors, pas de souci =)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Athéna
Roi du Poker
Roi du Poker
avatar

Féminin
Nombre de messages : 663
Age : 56
Localisation : Dans ma bulle de soleil face à l'océan ...
Emploi/loisirs : Balades avec mon chien, Voyages/CityTrips, Mylène Farmer, internet, musique, animaux, nature, mes boules de poils Chloé & Kenzo
Humeur : Don't Worry, Be Happy !
Date d'inscription : 28/04/2009

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 14:05

J'rigole hein Razz

Et voilà, tous mes petits partenaires se baladent sur mon beau PA

C'est très marrant car je vérifiais à chaque fois grâce à la prévi' (super ça d'ailleurs) et là je les voyais mais il faut toujours un moment avant que ce que tu fais comme modifications apparaît sur le forum.

Je te remercie encore de ta patience et de tes bonnes explications.

Commande terminée 62
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tendresse-animale.forumactif.com
Miettes
Modérateur
Modérateur
avatar

Féminin
Nombre de messages : 660
Age : 29
Localisation : Lille
Emploi/loisirs : Intégrateur web
Humeur : O_o
Date d'inscription : 29/01/2008

MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    Mar 23 Mai 2017 - 14:46

Ahhh Génial =)

J'ai réalisé ma première commande grâce à toi ici \o/

Allez zoup ! Je classe =)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-progress.fr/
Contenu sponsorisé




MessageSujet: Re: Demande d'une nulle en codage pour Féminin Pluriel    

Revenir en haut Aller en bas
 
Demande d'une nulle en codage pour Féminin Pluriel
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Un codage pour les catégories de mon forum.
» [CSS] Modification des polices par défault du forum suite à l'utilisation d'un codage pour un texte particulier
» Allier deux different codage pour une Page d'Accueil
» Problème de codage pour Zoomer Gallery
» Codage pour mon qeel

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Jeux 2 pub  :: ESPACE GRAPHISME, ANALYSES & CODAGE :: Espace codage :: Commandes codées :: Commandes codées terminées-
Poster un nouveau sujet   Répondre au sujetSauter vers: