• Ces derniers temps, j'écoute pas mal de trucs différents. Je me perds sur youtube (OUI ENCORE ET TOUJOURS) et du coup je fais plein de découvertes! Et principalement des bonnes. Alors j'ai décidé de vous partager mes découvertes musicales côté rock (parce que le prochain article ce sera totalement différent)!

     

    The Last Shadow Puppet - pour tous ceux qui aime les Arctic Monkeys et les Rascals, vous serez servis! Je vous présente ici l'association d'Alex Turner (chanteur des Arctic Monkeys) et de Miles Kane (chanteur des Rascals)! Honnêtement, j'ai tout de suite eu un coup de coeur pour ce groupe. Déjà parce que j'adore la voix d'Alex Turner et puis parce que leur musique est vraiment bonne! Je connais pas les Rascals, mais je pense prochainement aller voir parce l'association de ces deux chanteurs est vraiment bien! (la seconde chanson est une reprise de David Bowie, l'originale est très bien aussi)

     

       

     

     

    Sticky Fingers - vous aimez le reggae, vous aimez le rock? Bah je vous présente une drôle d'association. C'est du rock ET du reggae (avec un peu de psych et de bourbon d'après ce que je vois sur internet). Honnêtement, au début, j'accrochais pas trop, mais après avoir écouté plusieurs morceaux c'était le coup de foudre. Maintenant j'aime toutes leurs musiques. Le mélange des styles est vraiment agréable à écouter (enfin, je trouve, pour moi) et ça me donne envie de danser (je suis étrange).

     

       

     

     

    Now, Now - voici un groupe de indie rock! Je connaissais déjà depuis longtemps pour le morceau Prehistoric et j'ai découvert y a pas longtemps leur album complet Threads. J'ai beaucoup aimé, franchement! La voix douce de la chanteuse avec la musique de ses musiciens est une association très plaisante!

     

       

     

     

    The Drums - je les aime à la folie. J'ai découvert ce groupe un peu avant les vacances d'été dernière, coup de foudre à Notting Hill. Je les ai écouté pendant toutes les vacances d'été et je les écoute encore un peu maintenant. Dès que j'écoute leurs chansons, j'ai envie de me trémousser sur la plage en maillot de bain.

     

       

     

     

    The Orwells - ALORS EUX, JE POURRAIS VOUS AGRESSER AVEC MES MAJUSCULES PENDANT TOUT LE PARAGRAPHE TELLEMENT J'AIME. Mais je ne le ferais pas. J'ai cliqué totalement au pif sur un de leur album sur youtube parce que j'étais d'humeur à cliquer au pif sur tout ce qui semblait être un album avec une image qui me tentait. ET LÀ c'était le coup de foudre^9999999[...]999 sérieusement, je pourrais me marier avec leurs albums tellement j'aime!

     

       

     

     

    Alors, si ces groupes vous plaisent, je vous conseille vivement d'aller tout écouter d'eux car c'est pas avec deux musiques que vous irez loin. J'entends pas là, que si je le pouvais je mettrais toutes leurs chansons, alors si ça vous plaît, n'hésitez pas du tout. Ils méritent que vous perdiez du temps sur youtube à écouter toutes leurs chansons.


    6 comments
  • Chronicles #3

     

    CE FILM EST TROP BIEN. Et oui, en effet, ce ne sera pas le dernier picspam sur ce film. Hehe.


    16 comments
  • Table à onglets

     

    Trucs à savoir:

    - Il faut accompagner l'apparition du cadre quand vous voulez faire apparaître l'un des onglets

    - Le contenu d'un onglet ne reste pas affiché lorsque votre souris ne le survole plus!

    - Ne mettez pas de trics trop longs pour les titres d'onglets

    - Si vous avez des problèmes affichages avec le survol des cadres, vous pouvez jouer avec les marges ("margin") dans le CSS, si vous avez des problèmes avec le code, envoyez moi un MP ou postez un commentaire!

    - Vous pouvez mettre des images dans les cadres (mais il faut qu'elles aient moins de 490px de largeur)

    - Et vous pouvez aussi mettre mon crédit quelque part sur votre blog si vous utilisez le code!

     

    Ce que vous pouvez changer:

    - La hauteur des cadres

    - Les couleurs des titres d'onglets

     

    Evitez de changer les largeurs (titre comme cadre), si vous ne vous y connaissez pas trop bien ou que vous n'êtes pas à l'aise en codage.

     

    Pour voir le code en live, c'est ici!

     

    CODE HTML:

    <p style="text-align: center;">&nbsp;</p>
    <table style="margin-left: auto; margin-right: auto;">
    <tbody>
    <tr>
    <td>
    <table>
    <tbody>
    <tr>
    <td>
    <div class="menuonglet">
    <p style="text-align: justify;">Quelque part aux Etats-Unis, quelque part o&ugrave; le d&eacute;sert et la verdure se m&eacute;langent. O&ugrave; l'amour et la haine cohabitent. O&ugrave; la joie et la tristesse se frappent. O&ugrave; l'espoir et le d&eacute;sespoir se croisent. Il y a Cantervalley. Une ville normale o&ugrave; les &acirc;mes &eacute;corch&eacute;es semblent se retrouver, errant &agrave; la recherche de quelque chose qu'elles ne peuvent atteindre.</p>
    <p style="text-align: justify;">Quoiqu'ils fassent, ils y arrivent toujours, &agrave; Cantervalley. Dans la plus simple des mani&egrave;res ou de la plus biscornues des fa&ccedil;ons. Apr&egrave;s avoir tout laiss&eacute; tomber pour partir &agrave; l'inconnu sur une route ou apr&egrave;s avoir trouv&eacute; une carte dans un sac abandonn&eacute; au bord d'une route avec un bouquin dont le po&egrave;me parlait d'une fille perdue au milieu de l'endroit qu'il manque sur la carte.</p>
    <p style="text-align: justify;">Entre tar&eacute;s, simples fonctionnaires, fugueurs et perdus, Cantervalley est comme le refuge est esprits &eacute;plor&eacute;s, l'endroit o&ugrave; l'on est s&ucirc;rs que l'herbe est plus verte, o&ugrave; l'on est s&ucirc;re que c'est meilleur qu'ailleurs. Mais est-ce vrai? Est-ce vraiment le cas? Est-ce qu'on peut vraiment y trouver le bonheur?</p>
    <p><br /><br /></p>
    </div>
    <div style="background-color: #a3dd3f; min-width: 100px; min-height: 10px; font-family: arial; text-transform: uppercase; letter-spacing: 1px; padding: 5px; margin: 5px; color: white; text-align: center;">contexte</div>
    </td>
    <td>
    <div class="menuonglet2">
    <p><span style="font-family: terminal,monaco;">24.07 </span>nouveau th&egrave;me + &eacute;vent: bal masqu&eacute; + nouvelle partie du contexte.<br />&nbsp;<span style="font-family: terminal,monaco;"><br />21.06 </span>&eacute;vent: f&ecirc;te de la musique. (fini)<br />&nbsp;<span style="font-family: terminal,monaco;"><br />24.01</span> nouveau th&egrave;me. <br />&nbsp;<br /><span style="font-family: terminal,monaco;">24.01</span> ouverture du blog.<br /><br /></p>
    </div>
    <div style="background-color: #d07b40; min-width: 100px; min-height: 10px; font-family: arial; text-transform: uppercase; letter-spacing: 1px; padding: 5px; margin: 5px; color: white; text-align: center;">trucs &agrave; savoir</div>
    </td>
    <td>
    <div class="menuonglet3">
    <p><strong>REPERTOIRE</strong> &mdash; <a href="http://rpg-project.eklablog.fr/">rpg r&eacute;pertori&eacute; ici!</a></p>
    <p><br /><br /></p>
    </div>
    <div style="min-width: 100px; min-height: 10px; font-family: arial; text-transform: uppercase; letter-spacing: 1px; padding: 5px; margin: 5px; background-color: #89b2dc; color: white; text-align: center;">partenaires</div>
    </td>
    <td>
    <div class="menuonglet4">
    <p><strong>DESIGN:</strong> by machin<br /><strong>CODAGE:</strong> by machin<br />&nbsp;<br />Le blog, son contenu et son contexte appartiennent &agrave; <strong>pseudo</strong>, <strong>pseudo</strong> et <strong>pseudo</strong>. Toute copie totale ou partielle est interdite.<br /><br /></p>
    </div>
    <div style="min-width: 100px; min-height: 10px; font-family: arial; text-transform: uppercase; letter-spacing: 1px; padding: 5px; margin: 5px; background-color: #cc6a6d; color: white; text-align: center;">cr&eacute;dits</div>
    </td>
    </tr>
    </tbody>
    </table>
    <table>
    <tbody>
    <tr>
    <td>
    <div style="width: 430px; height: 150px; font-family: arial; line-height: 11px; border: 1px solid lightgrey; padding: 20px; margin: 5px; background-color: #f2f2f2; color: grey; text-align: justify; overflow: auto;">Bienvenue &agrave; vous sur ce blog RPG city, qui portera sur la tranche de vie, et autres choses au quotidien (pas si banal que &ccedil;a, finalement)! Le contexte est &eacute;volutif et n'attend que vous pour avancer! <br />&nbsp;<br />&nbsp;<br /><em>Blog cr&eacute;&eacute; en <strong>2015</strong> (j'ai oubli&eacute; le mois, ouais), derni&egrave;re mise &agrave; jour du design le <strong>24 Janvier 2016</strong>.</em><br />&nbsp;<br />&nbsp;<br />Une ville pas comme les autres. Un endroit o&ugrave; les gens sont diff&eacute;rents. O&ugrave; chacun porte un terrible secret enfoui au fond de son coeur. O&ugrave; divers sentiments se m&eacute;langent. O&ugrave; on peut avoir une deuxi&egrave;me chance. <em>Bienvenue &agrave; Cantervalley.</em></div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <p>&nbsp;</p>

     

    CODE CSS:

    /*menu à onglets*/
     
    .menuonglet {
        border: 1px solid lightgrey; /*couleur et largeur de la bordure*/
        margin: 5px;
        font-family: Arial;
        font-size: 8pt;
        overflow-y: auto;
        padding: 10px;
        background-color: #F1F1F1; /*Couleur de fond*/
        height: 4px; 
        opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survolé*/
        position: absolute;
        width: 89px; 
        transition: all 0.6s ease; /*temps d'apparition au survol*/
    }
     
    .menuonglet:hover {
        margin-top: 41px;
        height: 170px; /*hauteur de ton cadre*/
        opacity: 1;
        width: 450px; /*largeur de ton  cadre*/
    }
     
    .menuonglet2 {
        border: 1px solid lightgrey; /*couleur et largeur de la bordure*/
        margin: 5px;
        font-family: Arial;
        font-size: 8pt;
        overflow-y: auto;
        padding: 10px;
        background-color: #F1F1F1; /*Couleur de fond*/
        height: 4px; 
        opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survolé*/
        position: absolute;
        width: 89px; 
        transition: all 0.6s ease; /*temps d'apparition au survol*/
    }
     
    .menuonglet2:hover {
        margin-top: 41px;
        margin-left: -115px;
        height: 170px; /*hauteur de ton cadre*/
        opacity: 1; 
        width: 450px; /*largeur de ton cadre*/
    }
     
    .menuonglet3 {
        border: 1px solid lightgrey; /*couleur et largeur de la bordure*/
        margin: 5px;
        font-family: Arial;
        font-size: 8pt;
        overflow-y: auto;
        padding: 10px;
        background-color: #F1F1F1; /*Couleur de fond*/
        height: 4px; 
        opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survolé*/
        position: absolute;
        width: 89px;
        transition: all 0.6s ease; /*temps d'apparition au survol*/
    }
     
    .menuonglet3:hover {
        margin-top: 41px;
        margin-left: -236px;
        height: 170px; /*hauteur de ton cadre*/
        opacity: 1; 
        width: 450px; /*largeur de ton cadre*/
    }
     
    .menuonglet4 {
        border: 1px solid lightgrey; /*couleur et largeur de la bordure*/
        margin: 5px;
        overflow-y: auto;
        font-family: Arial;
        font-size: 8pt;
        padding: 10px;
        background-color: #F1F1F1; /*Couleur de fond*/
        height: 4px; 
        opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survolé*/
        position: absolute;
        width: 89px; 
        transition: all 0.6s ease; /*temps d'apparition au survol*/
    }
     
    .menuonglet4:hover {
        margin-top: 41px;
        margin-left: -356px;
        height: 170px; /*hauteur de ton cadre*/
        opacity: 1;
        width: 450px; /*largeur de ton cadre*/
    }

     

    Voilàà, j'espère que ça vous plaît!
    (puis en ce moment, je suis en train de voir si je peux faire en sorte que le cadre reste hors survol)


    32 comments
  • Parce que ça m'a saoulé de voir sur W9 et D17 des compiles de clips moches avec des chanteurs qui, à mon goût, ne sont forcément aussi talentueux que ce qu'on dit ou alors des clips sympas mais avec des artistes vraimeeent bof.

    Alors pour résoudre ce problème, je vais faire moi même un TOP 10 des meilleurs clips, ceux que je préfère. Bien évidemment, ce sont mes goûts, donc vous pouvez ne pas être d'accord avec mon TOP.

    Le pourquoi du comment j'ai décidé que ces clips seraient ceux qui devaient être dans ce TOP (parce que oui, y a des musiques que j'adore mais pas avec un clip que j'adore pour autant): le critère qui a été décisif, c'est le sentiment, ouais, ces clips que je regarde et qui font monter pleins de choses dans ma tête, avec leur musique, il font des BOUM dans mon coeur, mon estomac, qui font trembler mes doigts et qui me donne envie de m'évader, de dessiner, d'écrire.

    Vous savez tout à présent, vous pouvez maintenant profiter de ces fameux clip musique!

     

     

    10 - All these friendly poeple, Funeral Suits

     

    Me posez pas de question svp, le clip est vraiment étrange. Mais j'aime trop! En plus la chanson est sympa. En vrai je l'écoute une fois et je l'ai le refrain toute la journée dans la tête ahah. Puis les paroles sont sympas aussi. Enfin bref, c'est super bizarre, mais j'aime beaucoup (c'est peut être pour ça que j'aime beaucoup en fait)!

     

     

    09 - Englishman in NewYork, Sting

     

    ON LE PRESENTE PLUS STING (si tu connais pas bah.. va vite écouter car c'est une des lacunes la plus terrible que tu puisses avoir). Pourquoi dans mon TOP? Parce que Stiiiing argh, je n'ai pas les mots. Déjà cette chanson est magnifique, ensuite, le clip est génial. Le noir et blanc, la musique, l'ambiance quoi, c'est génial. Voilà pourquoi il est dans mon classement.

     

     

    08 - Why'd You Only Call Me When Your High, Arctic Monkeys

     

    Attention les enfants, y a de la fesse par ci par là (c'est précisé avant la vidéo, mais au cas où et puis c'est censuré aussi). Déjà, c'est l'une des chansons que je préfère de ce groupe, argh (c'est un cri du coeur pour dire à quel point j'adore). Puis bah le clip, j'aime trop aussi, comment le chanteur est bourré et que tout se déforme autour de lui, puis ça va avec l'histoire de la chanson et puis bref, j'aime beaucoup!

     

     

    07 - Blackstar, David Bowie

     

    En vrai je crois que j'ai pas besoin de vous dire pourquoi ce clip est dans ce top hein. C'est David Bowie quoi. Et David Bowie c'est toujours du grand art. Gros coup de coeur sur ce clip et sa chanson. (même si toutes les chansons de Bowie sont géniales)

     

     

    06 - Simple Song, The Shins

     

    Ca commence, c'est triste, mais en fait, ce clip est juste trop drôle! Si si, je vous jure! La chanson est entraînante et le clip bien foutu! Puis la chute est gé-niale. Le mélange entre les époques est bien fait, puis cette famille quoi, ahah! (d'ailleurs, j'ai découvert le groupe avec cette chanson et ils font des tonnes de trucs bien!)

     

     

    05 - Easy Way out, Gotye

     

    Au final Gotye, on connait quoi de ses chansons? Pas grand chose. La seule pour laquelle vous le connaissez (très certainement, elle passe de temps à autre à la radio depuis un bail) c'est Somebody that I used to know en feat. avec Kimbra. Le hic c'est que c'est pas la seule qu'il ait faite et surtout que les autres sont tout aussi bien (voire même mieux) que celle là (je l'aime beaucoup cette chanson mais je vous avoue avoir un gros coup de coeur pour Easy Way out que vous avez juste au dessus)! J'adore le style du clip, un peu déjanté comme ça, c'est vraiment sympa! L'aspect répétitif qui se marie bien avec la chanson, vraiment! (puis tous ces clips sont cools) (ouais en fait tous les clips de tous les artistes du TOP 5 de ce TOP 10 sont géniaux, voilà).

     

     

    04 - Up in the Air, Thirty Seconds to Mars

     

    Il est long et il est cool putain. Ces mélanges entre pleins d'univers, de couleurs, de scènes, de gens. J'aime beaucoup. Puis c'est Thirty Seconds to Mars quoi. Je les aime. C'est pas ma chanson préférée, mais je l'aime beaucoup aussi, elle fait parties de celles que j'aime le plus on va dire. Puis j'aime tous leurs clips. Mais celui encore plus parce qu'il est vraiment bien fait!

     

     

    03 - They don't care about us (Mickeal Jackson), 2Cellos

     

    OUI EUX, ENCORE, OUI. Je les adore, je pourrais mettre tous leurs clips dans ce TOP parce que franchement, leur musique est à tomber, leur clips géniaux. Mais j'ai dû faire un choix et le voici, le premier clip que j'ai vu d'eux, celui qui m'a donné envie de tous les écouter et de me mettre au violoncelle! J'aime beaucoup ce clip à cause de leur mise en scène, leur musique et puis surtout parce qu'on sent qu'il y a beaucoup de passion!

     

     

    02 - The Surburbs, Arcade Fire

     

    C'est tout ce que j'aime. J'ai découvert ce groupe avec ce clip là. Franchement, à chaque fois que je le vois, que je l'écoute je suis comblée. Y a des feels, mon petit coeur qui fait boumboum, c'est ça que je veux que les gens qui lisent mes histoires ressentent, un mélange entre l'angoisse, l'intérêt, le mal et l'envie de tout découvrir à propos de mes personnages! Je sais pas si j'attendrais un jour ça, mais ce serait beau. Nfdbgfhnngmqr. Sérieusement, je peux pas écrire sur ce clip musique tellement dans mon corps c'est une explosion. (d'ailleurs, je vais vous parlez de la "version longue" du clip dans un prochain article)

     

     

    01 - Up&Up, Coldplay

     

    Dois-je vraiment vous expliquer en quoi ce clip est génial? Il parle de lui même. Franchement, y a quelque chose de presque poétique, c'est bien fait, et puis c'est Coldplay quoi.

     


    6 comments