Vendredi 24 avril 2009 5 24 /04 /Avr /2009 23:00

Fleur de soirée

Anim' en gif d'une fleur toute moche

Une soirée !! Une soirée pour la faire, l'héberger, voir que ça marche pas, trouver un autre hébergeur, me rendre compte que l'image est trop lourde, trouver un autre hébergeur, l'héberger, attendre que ça veuille bien l'afficher, et enfin publier cet article :-( (d'où le nom de l'article)
Bon bref pour quoi au final ? Un petit gif animé même pas très beau (trop déçu par les couleurs qui étaient nettement plus jolies au départ)... Juste parce que ça parlait art sur le chat et que j'avais envie de jouer un peu avec The Gimp... Bref je suis déçu :-(

EDIT Puis il a fallu que je la réhéberge encore une fois à cause de problème... bref ce gif m'aura plus emm**dé qu'autre chose :-/
Publié dans : Coin Photos et Images
5 commentaires - Commenter
Mardi 21 avril 2009 2 21 /04 /Avr /2009 15:57

25 minutes


25 minutes, top chrono ! C'est le temps que m'a donné Over-FAQ pour que je finisse mon bol de Cheerios, mes deux petits écoliers et que je quitte le chat... sinon il me /ban dans les fesses et ça va me faire mal :-$
Pourquoi ai-je droit à un traitement de faveur ? Bin parce que j'ai le bac à préparer et que y a tout le monde sur le chat qui m'oblige à bosser (sss) (faut dire qu'ils ont pas tort)
Et donc quand j'ai dit que je faisais une pause gouter, bin ça a fait la tête :-$ Du coup OF m'a donné 25 minutes et j'en profite pour faire un 'tit article en 4e vitesse...

Il est 16h02 et j'ai déjà bientôt fini mon gouter, il me reste environ 10 minutes...

N'empèche c'est fou comment tout le monde pense plus à mon avenir que moi... Je sais c'est pas bien, mais je mets ça sur le compte que je suis encore un 'tit peu jeune

Ça y est, le temps d'héberger ma photo, il est d'jà l'heure, j'y revais... Vive le bac !! :-)
Publié dans : Coin Perso
6 commentaires - Commenter
Dimanche 19 avril 2009 7 19 /04 /Avr /2009 22:59

Mon bon vieux CSS

OverBlog c'est bien gentil... mais les dernières nouveautés en ont embéter plus d'un (en restant poli :-)) En effet, beaucoup de blogs se sont vus partir dans tous les sens (une histoire de colonnes la plupart du temps si j'ai bien compris...)

Bon bah oui... mais moi je suis passé au travers de tout ces problèmes... Une raison ? Ouais je pense bien que oui ^^ Possédant à l'heure actuelle 8 blogs avec chacun leur propre design (bien que certains se ressemblent pas mals) et bien je n'ai pas eu un seul problème de design ! La faute à quoi ?

                    "Moi je sais ! Moi je sais !"

Bin c'est juste tout simplement que j'aime pas les designs prédéfinis et qu'à chaque fois que je me crée un blog, je me sens obligé de supprimer tout le CSS de départ et de tout retaper moi-même... Du coup, les bugs ne m'ont pas atteint (enfin pas que je sache (:?)) Vi vi ^^ Qui c'est le plus fort ? :-P

Bon bref, étant plutôt pour le partage sur internet, et que je me dis que ça peut (éventuellement) être utile à des gens, je vous mets le CSS de mon blog ici maintenant tout de suite, juste là :


Spoiler:


body
{
    background: url(http://nsm01.casimages.com/img/2009/03/21/090321125455507743348381.png);
    list-style-image: url(http://nsm01.casimages.com/img/2009/01/02/090102121437507742939758.gif);
    font-size: 16px;
    font-family: Corbel, "Liberation Serif";
    color: #FFF;
    width: 99%;
    cursor: url(http://nsm01.casimages.com/img/2009/03/08/090308064315507743281203.gif), auto;
}

b
{
    color: #B80600;
    font-weight: bold;
}

em, i
{
    color: #999;
}

u
{
    color: #DDD;
}

#menuClicDroit
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    color: #FFF;
    border: 1px solid #1D1D1D;
}


      /* Liens */
a
{
    color: #C55C00;
    text-decoration: underline;
    cursor: url(http://nsm01.casimages.com/img/2009/03/08/090308063016507743281120.png), auto;
}

a:hover
{
    color: #FF7400;
    text-decoration: underline;
}

a[target=_blank]
{
    background: transparent url(http://nsm01.casimages.com/img/2009/03/02/090302095109507743249302.png) no-repeat right top;
    padding: 0 14px 0 1px;
}

a[target=_blank]:hover
{
    background: transparent url(http://nsm01.casimages.com/img/2009/03/02/090302095109507743249302.png) no-repeat right top;
    padding: 0 14px 0 1px;
}

      /* Images */
img
{
    border: 0px;
}

img.CtreTexte
{
    font-size: 0px;
}


      /* Pagination */
.pagination
{
    background : url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    color: #FFF;
    text-align: center;
    padding: 0 0px 3px;
    border-top: solid 1px #978F81;
    border-bottom: solid 1px #978F81;
    margin: 0 0 10px 0;
}

.pagination a
{
    text-decoration: none;
}

a.nextPage:hover, a.textNext:hover, a.textLast:hover
{
    color: #B80600;
}


      /* Tableaux */
td
{
    border: none;
}


/* Haut de page */
      /* module bannière */
.hhautPage
{
    min-height: 250px;
}


      /* module sommaire haut de page */
.menu
{
    float: left;
    width: 31%;
    margin: 0 1% 0 1%;
    text-align: center;
}

.menu h3
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png);
    border: 1px solid #000;
    font-size: 16px;
    font-weight: normal;
    color: #C55F00;
    padding: 5px 0 5px 0;
    cursor: url(http://nsm01.casimages.com/img/2009/03/08/090308063016507743281120.png), auto;
    -moz-border-radius: 20px 20px 20px 20px;
}

.menu .lien
{
    text-decoration: underline;
}

.menu .lien:hover
{
    color: #FF7400;
    text-decoration: underline;
}

.menu span
{
    display: none;
}

.menu:hover span
{
    background: #000;
    border: 1px #AAA solid;
    -moz-border-radius: 20px 20px 20px 20px;
    display: block;
    position: absolute;
    padding: 0 9% 0 9%;
}

.menu:hover span a
{
    line-height: 30px;
}


/* Articles et Pages */
      /* Général */
#trucs .afterArticle
{
    visibility: hidden;
}

.article, .page{
    background : url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png);
    border: 1px solid #999;
    margin-bottom: 20px;
    padding: 10px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
}

.article:hover, .page:hover
{
    border: 1px solid #DDD;
}

.afterArticle
{
    width: 99%;
    text-align: right;
    margin-top: 10px;
    margin-right: 5px;
    background : url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    color: #FFF;
    padding: 2px 4px;
    border: 1px dashed #978F81;
}


      /* Titres */
.article h2
{
    text-decoration: none;
    text-align: center;
    font-family: "Almonte Slam", "Century Schoolbook L";
    text-transform: uppercase;
    font-weight: bolder;
}

.page h2
{
    text-align: center;
    color: #C55F00;
    font-family: "Almonte Slam", "Century Schoolbook L";
    text-transform: uppercase;
    font-weight: bolder;
}


      /* Liens */
a.article
{
    margin-bottom: 5px;
}

a.linkAddComment
{
    float: right;
}

.divTitreArticle h2 a
{
    text-decoration: none;
}


      /* Date */
.date
{
    text-align: right;
    color: #978F81;
    border-bottom: 3px solid #C55F00;
    padding-bottom: 2px;
    text-transform: uppercase;
}


      /* Commentaires et Trackbacks */
.diablog, .diablog .buttons
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    color: #FFF;
}

.ob_form ul li label
{
    color: #FFF;
}

.h2commentMessage
{
    color: #FFF;
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    text-align: center;
    border: 1px solid #979797;
}

.commentMessage
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat bottom center;
    border: 2px outset #323232;
    color: #C8C8C8;
    min-height: 35px;
    padding: 5px;
    text-align: center;
}

.commentOption
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    color: #FFF;
    padding: 0 5px 5px 0;
}

.responseMessage
{
    text-align: right;
    padding: 5px;
    color: #800000;
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070326507743076965.png) repeat;
}

