Partagez
Aller en bas
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9240
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 12:11
Hep,
Voila enfin un peu de nouveauté sur notre bon vieux Imagine. Comme halloween approche, je me suis dis qu'il fallait marquer le coup et comme j'ai pas le temps de grapher, et bah j'ai gribouillé XD
J'espère que ça vous plait et j'essaye de finir au plus vite (parce que là y a plein debout de l'ancier design c'est pas top)
witch

css

Spoiler:
/* -------------------------------------------onglets page d'accueil-----------------------------------*/

.mon_onglet{
float: left;
font-family: trebuchet ms;
text-transform : uppercase;
text-align: center;
font-size: 12px;
border-bottom: 5px solid #000000;
color: #000000;
text-shadow: #C0C0C0 0px 0px 2px;
background-color:transparent;
background-image: url("http://img46.imageshack.us/img46/1091/barrywhite.png");
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
height:16px;
letter-spacing: 3px;
display: block;
padding: 2px 10px;
margin-right: 5px;
border: 0px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
}

.mon_onglet:hover{
background: #333333;
}

.mon_onglet_selected{
float: left;
font-family: trebuchet ms;
text-transform : uppercase;
text-align: center;
font-size: 12px;
border-bottom: 5px solid #ffffff;
color: #ffffff;
text-shadow: #C0C0C0 0px 0px 2px;
background-color:transparent;
background-image: url("http://img46.imageshack.us/img46/1091/barryblack.png");
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
height:16px;
letter-spacing: 3px;
display: block;
padding: 2px 10px;
margin-right: 5px;
border: 0px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
}

.clear{
clear: both;
}

.mon_contenu{
background-image: url('http://img839.imageshack.us/img839/134/yaulsrqg.png');
color: #000000;
background: #ffffff;
border: 0px solid #000000;
padding: 10px;
line-height: normal;
font-size: 11px;}

#mes_contenus, #mes_onglets{
width: 600px;
margin: auto;}


/* -------------------------------titre des parties----------------------------------*/

.categorie {
font-family:nilland,trebuchet ms;
font-size: 14px;
color: #C0C0C0;
text-shadow: #333333 1px 0px 1px;
background-color:transparent;
margin-left: 60px;
letter-spacing: 2px;
}


/* -----------------------------Titre page d'accueil-----------------------------------*/

.lienrapide {
font-family:trebuchet ms;
border-left:8px solid #ffffff;
border-right:8px solid #ffffff;
border-top:0px;
border-bottom:0px;
font-size: 14px;
color: #ffffff;
background-image: url("http://img253.imageshack.us/img253/6503/yaulsrqgg.png");
margin-left:0px;
padding-top: 1px !important;
padding-left: 30px !important;
padding-bottom: 3px !important;
padding-right:30px !important;
width: 70%;
overflow: hidden;
display:block;
}


.pageaccueil1 {
font-family: trebuchet ms;
text-transform : uppercase;
text-align: center;
font-size: 12px;
border-bottom: 5px solid #000000;
color: #000000;
text-shadow: #C0C0C0 0px 0px 2px;
background-color:transparent;
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
width:180px;
height:16px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
letter-spacing: 3px;
display: block;
background-image: url("http://img46.imageshack.us/img46/1091/barrywhite.png");
}

.pageaccueil2 {
font-family: trebuchet ms;
text-transform : uppercase;
text-align: center;
font-size: 12px;
border-bottom: 5px solid #000000;
color: #000000;
text-shadow: #C0C0C0 0px 0px 2px;
background-color:transparent;
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius : 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
width:600px;
height:16px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
letter-spacing: 3px;
display: block;
background-image: url("http://img46.imageshack.us/img46/1091/barrywhite.png");
}

/*---------------------------------liens hypertexte ------------------------------------------*/


a {
font-family: trebuchet ms;
font-size:11px;
font-variant: small-caps;
text-decoration: none;
text-shadow: #c0c0c0 0px 0px 2px;
}

a:hover{
letter-spacing : 1px;
text-decoration: none !important;
text-transform:uppercase;
}

a:link {
text-decoration: none;
}

a:active{
background-color:#ffffff;
}


/*----------------------------------textes par çi par la -----------------------------------*/

/* texte de ? */
.gen { font-size : 11px; }

/* texte des descriptions des catégories */
.genmed { font-size : 12px; }

.genmed:first-letter {
font-size:14px;
color:#C0C0C0;
}

/* texte des sous forum + derniers messages ...etc */
.gensmall { font-size : 12px; }


/*----------------------------------------fond du forum------------------------------------------*/

body {
background-color: #000000;
background-attachment: fixed;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
background-repeat: no-repeat;
background-position: top center;
}

/*----------------------------------------contours du forum------------------------------------------*/

.bodyline{
border:0px #ffffff;
-moz-border-radius:0px;
-khtml-border-radius : 0px;
-webkit-border-radius:0px;
}

