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

YOU'VE BEEN MUSTACHED!

le Sam 14 Avr 2012 - 17:02
Gros craquage, j'ai voulu faire un design moustache.
C'est pas fini, c'est pas beau, et je suis pas fière de ce design mais tant pis, j'avais envie de changement.



Spoiler:
header
http://img821.imageshack.us/img821/8097/vebeenmoustachedcorrect.png

fond
http://i47.servimg.com/u/f47/10/07/47/53/bg_wal10.jpg

fond titre...etc
http://i47.servimg.com/u/f47/10/07/47/53/sans_t11.jpg

qeel
http://i47.servimg.com/u/f47/10/07/47/53/stache10.png

no new
http://i47.servimg.com/u/f47/10/07/47/53/stachm11.png

new
http://i47.servimg.com/u/f47/10/07/47/53/newsta10.png

locked
http://i47.servimg.com/u/f47/10/07/47/53/papist11.png

nouveau sujet
http://i47.servimg.com/u/f47/10/07/47/53/red10.png

repondre
http://i47.servimg.com/u/f47/10/07/47/53/rep10.png

verouillé
http://i47.servimg.com/u/f47/10/07/47/53/ver10.png



css

Code:
/* ------------------------------------- PAGE D'ACCUEIL -----------------------------------*/

.titulation {
font-family:trebuchet ms;
font-size: 14px;
color: #EAEAEA;
text-align: center;
background-color:#949494;
margin: 0px;
padding: 7px;
text-transform: uppercase;
letter-spacing: 3px;
}

/* zone avec les liens de navigation en haut de la PA */
.lienrapide {
font-family:trebuchet ms;
border-left:8px solid #EBC012;
border-right:8px solid #EBC012;
border-top:0px;
border-bottom:0px;
font-size: 14px;
color: #1B1B1B;
background-color:#555555;
margin-left:0px;
padding-top: 1px !important;
padding-left: 30px !important;
padding-bottom: 3px !important;
padding-right:30px !important;
width: 60%;
overflow: hidden;
display:block;
}

/* ---------------------- ONGLETS PAGE D'ACCUEIL(inutilisée actuellement)------------------*/

.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:#903F32;
-moz-border-radius: 10px 10px 0px 0px;
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: #450D1C
 }       

.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:#450D1C;
-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{
color: #000000;
background: #DED1BE;
border: 0px solid #000000;
padding: 10px;
line-height: normal;
font-size: 11px;}

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


/* ---------- TITRE DES CATEGORIES (ex : Hotel de ville, Avenue de la Compet')-------------*/

.categorie {
font-family:trebuchet ms;
font-size: 20px;
color: #EBC012;
xtext-shadow: #333333 1px 0px 1px;
background-color:transparent;
margin-left: 20px;
text-transform : uppercase;
letter-spacing: 2px;
}


/*--------------------------------- LIENS HYPERTEXTE --------------------------------------*/


a {
font-family: trebuchet ms;
font-size:11px;
font-variant: small-caps;
text-decoration: none;
}

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

a:link {
text-decoration: none;
}

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


/*-------------------------------- DESCRIPTION DES SECTIONS -------------------------------*/

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

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

.genmed:first-letter {
  font-size:20px;
  color:#000000;
  text-shadow: #333333 0px 0px 2px;
  font-family: Trebuchet MS, Monotype Corsiva;
  font-weight: bold;
}

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


/*------------------------------------ FOND DU FORUM --------------------------------------*/

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

/*--------------------------------- CONTOURS DU FORUM -------------------------------------*/

body{margin-top: 0px;}

body{margin-bottom: 0px;}

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

