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 : 9741

    le Mer 9 Juil 2014 - 14:15



    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 déménage sur NMD o/
    Mon codebook
    avatar
    Lady Doll
    FémininAge : 28Messages : 101

    le Sam 12 Juil 2014 - 0:29

    merciii =)
    avatar
    Allison01
    FémininAge : 33Messages : 179

    le Sam 9 Aoû 2014 - 17:23

    whaouu c'est très beau ^^ merci
    avatar
    shala
    FémininAge : 25Messages : 213

    le Sam 9 Aoû 2014 - 20:31

    merci



    avatar
    Lamia
    FémininAge : 21Messages : 139

    le Dim 10 Aoû 2014 - 14:49

    Merci pour la tuto !!!
    avatar
    Lamia
    FémininAge : 21Messages : 139

    le Dim 10 Aoû 2014 - 15:24

    DP excusez-moi, mais j'aurais une petite question :/
    Le code ne fonctionne que sur l'index ou non sur toutes les pages, y aurait-il un moyen pour qu'il s'affiche sur toutes les pages ?? :/
    Merci.
    avatar
    Lovehurt
    FémininAge : 20Messages : 36

    le Lun 11 Aoû 2014 - 21:48

    Merciii :3
    avatar
    Invité

    le Mer 13 Aoû 2014 - 16:04

    Merci !
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Jeu 14 Aoû 2014 - 20:05

    Merci du partage ^^



    avatar
    Immortal
    FémininAge : 31Messages : 631

    le Mar 16 Sep 2014 - 12:39

    Halloween un grand merci pour tous ces partages vraiment ^^




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    avatar
    Offrande
    FémininAge : 26Messages : 193

    le Ven 19 Sep 2014 - 15:19

    Voila un Widget tout à fait sublime, il rentre tout à fait dans le thème que je souhaiter donner à mon forum, je croit n'en avoir jamais vus d'aussi beaux. Sens hésitation je vais tenter de l'installer <3 Merci infiniment à la créatrice de ce sublime module!
    avatar
    x_Titia
    FémininAge : 26Messages : 92

    le Sam 27 Sep 2014 - 12:29

    thanks
    Løve
    MasculinAge : 22Messages : 189

    le Mer 8 Oct 2014 - 17:59

    Merci o/
    avatar
    Celuna
    FémininAge : 27Messages : 124

    le Mar 28 Oct 2014 - 19:50

    C'est trop mimi . Merci pour ce magnifique partage
    avatar
    Zaidko
    FémininAge : 15Messages : 81

    le Jeu 30 Oct 2014 - 0:34

    Merci !
    avatar
    P'tit loup
    MasculinAge : 34Messages : 436

    le Lun 24 Nov 2014 - 19:20

    merci du partage ^^



    avatar
    Neko Mimi
    FémininAge : 27Messages : 162

    le Mer 3 Déc 2014 - 17:34

    C'est super joli merci beaucoup *w*



    avatar
    Depp
    FémininAge : 26Messages : 298

    le Ven 12 Déc 2014 - 13:55

    Merci pour le partage :)



    avatar
    0smose
    FémininAge : 21Messages : 164

    le Ven 12 Déc 2014 - 14:41

    Très beau ! Je vais essayer ! Merci beaucoup !! Very Happy





    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    avatar
    Adèle
    FémininAge : 26Messages : 96

    le Ven 19 Déc 2014 - 13:16

    C'est classe 8D
    avatar
    Hayate747
    MasculinAge : 27Messages : 196

    le Dim 1 Fév 2015 - 15:41

    Merci ! Wink
    avatar
    Champi
    FémininAge : 25Messages : 23

    le Sam 7 Fév 2015 - 20:22

    Je prend merci ^^



    Spoiler:
    avatar
    sabritheducks_79
    FémininAge : 31Messages : 88

    le Dim 1 Mar 2015 - 14:09

    J'adore !!
    avatar
    Rosedesvents
    FémininAge : 31Messages : 96

    le Ven 13 Mar 2015 - 20:04

    Merci merci :)
    avatar
    ginl
    FémininAge : 29Messages : 61

    le Mar 17 Mar 2015 - 16:26

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Jeu 19 Oct 2017 - 18:33