.responseOption
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat transparent;
    margin: 0 0 20px 0;
    color: #FFF;
    text-align: right;
    padding: 0px 8px 5px 0px;
    border-bottom: 1px dashed #BFBFBF;
}


      /* Liste des articles */
.listArticles
{
    margin-bottom: 10px;
}

.article_item_even
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070326507743076965.png);
    color: #000;
    border: 1px solid #BFBFBF;
    padding: 3px;
}

.article_item_odd
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png);
    color: #FFF;
    border: 1px solid #BFBFBF;
    padding: 3px;
}


      /* Effets spéciaux ^^ */
.chat
{
    font-family: "Comic Sans MS", "Tlwg Typist";
    font-size: 15px;
    width: 85%;
    float: left;
    background: #DCDCDC;
    margin: 15px 100px 20px 40px;
    padding: 15px;
    border-left: 1px solid #323232;
    border-right: 1px solid #323232;
    border-top: 1px dashed #323232;
    border-bottom: 1px dashed #323232;
    color: #1D1D1D;
}

.spoiler .chat
{
    display: none;
}

.spoiler:hover .chat
{
    display: block;
}


/* Modules */
      /* Général */
.box
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070326507743076964.png) repeat bottom left;
    border: 1px solid #1D1D1D;
    margin-bottom: 5px;
    padding: 0px;
    color: #DDD;
    -moz-border-radius: 20px 20px 20px 20px;
}