/* si vous voulez utiliser ces classe, enlevez les x a la fin de chaque nom de classe */
ux{border-bottom: 1px double;border-color:#4e87c8;
-moz-border-radius: 6px;
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://i44.servimg.com/u/f44/11/64/55/65/97wqkj10.png');
}
td.row2{
background-image: url('http://i44.servimg.com/u/f44/11/64/55/65/97wqkj10.png');
}
td.row3{
background-image: url('http://i44.servimg.com/u/f44/11/64/55/65/97wqkj10.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-color:#969696;
 
}

a.forumlink:hover, a.forumlink:hover:visited {
background-color: transparent;
color: #ffffff;
text-align: center;
display: block;
border-bottom: 5px solid #EBC012;
}

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

.quote{
font-family: Tahoma;
font-size: 12px;
border-left:8px solid #EBC012;
border-right:0px;
border-top:0px;
border-bottom:0px;
color: #ffffff;
background-color: #949494;
-moz-border-radius:0px 6px 6px 0px;
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 #EBC012;
border-right:0px;
border-top:0px;
border-bottom:0px;
font-size: 14px;
color: #ffffff;
background-color: #949494;
-moz-border-radius:0px 6px 6px 0px;
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;
border-radius: 9px;
-khtml-border-radius : 9px;
-webkit-border-radius: 9px;
padding:2px;
border:none;
}

textarea, .textarea.post, input.post {
-moz-border-radius: 6px;
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;
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;
}


Dernière édition par Moustache le Ven 31 Aoû 2012 - 23:04, édité 2 fois

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


« My greatest weakness? Occasionally, I give a damn. »
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: YOU'VE BEEN MUSTACHED!

le Sam 14 Avr 2012 - 18:43
Je suis fan moi ! :D
Y'a juste la page d'accueil avec les infos et tout qui est décallée bizarre chez moi par contre :s
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: YOU'VE BEEN MUSTACHED!

le Sam 14 Avr 2012 - 20:18
J'trouve ça classe moi yeaah
J'adore toutes les moustaches des gens ^^

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

avatar
Gribouilleur Avancé
Masculin
Degré de sagesse : 20
Degré de bavartitude : 132
Humeur : Comme un Lolilol o/
Logiciels : Photoshop CS5 ♪
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Sam 14 Avr 2012 - 22:01
Ah nan c'est génial sérieux OwO. JE SUIS EN KIFF XDDDD
Si vous avez besoin d'aide pour le codage faites moi signe :3

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

Coco.
Mon Deviantart 8DD




avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 22
Degré de bavartitude : 3047
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Sam 14 Avr 2012 - 22:04
Bah du coup je peux mettre mon avatar, il sera dans le thème! :')


Très beau design', il est super classe. Bravo moustache! :D
Et sinon tu as oublié la moustache de Mr. Pringles. :3


Dernière édition par Sourpepper le Mar 8 Mai 2012 - 12:12, édité 1 fois

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



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

Re: YOU'VE BEEN MUSTACHED!

le Dim 15 Avr 2012 - 13:21
tant mieux si ça vous plait!
marie t'as du tomber quand je bidouillait la PA, et d'ailleurs faut que je la finisse!
et sour' y a tellement de moustaches célèbre que je ne pourrait jamais tout répertorier x)

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


« 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: YOU'VE BEEN MUSTACHED!

le Dim 15 Avr 2012 - 23:43
GE-NIAL ! je suis absolument FAN

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




avatar
Petit Gribouilleur
Féminin
Degré de sagesse : 27
Degré de bavartitude : 39
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Lun 16 Avr 2012 - 19:33
Quel changement ! J'aime beaucoup l'idée. Par contre, je pense qu'il faudrait peut-être éclaircir un peu le fond, pour donner un coup de lumineux. Je sais pas si ça rendra forcément mieux, mais c'est juste mon avis :-)
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 22
Degré de bavartitude : 3047
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Lun 16 Avr 2012 - 20:41
Whaou, le mec de la PA... *q*

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



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

Re: YOU'VE BEEN MUSTACHED!

le Lun 16 Avr 2012 - 22:59
Haha. Il porte bien la moustache.

Et merci Luna* et Fa'
Je ne pense pas éclaircir le fond, je veux du sombre. :P



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


« My greatest weakness? Occasionally, I give a damn. »
avatar
Invité
Invité

Re: YOU'VE BEEN MUSTACHED!

