AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

    Une jolie Page d'accueil !

    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Sam 25 Juin 2011 - 14:19

    Rappel du premier message :

    Bonjour,

    Commande
    Adresse du forum : http://bleachwarudo.forumactif.org

    Description des éléments :

    Voilà une vue d'ensemble
    Spoiler:

    Dans l'onglet 1 : je voudrais bien y mettre le contexte du forum ( un extrait en tout cas . l'adresse : http://bleachwarudo.forumactif.org/t4-contexte-bleach-warudo ) dans un cadre (ou sans cadre mais en ) défilant vers le bas et à cotés une barre défilante( vers la gauche ) ou il y aura les partenaires ( hauteur de la barre 110 pixel ) et idem pour les Top Sites qui seront en dessous des partenaires .

    Dans l'onglet 2 : j'aimerais bien des infobulles pour le Staff ( dans les tons orange ) que je remplirais moi-même ( mais si possible marquer ou je doit écrire et mettre l'adresse merci d'avance ).

    Dans l'onglet 3 : pour l'instant rien mais je m'en occuperais plus tard ! ( Mettre en cours )

    Couleurs ou tons : Tout simplement dans les tons orangé et blanc du forum, pour les bordures plutôt arrondi si possible et de la transparence .

    Images :
    - http://www.renders-graphiques.fr/image/upload/moyen/ichigo-4.png
    - http://www.renders-graphiques.fr/image/upload/moyen/Nnoitra.png
    - http://www.renders-graphiques.fr/image/upload/moyen/Nnoitra-1.png
    - http://www.renders-graphiques.fr/image/upload/moyen/bleach-3.png ou http://www.renders-graphiques.fr/image/upload/moyen/Ichigo_FullBring_FINAL.png
    - http://www.renders-graphiques.fr/image/upload/moyen/Ulquiorra_vasto_lord_hollow_espada_raijin13_bleach.png

    Autres précisions : J'aimerais que lorsqu’on clique sur un onglet il se déroule comme une page d'un livre ( sauf si trop compliquer ) mais pas au survole de l'onglet par contre . Merci beaucoup !
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Mer 27 Juil 2011 - 16:33

    Comme Je vois que c'est trop compliquer et je m'en excuse je vous laisse le faire en onglet ( de votre choix du coup j'ai pas de préférence ) mais en gardant le même contenu. Encore désolé de la difficultés,bonne chance pour la suite.
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Mer 3 Aoû 2011 - 11:02

    Bonjour tout le monde !

    J'ai revu entièrement ma Page D'accueil et j'en suis arriver à ça :

    Une jolie Page d'accueil ! - Page 2 Pa_war10

    Pour tout ce qui est texte ( NEWS , CONTEXTE et Crédit ) m'était "bla bla bla" je remplirais idem pour les images du staff en 100x100 m'était ça :


    Une jolie Page d'accueil ! - Page 2 Ichigo-bleach-anime-10595784-100-100

    Pour les couleurs et les images de fond faire comme prévue au début voilà ! Merci à vous et bonne chance .

    EDIT : Pour les news elles sont défilantes vers le haut ( de bas en haut ) .
    K-Surf
    K-Surf
    MasculinAge : 26Messages : 398

    Ven 5 Aoû 2011 - 12:02

    Je crois connais le code du coulissant je recherche dans mes dossier deux seconde.



    Une jolie Page d'accueil ! - Page 2 BC0blKj7gb
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Ven 5 Aoû 2011 - 13:27

    Ha merci c'est gentil, mais au final je me dit que la deuxième PA que je propose et bien aussi donc je sais pas ?
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Jeu 11 Aoû 2011 - 21:41

    Up !
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Lun 15 Aoû 2011 - 14:53

    Je vais te tenter quelque chose ♥



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Lun 15 Aoû 2011 - 17:00

    J'ai fait un je, dis moi ce que t'en pense ^^


    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    <html>

      <head>
        <style type="text/css">

    body {

    font-family:arial;
    background:#eeeeee;


    }

    img{

    opacity:0.7

    }

    img:hover{

    opacity:1

    }

    .box{

    border:2px #e26f15 solid;
    width:200px;
    height:300px;
    overflow:auto;
    border-radius:15px;
    -moz-border-radius:15px;
    padding:10px;
    box-shadow: 2px 2px 5px black;
    -moz-box-shadow: 0px 0px 5px black;
    text-align:justify;
    background: rgba(226, 111, 21, 0.5);
    color:white


    }

    .title{

    padding-left:70px;
    font-size:30px;
    color:#e26f15;
    margin-bottom:-6px;
    }

    .title:hover{

    font-style:italic;

    }

    .title2{

    padding-left:50px;
    font-size:30px;
    color:#e26f15;
    margin-bottom:-6px;
    }

    .title2:hover{

    font-style:italic;

    }

    .topsite{

    height:110px;
    font-size:30px;
    color:#e26f15;
    margin-left:100px;}

    .topsite:hover{
    font-style:italic;

    }

    .thème{

    margin-left:100px;
    color:#e26f15;
    }

    a.info{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
    }
     
    a.info:hover{
    z-index:25;
    background-color:#FFF
    }
     
    a.info span{
    display: none
    }
     
    a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:80px;

    font-weight:none;

    padding:5px;
    font-size:10px;
    border-radius:15px;
    -moz-border-radius:15px;

    box-shadow: 2px 2px 5px black;
    -moz-box-shadow: 0px 0px 5px black;

    background: rgba(226, 111, 21, 0.9);
    color:white;
    border: 1px solid rgba(226, 255, 255, 0.5);
    }

    </style>
      </head>

      <body>
     
    <table>
    <tr><td>
    <div class="title">News</div>
    <div class="box">
    <marquee behavior="scroll" direction="up" height="300" scrollamount="2" scrolldelay="1" onMouseOver="this.stop()" onMouseOut="this.start()">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu cursus ante. Nunc eget mauris felis, at tempor enim. Etiam sed posuere justo. Curabitur nec magna auctor augue porta dignissim. Duis at libero nisl. Pellentesque vel metus consequat ipsum ultrices porttitor in ac tellus. Phasellus ultrices aliquet tortor sit amet pellentesque. Pellentesque quis mauris non arcu tincidunt malesuada eget ut sapien. Nunc molestie, justo quis iaculis tincidunt, tortor lacus porta felis, et pellentesque ligula dui in purus.

    Donec felis neque, molestie eu egestas vel, facilisis non augue. Nunc et lectus dui. Quisque facilisis, lorem sit amet cursus commodo, metus velit vehicula velit, eget tincidunt dolor erat eget risus. Phasellus eu nulla eget enim laoreet tincidunt. Donec eget augue quis eros mattis euismod. Etiam ipsum arcu, adipiscing ac volutpat vitae, dignissim et orci. Phasellus eget orci leo, eget mattis diam. Sed egestas urna ut leo gravida volutpat. Phasellus eu sapien massa, ut laoreet metus. Nulla justo velit, luctus eu viverra at, vehicula id justo.

    Nunc in tempor tortor. Aliquam posuere scelerisque molestie. Donec scelerisque nisi eu tortor egestas bibendum. Nulla facilisi. In cursus sem eget libero commodo in viverra lorem consectetur. Nulla lobortis erat id urna aliquam id aliquet est semper. Ut ac sollicitudin nunc. Donec varius augue nec elit condimentum quis varius magna euismod. Aenean sapien lectus, ornare quis luctus nec, accumsan in risus. Donec non varius elit. Donec elementum bibendum elit, at posuere orci pretium sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pellentesque, dolor et blandit auctor, justo nibh condimentum nisl, at dignissim urna massa et nunc. Ut semper lorem nec libero aliquet a hendrerit lorem imperdiet. Vivamus felis lectus, sagittis non vehicula sit amet, vehicula ac lacus. Morbi enim tortor, suscipit at placerat quis, egestas ac lacus.

    Fusce elementum eleifend pretium. Quisque sit amet commodo turpis. Curabitur in iaculis mauris. Nam fermentum metus eget lorem luctus sodales. Vivamus at mi sit amet ipsum ullamcorper molestie sed sed urna. Fusce viverra, libero a lobortis fermentum, ipsum massa lacinia ante, vitae luctus sapien lacus sit amet arcu. Nulla tellus purus, pretium a tempus non, gravida et orci. Cras sagittis gravida risus, et venenatis magna bibendum sit amet. Nulla vel odio tellus, mattis laoreet orci. Duis nec purus eget urna facilisis vulputate interdum at nunc. Ut sodales, leo eget venenatis sodales, sapien diam sollicitudin nulla, a semper sem mi nec lorem. </div>
    <br></marquee>

    <div class="title2">Contexte</div>
    <div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu cursus ante. Nunc eget mauris felis, at tempor enim. Etiam sed posuere justo. Curabitur nec magna auctor augue porta dignissim. Duis at libero nisl. Pellentesque vel metus consequat ipsum ultrices porttitor in ac tellus. Phasellus ultrices aliquet tortor sit amet pellentesque. Pellentesque quis mauris non arcu tincidunt malesuada eget ut sapien. Nunc molestie, justo quis iaculis tincidunt, tortor lacus porta felis, et pellentesque ligula dui in purus.

    Donec felis neque, molestie eu egestas vel, facilisis non augue. Nunc et lectus dui. Quisque facilisis, lorem sit amet cursus commodo, metus velit vehicula velit, eget tincidunt dolor erat eget risus. Phasellus eu nulla eget enim laoreet tincidunt. Donec eget augue quis eros mattis euismod. Etiam ipsum arcu, adipiscing ac volutpat vitae, dignissim et orci. Phasellus eget orci leo, eget mattis diam. Sed egestas urna ut leo gravida volutpat. Phasellus eu sapien massa, ut laoreet metus. Nulla justo velit, luctus eu viverra at, vehicula id justo.

    Nunc in tempor tortor. Aliquam posuere scelerisque molestie. Donec scelerisque nisi eu tortor egestas bibendum. Nulla facilisi. In cursus sem eget libero commodo in viverra lorem consectetur. Nulla lobortis erat id urna aliquam id aliquet est semper. Ut ac sollicitudin nunc. Donec varius augue nec elit condimentum quis varius magna euismod. Aenean sapien lectus, ornare quis luctus nec, accumsan in risus. Donec non varius elit. Donec elementum bibendum elit, at posuere orci pretium sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pellentesque, dolor et blandit auctor, justo nibh condimentum nisl, at dignissim urna massa et nunc. Ut semper lorem nec libero aliquet a hendrerit lorem imperdiet. Vivamus felis lectus, sagittis non vehicula sit amet, vehicula ac lacus. Morbi enim tortor, suscipit at placerat quis, egestas ac lacus.

    Fusce elementum eleifend pretium. Quisque sit amet commodo turpis. Curabitur in iaculis mauris. Nam fermentum metus eget lorem luctus sodales. Vivamus at mi sit amet ipsum ullamcorper molestie sed sed urna. Fusce viverra, libero a lobortis fermentum, ipsum massa lacinia ante, vitae luctus sapien lacus sit amet arcu. Nulla tellus purus, pretium a tempus non, gravida et orci. Cras sagittis gravida risus, et venenatis magna bibendum sit amet. Nulla vel odio tellus, mattis laoreet orci. Duis nec purus eget urna facilisis vulputate interdum at nunc. Ut sodales, leo eget venenatis sodales, sapien diam sollicitudin nulla, a semper sem mi nec lorem. </div>
    <br> </div>

    </td><td>
    <td><div class="topsite"> <div style="background: rgba(226, 111, 21, 0.5);padding-left:15px;margin-bottom:8px;border-radius:15px;
    -moz-border-radius:15px;box-shadow: 2px 2px 5px black;
    -moz-box-shadow: 0px 0px 5px black;">Top site</div>

    <marquee behavior="scroll" direction="left" height="300" width="500" scrollamount="3" scrolldelay="1" onMouseOver="this.stop()" onMouseOut="this.start()"><a href="http://www.never-utopia.com/"><img src="http://img11.hostingpics.net/pics/885266logo4.jpg"> </a><a href="http://www.never-utopia.com/"><img src="http://img11.hostingpics.net/pics/885266logo4.jpg"></a><br></marquee></a></div>

    <div class="topsite"> <div style="background: rgba(226, 111, 21, 0.5);padding-left:15px;margin-bottom:8px;border-radius:15px;
    -moz-border-radius:15px;box-shadow: 2px 2px 5px black;
    -moz-box-shadow: 0px 0px 5px black;">Partenaire</div>

    <br><marquee behavior="scroll" direction="left" height="300" width="500" scrollamount="3" scrolldelay="1" onMouseOver="this.stop()" onMouseOut="this.start()"><a href="http://www.never-utopia.com/"><img src="http://img11.hostingpics.net/pics/885266logo4.jpg"> </a><a href="http://www.never-utopia.com/"><img src="http://img11.hostingpics.net/pics/885266logo4.jpg"></a><br></marquee></a></div>
    <br>
    <div class="thème">Le thème a été fait par<br><br> <a href="http://www.never-utopia.com/"><img src="http://img11.hostingpics.net/pics/885266logo4.jpg"> </a></div>
    <br>
    <div class="topsite">Staff<br><br>

    <a class="info" href="#"><img src="http://images2.fanpop.com/image/photos/10500000/Ichigo-bleach-anime-10595784-100-100.jpg"><span>Le texte que tu veux ^^</span>
    <a class="info" href="#"><img src="http://images2.fanpop.com/image/photos/10500000/Ichigo-bleach-anime-10595784-100-100.jpg"><span>Le texte que tu veux ^^</span>
    <a class="info" href="#"><img src="http://images2.fanpop.com/image/photos/10500000/Ichigo-bleach-anime-10595784-100-100.jpg"><span>Le texte que tu veux ^^</span><br>
    <a class="info" href="#"><img src="http://images2.fanpop.com/image/photos/10500000/Ichigo-bleach-anime-10595784-100-100.jpg"><span>Le texte que tu veux ^^</span>
    <a class="info" href="#"><img src="http://images2.fanpop.com/image/photos/10500000/Ichigo-bleach-anime-10595784-100-100.jpg"><span>Le texte que tu veux ^^</span>
    <a class="info" href="#"><img src="http://images2.fanpop.com/image/photos/10500000/Ichigo-bleach-anime-10595784-100-100.jpg"><span>Le texte que tu veux ^^</span>

    </div>


    <br><br>





    </td></tr>
    </table>


      </body>

    </html>



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Mar 16 Aoû 2011 - 22:51

    Alors là je te dit chapeau bas c'est exactement ça ! Tu à superbement réussi, bravo ! <3

    Merci donc à Pac-girl et ma commande est terminée.
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Mer 17 Aoû 2011 - 0:52

    N'oublie pas de me citer dans les crédits please ♥



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Mer 17 Aoû 2011 - 10:05

    Yep mais finalement y'a un petit soucis ! La bannière ne s'affiche plus ? Pourquoi ? :/
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Mer 17 Aoû 2011 - 17:42

    Hum y'a rien dans mon code qui touche à la bannière! =/ T'as essayé de la réhéberger ?



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Mer 17 Aoû 2011 - 22:53

    Bah non parce que c'est que sur le forum ( la premier page qu'on voit quoi ), tout le reste ça marche !?
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Jeu 18 Aoû 2011 - 20:50

    Retire le code, regarde si la bannière ne s'affiche pas si elle s'affiche c'est que c'est mon code qui pose problème & je regarderai ça plus en détail. ^^



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Jeu 18 Aoû 2011 - 23:05

    Ouai mais malheureusement le forum n'arrive à rien ! Je me vois obliger de l’arrêter, je ne peux pas le continuer il ne se lance pas pourtant un super travail à été fait ! Par toi, Sparrow-Style et bien d'autre je suis équerré moi-même de devoir détruire un si beau travail qui à été fait toutes mes excuses !
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Ven 19 Aoû 2011 - 18:18

    Ow ^^ C'est vraiment dommage, il avait l'air très bien ton forum. Bonne continuation en tout cas Wink



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Barney
    Barney
    MasculinAge : 30Messages : 202

    Sam 20 Aoû 2011 - 1:50

    Hello !

    Désolé premièrement de venir m'incruster dans le sujet, mais il me semblait véritablement dommage qu'un si beau code ne soit pas utilisé.

    Á la base, je comptais faire une commande, mais étant donné qu'il s'agît ici d'une commande qui se termine mal, je me suis dit : pourquoi pas en profiter ?

    C'est bien dommage que le forum de l'auteur du sujet n'aille plus de l'avant, et je pense que même si mon forum n'est pas du tout du " même genre " ( il s'agît d'une grosse communauté d'un jeu flash ^^' ), cela permettrait d'éviter de renvoyer le sujet à la corbeille sans preneur.

    Alors voilà, j'aimerais savoir si avec l'accord de la créatrice / et du l'auteur du sujet, je pourrais utiliser ce code sur mon forum. Á vrai dire, je n'avais même pas qu'il soit aussi compliqué :lol!: . Si oui, il est évident que je laisserais les crédits pour NU etc, simplement j'aimerais avoir votre accord !

    Sur ce, bonne soirée ! Wink
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Sam 20 Aoû 2011 - 15:32

    Pour moi il n'y a pas de soucis tant que tu me cite dans les crédits (ainsi que Never Utopia bien entendu) ^^ Je code pour le plaisir, donc si ça aide quelqu'un c'est toujours bien. ^0^



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Sam 20 Aoû 2011 - 19:22

    Barney > Justement ça m’embattais de laisser tomber le code qui est vraiment super comme la dit Pac-girl je ne vois donc aucun inconvénient à ce que tu le prenne à partir du moment ou tu m'est les crédits dessus. Je te souhaite donc bonne chance pour ton forum !

    Pac-girl > Je m'excuse vraiment de finir ainsi et je suis vraiment comptant que quelqu'un le prenne ! Tu le fait peut être pour le plaisir, mais c'est quand même du boulot et moi je te le casse en un pauvre post c'est chier de ma part quand même. Je vais rajouter les crédits pour les passant sur le fo' qui pourront voir ça superbe créatrice !

    Merci à vous deux !
    Pac-girl
    Pac-girl
    FémininAge : 30Messages : 100

    Dim 21 Aoû 2011 - 13:23

    Ooh merci Brain pour ses compliments c'est super gentil ♥
    Ce n'est pas de ta faute si le forum ne fonctionne pas! Donc il n'y a vraiment pas de soucis Wink



    Pac-Girl's Arts
    CLICK ME! PLEASE! VISIT ME !

    C'est dans le mensonge que la vérité commence, méditez cela !Dr. House

    Une jolie Page d'accueil ! - Page 2 Wt9cgj
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 21 Aoû 2011 - 18:36

    Bonsoir je peut déplacer la commande ?



    Une jolie Page d'accueil ! - Page 2 376864signichigo
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Dim 21 Aoû 2011 - 18:42

    Bonsoir ! Oui vous pouvez !
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 21 Aoû 2011 - 18:43

    Ok merci.



    Une jolie Page d'accueil ! - Page 2 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Lun 20 Mai 2024 - 23:31