.forumline{
background-color: #ffffff;
-moz-border-radius: 10px;
-khtml-border-radius : 10px;
-webkit-border-radius: 10px;
border-bottom: 1px #ffffff solid;
border-top: 1px #ffffff dotted;
border-right: 1px #ffffff dotted;
border-left: 1px #ffffff dotted;}

body{margin-top: 0px;}

body{margin-bottom: 0px;}


/*--------------------------- effet sur texte en italique, gras ...etc ----------------------------*/

ux{border-bottom: 1px double;border-color:#4e87c8;
-moz-border-radius: 6px;
-khtml-border-radius : 6px;
-webkit-border-radius: 6px; }

bx{border-bottom:none; color:#39A0AC;
text-shadow: #ffffff 0px 0px 2px;
}

Ix{border-bottom:none; color:#d73460;
text-shadow: #000000 0px 0px 2px;
}

strikex{border-bottom:none; color:#8fc7bd;
text-shadow: #000000 0px 0px 2px;}

blinkx{border-bottom:none; color:#9fbc4c;
text-shadow: #000000 0px 0px 2px;}


/*--------------------------------------fond intérieur --------------------------------------------*/

td.row1{
background-image: url('http://img839.imageshack.us/img839/134/yaulsrqg.png');
}
td.row2{
background-image: url('http://img839.imageshack.us/img839/134/yaulsrqg.png');
}
td.row3{
background-image: url('http://img839.imageshack.us/img839/134/yaulsrqg.png');
}

/*-------------------------------------- lien menu--------------------------------------------------*/

-a.mainmenu
{
border-top: 2px dotted #ffffff;
}

-a.mainmenu:hover
{
border-top: 2px dotted #bfbfbf;
}

-a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;
}

/*-------------------------------------- titre catégorie--------------------------------------------------*/

a.forumlink:link, a.forumlink:visited {
font-family: trebuchet ms;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom:5px solid #000000;
color: #000000;
text-shadow: #333333 0px 0px 2px;
letter-spacing: 3px;
display: block;
background-image: url("http://img46.imageshack.us/img46/1091/barrywhite.png");
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius : 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://img831.imageshack.us/img831/5703/barryblack.png");
color: #ffffff;
text-align: center;
display: block;
border-bottom: 5px solid #ffffff;
}



/*-------------------------------------------citation et code-----------------------------------------*/

.quote{
font-family: Tahoma;
font-size: 12px;
border-left:8px solid #ffffff;
border-right:0px;
border-top:0px;
border-bottom:0px;
color: #ffffff;
background-image: url("http://img253.imageshack.us/img253/6503/yaulsrqgg.png");
-moz-border-radius:0px 6px 6px 0px;
-khtml-border-radius : 0px 6px 6px 0px;
-webkit-border-radius:0px 6px 6px 0px;
margin-left:0px;
padding:4px;
width: 70%;
overflow: hidden;
display:block;
}

.code{
font-family:times new roman;
border-left:8px solid #ffffff;
border-right:0px;
border-top:0px;
border-bottom:0px;
font-size: 14px;
color: #ffffff;
background-image: url("http://img253.imageshack.us/img253/6503/yaulsrqgg.png");
-moz-border-radius:0px 6px 6px 0px;
-khtml-border-radius : 0px 6px 6px 0px;
-webkit-border-radius:0px 6px 6px 0px;
margin-left:0px;
padding:4px;
width: 70%;
overflow: hidden;
display:block;
}

/*--------------------------------------zone de saisie du texte-----------------------------------*/

input {
-moz-border-radius: 9px;
-khtml-border-radius : 9px;
-webkit-border-radius: 9px;
padding:2px;
border:none;
}

textarea, .textarea.post, input.post {
-moz-border-radius: 6px;
-khtml-border-radius : 6px;
-webkit-border-radius: 6px;
padding:0px;
border:none;
}

textarea, select {
font: normal 11px Verdana;
border:none;
-moz-border-radius: 10px;
-khtml-border-radius : 10px;
-webkit-border-radius: 10px;
}


/* ********** infobulle ********** */

a.infobulle {
position: relative;
}

a.infobulle span {
displays: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #bfbfbf; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
text-shadow: #7B6353 0px 0px 2px;
border:none; /* bordures de votre infobulle*/
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}



http://img7.imageshack.us/img7/8180/oldpaperr.jpg

http://img253.imageshack.us/img253/6503/yaulsrqgg.png








[/img]


Dernière édition par Moustache le Mar 27 Déc 2011 - 11:50, édité 2 fois

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
ex-graphiste • Super kikoo
Féminin
Degré de sagesse : 24
Degré de bavartitude : 246
Humeur : je suis une grosse Kikoo
Logiciels : Photoshop cs6
Illustrator cs6
tablette Wacom Bamboo
ma cerveeeelle
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 12:30
    J'aime troooooooop, j'en avais marre de voir tous les forums faire des trucs complètement fou orange fluo pour Halloween, là c'est simple, le message est clair et ça reste dans le contexte du forum. iLike. Thanks ! (:

. . . . . . . . . . . . . . . . . . . . . . . . .




avatar
Roi des Gribouilleurs
Féminin
Degré de sagesse : 23
Degré de bavartitude : 1001
Humeur : Joyeuse
Logiciels : Lightroom 6
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 12:51
J'aime beaucoup aussi, la citation est trop chouette, et j'aime l'effet parchemin et l'effet gribouillis :D
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9240
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 17:05
heureuse que ça vous plaise :)
moi aussi Luna* les design orange ça va bien 2 minutes mais après, ça lasse (et ça fait mal aux yeux) :P

sinon, comme vous avez pu voir j'ai fini tout les boutons et toussa, je trouve que ça fais trop classe. Une matinée pour faire un design, c'est... long mais correct, j'ai fais pire ! Et je suis fan de mes p'tits fantômes (même si j'ai mis 3h à dessiner la bonne forme)
En plus j'ai toujours ma fierté du "sans tablette graphique" :D (enfin j'ai pas tellement le choix mais comme quoi on peut faire des trucs fun sans tablette!)


. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
Grand Gribouilleur
Féminin
Degré de sagesse : 25
Degré de bavartitude : 307
Logiciels : Photofiltre Studio
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 18:15
Il est classe! :D
avatar
Roi des Gribouilleurs
Féminin
Degré de sagesse : 23
Degré de bavartitude : 1001
Humeur : Joyeuse
Logiciels : Lightroom 6
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 18:31
Trop mignon ! J'adore vraiment le mélange "gribouillis"/Halloween surtout que c'est très graphique comme fête ! (Les ombres, les fantômes, on peut jouer sur les formes very happy)
avatar
ex-graphiste • Super kikoo
Féminin
Degré de sagesse : 24
Degré de bavartitude : 246
Humeur : je suis une grosse Kikoo
Logiciels : Photoshop cs6
Illustrator cs6
tablette Wacom Bamboo
ma cerveeeelle
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 18:39
    woooow t'as fait tout ça sans tablette ? :o mais quelle est ta recette ?

. . . . . . . . . . . . . . . . . . . . . . . . .




avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9240
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 18:45
Luna : j'ai pas de tablette donc oui sans tablette. c'est grâce à Inkscape, le crayon gribouille bien et faut avoir un bon coup de souris (ou pas XD)

L'epou : ouai je trouve aussi qu'halloween se prêtait bien au jeu des gribouillons :)

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 23
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 19:13
Ouabhceubaicuav c'est super joli ! Je l'adore celui-ci <3 Merci pour ce beau design mouse :D
(et moi j'ai une bonne nouvelle, je suis de retouuuur pour de bon j'ai réussi à refaire marcher mon ordinateur correctement ^^ ((il n'avait ni majuscules ni symboles et il ramait à mort u_u)) )

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9240
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Ven 28 Oct 2011 - 20:48
Héhé mon design fais l'unanimité pour l'instant, ça fait plaisir :)
en plus on a le droit au come back d'oxfore :P
mais le design fait pas tout, faut que vous m'aidiez à faire bouger le forum hein! postez des trucs, vos œuvres, des avis, n'importe quoi j'men fou mais faîtes bouger le forum, je peux plus assurer toute seule clin d\'oeil

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
responsable DA et gérante des collab' • Chocobo
Féminin
Degré de sagesse : 24
Degré de bavartitude : 1106
Humeur : Changeante
Logiciels : Paint Tool Sai, Photofiltre, ArtRage
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Sam 29 Oct 2011 - 14:08
Sans tablette ?! 'nimouse, tu m'épate yeaah
Bon sinon même avis que les autres, j'adhère complètement very very happy
Surtout l'effet parchemin <3

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
Gribouilleur Moyen
Féminin
Degré de sagesse : 24
Degré de bavartitude : 83
Logiciels : Photoshop element
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Sam 29 Oct 2011 - 14:35
c'est vraiment original
avatar
admin • marie, mateuse de film X à la retraite
Féminin
Degré de sagesse : 25
Degré de bavartitude : 1636
Humeur : :D
Logiciels : Suite adobe CS5, gimp et photofiltre
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Sam 29 Oct 2011 - 16:18
J'adore ce design, c'est extra Mouse ! :D
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 22
Degré de bavartitude : 3060
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Thème Cauchemars et Griboullions

le Lun 31 Oct 2011 - 11:38
Magnifique! Bravo!
C'est vrai que ça change du orange ^^.

. . . . . . . . . . . . . . . . . . . . . . . . .



Contenu sponsorisé

Re: Thème Cauchemars et Griboullions

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum