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
Rappel du premier message :

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
Petit Gribouilleur
Féminin
Degré de sagesse : 19
Degré de bavartitude : 56
Humeur : I'm singing in the rain !
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Jeu 10 Mai 2012 - 16:31
Yeah. C'est pou ça que je me suis inscrite, c'est classe et simple une moustache, comme le fow'. J'ai évidemment fait mon avatar en fonction du thème. Je trouve que ça fait une ambiance un peu...New York, avec le gris, noir et jaune x').
Bon, sinon, bravo.!

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

I'm singing in the rain.


Spoiler:
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 Jeu 10 Mai 2012 - 17:49
Faudrais que je moustache mon avatar...

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


"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
Nouveau Gribouilleur
Féminin
Degré de sagesse : 25
Degré de bavartitude : 20
Humeur : Stressée
Logiciels : PhotoFiltre Studio X
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Jeu 10 Mai 2012 - 18:49
Personnellement c'est ce qui m'a intrigué quand j'ai cliqué du l'adresse du forum et je trouve le concept trop délire ! XD
Je cherche encore l'inspiration pour mon kit mais je l'aurais mis d'ici ce soir normalement !! happy
J'aime les moustachus moustachu !!
_________________________

Edit : Et voilà !! Un nouveau kit moustachu moustachu !! XD

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

avatar
Nouveau Gribouilleur
Féminin
Degré de sagesse : 19
Degré de bavartitude : 14
Logiciels : tophiltre, toshop, Gimp, Illustrator, Paint
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Sam 12 Mai 2012 - 19:49
Classe le design' **
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 12 Mai 2012 - 22:07
Super kit CrazyHard! clin d\'oeil

C'est cool de voir les gens jouer le jeu! giggle

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



avatar
Nouveau Gribouilleur
Féminin
Degré de sagesse : 25
Degré de bavartitude : 20
Humeur : Stressée
Logiciels : PhotoFiltre Studio X
Voir le profil de l'utilisateur

Re: YOU'VE BEEN MUSTACHED!

le Sam 12 Mai 2012 - 22:54
Merci !! happy Je suis heureuse qu'il plaise !
J'ai mis un peu de temps à le faire !! XD

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

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