AccueilFAQRechercherMembresGroupesS'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.


    Un Bloc Flottant sauce Louis XIV

    Partagez
    avatar
    Halloween
    FémininAge : 23Messages : 9738

    le Mer 9 Juil 2014 - 14:15

    Rappel du premier message :



    Plop,

    Un nouveau LS basé sur une demande de Ginny Blue (qui a fourni notamment le cadre du widget).

    Comme toujours, j'aime les merci, ça fait toujours plaisir et ça prend pas 20 minutes de vos vies =3

    /!\ Je rappelle que cette section existe en cas de problème, je ne réponds pas aux MP (et encore moins quand ils sont rageux !).



    Widget


    HTML & CSS ▬ Fonds modifiables

    Aperçu ▬ www


    CSS
    Code:
    /* --------------------------------- WIDGET --------------------------------- */

    /* Positionnement du widget et choix du fond */
    .widget {
      position: fixed;
      top: 2.9em;
      left: 3.8em;
      background-image: url('http://www.photos-public-domain.com/wp-content/uploads/2011/02/black-vertical-siding-texture.jpg');
      width: 20em;
      height: 26em;
      padding: 20px;
      z-index: 2;
    }

    /* Englobe le titre et le texte du widget */
    .widget_interne {
      width: 17em;
      height: 21em;
      padding: 20px;
      padding-top: 0px;
      text-align: justify;
      color: #C0C0C0;
      z-index: 4;
      position: fixed;
      top: 5.5em;
      left: 5em;
    }

    /* --------------------------------- FIN WIDGET --------------------------------- */


    À insérer dans la page d'accueil :
    Code:
    <link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css" /><img src="http://img11.hostingpics.net/pics/573458Modification.png" style="height: 35em; position: fixed; top: 0em; left: -1em; z-index: 3;" />
    <div class="widget">
       
    </div>
     
    <div class="widget_interne">
       
       <div style="font-family: 'Parisienne', cursive; font-size: 30px; text-align: center; color: #B19A69;">
           Titre
       </div>
       
       <div style="overflow: auto; width: 17em; height: 19em;">
           Agentes industria idem quaedam perviis omnes omnes agitare cognito casu cognito omnes idem idem in nequo de Gallus quaedam de suae per quaedam ac conaretur omnes incertus casu agentes conducentia in omnes de nequo nequo Gallus perviis perviis de perviis casu industria sunt saluti mortalem conaretur omnes quaedam cognito casu idem suae agentes de omnes saluti saluti ac industria incertus remoti sunt ac Constantius perviis agitare futuris civitatibus agitare exarsit civitatibus remoti perviis remoti casu mortalem de cognito per de idem agentes civitatibus exarsit conaretur sunt sunt nequo in saluti conaretur per idem agentes conaretur casu Gallus ultra nequo omnes.Agentes industria idem quaedam perviis omnes omnes agitare cognito casu cognito omnes idem idem in nequo de Gallus quaedam de suae per quaedam ac conaretur omnes incertus casu agentes conducentia in omnes de nequo nequo Gallus perviis perviis de perviis casu industria sunt saluti mortalem conaretur omnes quaedam cognito casu idem suae agentes de omnes saluti saluti ac industria incertus remoti sunt ac Constantius perviis agitare futuris civitatibus agitare exarsit civitatibus remoti perviis remoti casu mortalem de cognito per de idem agentes civitatibus exarsit conaretur sunt sunt nequo in saluti conaretur per idem agentes conaretur casu Gallus ultra nequo omnes.
       </div>
    </div>





    Dernière édition par Halloween le Jeu 13 Avr 2017 - 21:10, édité 2 fois



    Je mets les voiles, que le vent te soit favorable matelot !
    avatar
    Eil'liathan Tyan'Lirulin
    FémininAge : 26Messages : 312

    le Lun 28 Mar 2016 - 10:05

    Merci ^^
    avatar
    Liia
    FémininAge : 21Messages : 91

    le Mar 29 Mar 2016 - 16:28

    Merci c'est très beau **
    avatar
    blomkvist
    FémininAge : 26Messages : 44

    le Dim 3 Avr 2016 - 22:29

    magnifique, merci du partage Shocked :faint:



    ☆ once upon a dream ☆
    I know you, I walked with you once upon a dream. I know you, that look in your eyes is so familiar a gleam. And I know it's true that visions are seldom all they seem. But if I know you, I know what you'll do. You'll love me at once, the way you did once upon a dream. ~ byendlesslove.
    avatar
    Kai Parker
    FémininAge : 18Messages : 153

    le Lun 25 Avr 2016 - 15:51

    Merci infiniment *^*

    avatar
    Harmonia
    FémininAge : 19Messages : 106

    le Dim 1 Mai 2016 - 6:39

    Très beau ! Je vais essayer ! Merci beaucoup !
    avatar
    Saphira
    FémininAge : 20Messages : 72

    le Mer 4 Mai 2016 - 16:47

    Merci ^^
    avatar
    Donquichotte
    MasculinAge : 21Messages : 48

    le Mer 29 Juin 2016 - 9:21

    merci
    avatar
    Choucroute Mozzarella
    FémininAge : 20Messages : 33

    le Dim 10 Juil 2016 - 14:59

    Merci du partage !
    avatar
    Ryukaï
    MasculinAge : 19Messages : 605

    le Lun 1 Aoû 2016 - 12:29

    Merci :)



    avatar
    Sachem
    FémininAge : 20Messages : 51

    le Dim 7 Aoû 2016 - 16:20

    Merci c:
    avatar
    Féhéla
    FémininAge : 43Messages : 232

    le Lun 17 Oct 2016 - 4:30

    merci
    avatar
    Kabylie
    FémininAge : 25Messages : 32

    le Lun 17 Oct 2016 - 13:06

    Merci :love:
    avatar
    Neya
    FémininAge : 17Messages : 163

    le Jeu 20 Oct 2016 - 18:27

    merci
    avatar
    Claraaa
    FémininAge : 20Messages : 20

    le Lun 2 Jan 2017 - 22:30

    Merci
    avatar
    Hylia
    FémininAge : 16Messages : 96

    le Mar 3 Jan 2017 - 11:12

    Merci!



    avatar
    Black_cherry
    FémininAge : 19Messages : 13

    le Sam 25 Fév 2017 - 18:31

    Merci !Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Mer 26 Avr 2017 - 6:10