le Mar 17 Avr 2012 - 5:09
OMFG votre nouveau design me donner le goût de revenir <3
Magnifique *-* Vive les moustaches \o/
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: YOU'VE BEEN MUSTACHED!

le Lun 23 Avr 2012 - 17:36
Je suis totalement fan pour ma part également ! Les gens moustachus, la description des moustaches pour le QEEL x) et puis la bannière très graphique ! ♥
J'aime et puis voilà ! very happy
avatar
Gribouilleur Moyen
Féminin
Degré de sagesse : 19
Degré de bavartitude : 70
Logiciels : Paint Tool Sai + Tablette Wacom Bamboo Pen & Touch
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Mar 24 Avr 2012 - 21:19
Pareil, j'aime vraiment beaucoup. ^^
Au départ la couleur sombre m'a un peu... choquée mais après on s'y fait, et puis les moutaches itou faut reconnaitre que c'est bien fait. :)

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



Nouveau Gribouilleur
Féminin
Degré de sagesse : 20
Degré de bavartitude : 5
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Mar 24 Avr 2012 - 23:41
J'aime beaucoup aussi ! Je pense que c'est ce qui m'a décidé à m'inscrire. Le design est simple, classe et très "graphique" (aucune idée si ça se dit XD)

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


avatar
chargée de communication • Fuzz' la folle dingue
Féminin
Degré de sagesse : 21
Degré de bavartitude : 1906
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 10:14
J'ai pas encore commenté ton desing, pour ma part je l'ai d'abord trouvé un peu tristoune mais en faitehanaa comme le dit aoi-hana, on s'y habitu et c'est super classe :-)
Je crois que tout le monde appréci, c'est une bonne initiative!

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


"Voilà c'est tout moi ca, je vais bientôt avoir 30 ans, seul encore, avec ma gueule de moi, sans rien pouvoir y faire.
Je suis moi, connement moi."



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: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 19:40
ilove

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

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
Petit Gribouilleur
Féminin
Degré de bavartitude : 42
Humeur : :D
Logiciels : Toshop / Canon sx40 / Crayon / Plume / pinceau
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 21:21
OMG j'adore
Et la moustache va super bien à ma signa *-*

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

avatar
Gribouilleur Avancé
Masculin
Degré de sagesse : 20
Degré de bavartitude : 132
Humeur : Comme un Lolilol o/
Logiciels : Photoshop CS5 &#9834;
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 21:30
OMG PASS XDDDD

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

Coco.
Mon Deviantart 8DD




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

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 21:37
et Coco c'est quand que tu t'habilles aux couleurs du design hein? parce que tout le monde à rajouté une moustache dans sont kit mais toi t'es resté à l'avatar "nouveau membre" XD

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


« My greatest weakness? Occasionally, I give a damn. »
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 22
Degré de bavartitude : 3047
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 21:39
Je me charge de lui!! ;D

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



avatar
Petit Gribouilleur
Féminin
Degré de bavartitude : 42
Humeur : :D
Logiciels : Toshop / Canon sx40 / Crayon / Plume / pinceau
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 21:55
Si tu veux j'ai plein d'avatars inutiles à moustacher :face:

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

avatar
Gribouilleur Avancé
Masculin
Degré de sagesse : 20
Degré de bavartitude : 132
Humeur : Comme un Lolilol o/
Logiciels : Photoshop CS5 &#9834;
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 22:08
.... Vous l'avez voulu :face:

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

Coco.
Mon Deviantart 8DD




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

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 22:09
J'aime cette solidarité moustachue!

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


« My greatest weakness? Occasionally, I give a damn. »
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 22
Degré de bavartitude : 3047
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 22:59


Bon, c'est pas génial, mais voilà! :')

Edit : moustache pixélisée, j'arrange ça tout de suite
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: YOU'VE BEEN MUSTACHED!

le Dim 29 Avr 2012 - 23:41
Ahah j'adore ! XD Je me suis mise dans l'ambiance aussi, mais c'est pas top comme rendu, je pense m'en refaire un mieux quand j'aurais le temps ^^
Contenu sponsorisé

Re: YOU'VE BEEN MUSTACHED!

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