.box:hover
{
    border: 1px solid #757575;
}

.box-content
{
    padding: 0px 7px;
}

.listAll em
{
    color: #C55C00;
}

.listAll em:hover
{
    color: #FF7400;
}


      /* Titres */
.box-titre
{
    width: 100%;
    text-align: center;
    color: #C55F00;
    font-family: Alba, "Century Schoolbook L";
    text-transform: uppercase;
    border-bottom: 2px dashed #D5D2CC;
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070520507743076973.png) repeat;
    -moz-border-radius: 20px 20px 0 0;
}

.box:hover .box-titre
{
    color: #EE6F00;
}

.box h2
{
    font-size: 20px;
    width: 100%;
    margin: 0px;
}


      /* Newsletter */
#divNewsletter
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070326507743076965.png);
    color: #000;
}

.button
{
    margin: 1% 40% 0 40%;
}

input
{
    margin: 0 5% 0 5%;
    text-align: center;
}

.legalNotice
{
    color: #000 !important;
}

.newsletter
{
    text-align: center;
}


/* Bas de page */
      /* module sommaire bas de page */
.basPage
{
    color: #FFF;
    padding: 3px;
    margin-top: 10px;
    position: relative;
    left: 6%;
    margin-bottom: 20px;
}


      /* module le plus bas */
.bbasPage
{
    background: url(http://nsm01.casimages.com/img/2009/01/30/090130070326507743076964.png) repeat transparent;
    border: 1px solid #979797;
    padding: 8px;
    color: #AAA;
}


      /* Légal */
div#legals
{
    color: #FFF !important;
    padding: 3px !important;
    margin-top: 10px !important;
}

div#legals a:link, div#legals a:visited
{
    color: #C55F00 !important;
    text-decoration: underline!important;
}

div#legals a:active
{
    color: #FF7400!important;
    text-decoration: none!important;
}

div#legals a:hover
{
    color: #FF7400!important;
    text-decoration: underline!important;
}


/* Structure générale du blog */
#global
{
    width: 98%;
    margin: 0 1% 0 1%;
}

#cl_1_0
{
    float: left;
    width: 78%;
    margin: 1% 0 2% 0;
}

#cl_1_1
{
    float: left;
    width: 19%;
    margin: 1% 0 5% 2%;
}

#cl_2_0
{
    float: left;
    width:100%;
    margin-left: 2px;
}

.bbasPage
{
    width: 98%;
    float: left
}


Je tiens à préciser que certaines choses ne sont pas trop réglementaire (notamment des spécifités Firefox) mais bon... c'est quand même plus beau avec ^^ Donc si jamais vous vouliez utiliser ce design, je tiens à préciser avant qu'il est adapté spécifiquement à ce blog et qu'il n'est pas exempt de problèmes sur d'autres... notamment au niveau des colonnes qu'il faudra surement adapter... Bref je ne vous demanderais que de me citer si ça vous amuse (éventuellement) d'utiliser mon CSS.


... J'suis content : j'ai placé deux fois le mot "éventuellement" entre parenthèse et un lien vers la page de téléchargement de Mozilla Firefox :-$ (nan nan c'est pas pour vous forcer à télécharger ce merveilleux navigateur internet... c'est juste pour sauver le monde de la menace IE (a) et j'déconne pas)
Publié dans : Coin Aides et Infos - Communauté : Programmeurs débutants
3 commentaires - Commenter
Vendredi 17 avril 2009 5 17 /04 /Avr /2009 18:41

Création métaphysique engendrée par l'action spontanée [...]




Que c'est beau la philo !
Publié dans : Coin Photos et Images
7 commentaires - Commenter
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés