Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Prochain design

le Jeu 11 Nov 2010 - 19:06
Rappel du premier message :

Je vous montre le prochain design du forum clin d\'oeil

http://chatmallow.catsboard.com/index.htm

avec la super photo de n'arc et mon acquisition récente : photoshop CS4 x)

Le design marin de Luna sera installé après celui çi, encore faut il qu'elle me donne le code pour pouvoir mettre le header sur toute la largeur de la page :/

Spoiler:
/* Liens ----------------------------------------------------------------------------*/

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

.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 11px;
}

/* Marges & Cie --------------------------------------------------------------------*/

body{
margin-top: 0px;
margin-bottom: 0px;
}

.bodyline{
border-top: none;
border-bottom: none;
border-right: 10px #4C342A solid;
border-left: 10px #4C342A solid;
}

/* Zones de texte -------------------------------------------------------------------*/

textarea, .textarea.post, input.post{
-moz-border-radius:4px;
}

textarea, select{
color : #403121;
font: normal 11px century gothic;
border: 2px solid #403121;
-moz-border-radius: 4px;
}

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

.pageaccueil1{
font-family: Century Gothic;
font-size: 13px;
text-transform:none;
color:#EEE4DD;
background-color:#C5A286;
-moz-border-radius :4px;
width:200px;
height:20px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
}


/* Titre des forums -------------------------------------------------------------------*/


.fowrum{
font-family: Century Gothic;
font-size: 12px;
text-transform:none;
color:#A28067;
background-color:#C5A286;
-moz-border-radius :4px;
font-style:normal;
padding-top: 0px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}

.fowrum:hover{
font-family: century gothic;
font-size: 12px;
text-transform:none;
color:#ffffff;
background-color:#C5A286;
-moz-border-radius :4px;
font-style:normal;
padding-top: 0px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}


/* Titre des catégories --------------------------------------------------------------*/

.categorie{
font-family: Century Gothic;
font-size: 12px;
color:#ffffff;
background-color:#816554;
-border-radius:4px !important;
-moz-border-radius:4px !important;
padding-top: 2px !important;
padding-left: 100px !important;
padding-bottom: 4px !important;
padding-right: 10px !important;
text-transform:uppercase;
}




Dernière édition par Moustache le Mer 1 Juin 2011 - 16:53, édité 1 fois

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


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

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

Re: Prochain design

le Sam 4 Juin 2011 - 11:44
Oui celui là XD


Le 1er je le trouve pas si mal mais à voir je sais pas si ça colle bien à Imagine ^^

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


« 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: Prochain design

le Sam 4 Juin 2011 - 12:06
je préfère le 1er perso, je trouve qu'il colle plus à Imagine que le second ^^
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 4 Juin 2011 - 17:37
Je trouve aussi.

HS: Oxy' tu connaitrais un moyen (un code quelconque) pour avoir un fond de forum changeant ? J'aurai bien aimé faire un truc pour que le fond change de temps en temps, histoire de mettre du fun happy mais je sais pas si c'est possible !

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


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

Re: Prochain design

le Dim 5 Juin 2011 - 17:37
Je préfère le 1er aussi ^^

(Et non désolée, je crois que pour tout ce qui est aléatoire ou quoi il faut un code javascript, j'en avais mis un sur un forum pour que de temps en temps les images du mois changent, et c'était galère :/ [Pour les gens qui ont des vieux ordis] Mais je peux toujours te le passer, il suffira de le mettre dans un template je suppose, même si je sais pas exactement lequel x))

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

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 6 Juin 2011 - 15:47
Alors.. j'en ai retrouvé une partie, celle à mettre dans la page d'accueil je suppose.
Code:

<SCRIPT language="JavaScript">
nomduscript();
</SCRIPT>

Par contre j'ai un petit soucis avec le script, où est-ce qu'on le met et aussi sous quelle forme.. j'essaye de trouver ça vite clin d\'oeil

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

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 : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 6 Juin 2011 - 20:50
Au pire c'est pas grave, c'est embêtant si ça alourdie la navigation ! Mais bon je suis curieuse de savoir quand même si tu trouves happy

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


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Juin 2011 - 19:20
Sinon à Luna* je lui dit quoi ? clin d\'oeil

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


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

Re: Prochain design

le Lun 13 Juin 2011 - 17:35
(j'ai pas réussi à trouver un code qui marche, je ré-essaie sur mon forum test un dernier truc sinon j'abandonne, ça servirait à rien de te donner un truc qui marche pas x) )

Je sais pas, moi il me plait beaucoup son 1er header, le deuxième ça ferait trop de bleu d'un coup je pense. Donc au final à toi de voir si tu pense que ça peut coller avec Imagine, à mon avis ça donnerait un tournant plus "graphique" au forum et ça pourrait peut-être intéresser un peu plus de graphistes (parce que faut dire qu'il y a un pourcentage élevé de photographes ici ^^)


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

J'ai décidé d'être heureux, car c'est bon pour la santé
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: Prochain design

le Mar 14 Juin 2011 - 14:13
Moi aussi je suis pour le 1er, et c'est vrai que ça changerait des 2 derniers design plus axés photo happy
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mar 14 Juin 2011 - 21:13
Parfait, c'est ce que je pensais aussi :)
En plus Oxy', j'ai cru que t'aimais pas le 1er, parce que t'avais mis "Euuuh" mais mon ordi à pas chargé la page en plein et j'ai pas vu le petit smiley qui allait avec XD je préviens Luna alors, qu'elle me fasse le "reste" :P

EDIT:
css design luna* psychédélique.

Spoiler:

Imagineblablabla

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

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


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

.pageaccueil1 {
font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 12px;
border-bottom: 5px solid #FEDF19;
color: #39A0AC;
text-shadow: #ffffff 0px 0px 2px;
background-color:transparent;
-moz-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://i47.servimg.com/u/f47/10/07/47/53/fondti10.png");
}

.pageaccueil2 {font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 12px;
border-bottom: 5px solid #FEDF19;
color: #39A0AC;
text-shadow: #ffffff 0px 0px 2px;
background-color:transparent;
-moz-border-radius: 10px 10px 0px 0px;
width:550px;
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://i47.servimg.com/u/f47/10/07/47/53/fondti10.png");
}

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


a {
font-family: trebuchet ms;
font-size:11px;
font-variant: small-caps;
text-decoration: none;
text-shadow: #7B6353 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 : 11px; }
genmed:first-letter{
font-size:14px;
color:#FEDF19;
}

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


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

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

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

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

.forumline{
background-color: #ffffff;
-moz-border-radius: 10px 10px 10px 10px ;
border-bottom: 6px #ffffff solid;
border-top: 6px #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 ----------------------------*/

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

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

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

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

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


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

td.row1{
background-image: url('http://i47.servimg.com/u/f47/10/07/47/53/fondge10.png');
}
td.row2{
background-image: url('http://i47.servimg.com/u/f47/10/07/47/53/fondge10.png');
}
td.row3{
background-image: url('http://i47.servimg.com/u/f47/10/07/47/53/fondge10.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: serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom:5px solid #FEDF19;
color: #39A0AC;
text-shadow: #ffffff 0px 0px 2px;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
background-image: url("http://i47.servimg.com/u/f47/10/07/47/53/fondti10.png");
-moz-border-radius: 10px 10px 0px 0px;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://i47.servimg.com/u/f47/10/07/47/53/fondti11.png");
color: #ffffff;
text-align: center;
display: block;
border-bottom: 5px solid #FC3F81;
}



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

.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://i47.servimg.com/u/f47/10/07/47/53/fondti10.png");
border: #ffffff;
border-style: solid;
border: 1px #ffffff;
dotted;
border-width: 1px;
-moz-border-radius:6px;
margin:10px;
}

.code{
font-family:times new roman;
border-left:8px solid #FEDF19;
border-right:0px;
border-top:0px;
border-bottom:0px;
font-size: 14px;
color: #E0FCFE;
background-image: url("http://i47.servimg.com/u/f47/10/07/47/53/fondti10.png");
-moz-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;
padding:2px;
border:none;
}

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

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


/* ********** INFOBULLE??? what is it??? ********** */



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;

/* bordures de votre infobulle*/
border:none;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}



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


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 31 Oct 2011 - 9:06
hop là, voila ce que Luna* nous a pondu

@Luna* a écrit:
    Bon, voilà, c'est pas la musique comme prévu... c'est plus un truc à la miyazaki bizarre. enfin voilà quoi. En plus c'est animé héhé
    C'est un truc à mettre en fond, c'est fait exprès pour que le "bonhomme" et le texte chinois soient chevauchés par le forum. enfin je sais pas comment expliquer. caca

    Spoiler:

qu'en dite vous ? :)

edit mouse' 7 janvier 2012

Spoiler:
/* -------------------------classe pour la page d'accueil ----------------------------------*/

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

/* ----------------------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;
-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 parties----------------------------------*/

.categorie {
font-family:trebuchet ms;
font-size: 14px;
color: #DDD2C0;
text-shadow: #333333 1px 0px 1px;
background-color:transparent;
margin-left: 60px;
text-transform : uppercase;
letter-spacing: 3px;
}


/* -----------------------------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-color:#903F32;
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-color:#903F32;
}

.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-color:#903F32;
}

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


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

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

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: transparent;
xbackground-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 #DDD2C0;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
}

.forumline{
background-color: #DDD2C0;
-moz-border-radius: 10px;
-khtml-border-radius : 10px;
-webkit-border-radius: 10px;
border: 0px #DDD2C0 solid;}

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{
xbackground-image: url('http://img839.imageshack.us/img839/134/yaulsrqg.png');
}
td.row2{
xbackground-image: url('http://img839.imageshack.us/img839/134/yaulsrqg.png');
}
td.row3{
xbackground-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-color:#903F32;
-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-color: #450D1C;
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 #CE1C3C;
border-right:0px;
border-top:0px;
border-bottom:0px;
color: #DED1BE;
background-color: #3F2C35;
-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 #CE1C3C;
border-right:0px;
border-top:0px;
border-bottom:0px;
font-size: 14px;
color: #DED1BE;
background-color: #3F2C35;
-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;
}


Dernière édition par Moustache le Sam 7 Jan 2012 - 20:23, édité 1 fois

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


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

Re: Prochain design

le Lun 31 Oct 2011 - 11:25
Ben moi j'aime beaucoup, à chaque fois c'est totalement original et puis c'est toujours super bien réalisé happy En plus j'aime bien le rose qu'elle a utilisé pour écrire Imagine, donc personnellement je n'ai pas trop d'objection, bien que la tête du chat (?) me fasse un petit peu peur x)

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

J'ai décidé d'être heureux, car c'est bon pour la santé
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: Prochain design

le Lun 31 Oct 2011 - 12:47
J'aime beaucoup aussi ! Le coup des yeux qui clignotent m'a fait buggé au début, c'est sympa je trouve ^^
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mar 1 Nov 2011 - 9:45
@Luna* a écrit:
    voilà la suite.

    Spoiler:
    QEEL :


    barre de navigation :


    & un début de page d'accueil, je l'ai commencé mais pas sur que vous soyez intéressées donc si je dois la continuer just say it
    [img]http://i248.photobucket.com/albums/gg183/Meloup/pa.png[/img
    ]


    Je fais les nouveau messages et le reste des boutons demain sooooooir

Je voulais te demander Oxy, pour la PA, tu auras le temps de la faire quand on installera le design? pasque moi je pourrai pas (c'est pour savoir si je dis à Luna* de continuer son idée de page d'accueil ou pas)


Dernière édition par Moustache le Sam 7 Jan 2012 - 20:24, édité 1 fois

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


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

Re: Prochain design

le Mar 1 Nov 2011 - 9:55
Yes je veux bien mais il faudrait que je sache quoi faire assez vite pour qu'elle soit déjà prëte quand on installera le designm

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

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 : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mar 27 Déc 2011 - 19:00
Oxy, je suis désolé de te demander ça maintenant :

t'es capable de faire ça?

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


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

Re: Prochain design

le Mar 27 Déc 2011 - 22:34
Euh bah je vais essayer x)
Par contre il me faudrait l'image de fond de "Bienvenue", celle de "Navigation" (avec le IMAGINE en bas à droite), et je crois que c'est tout !

J'essaie de faire le plus gros du travail ce soir & je le poste sur une page HTML du forum (j'en créerai une spéciale) comme ça tu pourras déjà voir si il y a des trucs à rectifier (& je te dirai si y'a des trucs que j'arrive pas à faire aussi XD )

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

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 : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 29 Déc 2011 - 11:10
j'lui ai demandé pour les images mais elle m'a pas encore répondu :/

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


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

Re: Prochain design

le Jeu 29 Déc 2011 - 11:23
Dac' j'ai commencé les structures de Bienvenue, Navigation-Nouveautés et puis celles des TW.
Il y a aussi le fond avec les titres "Two weeks" etc dont j'aurais besoin je pense, autrement je peux prendre une autre police si elle ne l'a pas !

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

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 : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 30 Déc 2011 - 16:36
OK, elle m'a toujours pas répondu alors je ne sais pas c'que ça veut dire x)

Et HS, t'as vu on a le droit a un nom de domaine gratuit, mais je sais pas à quoi ça sert XD

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


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

Re: Prochain design

le Sam 31 Déc 2011 - 14:53
D'ac, je suis au taquet là j'ai presque fini la page avec que des tableaux, si ça fait ce que j'ai prévu ensuite je n'aurais plus qu'à mettre les images et en avant !

Et c'est quoi un nom de domaine ? x)

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

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 : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 31 Déc 2011 - 16:02
héhé oxy la reine du CSS XD tu penses arriver a finir quand, j'aimerai bien envoyer une newsletter un fois qu'on aura une pa toute belle :) D'ailleurs il faut que je reflechisse à ce que je vais marquer dans c'te news ...

edit: en fait j'ai déjà envoyé la news parce qu'après j'aurai pas eu le temps de la faire ^^

bah justement j'en sais rien c'que c'est un nom de domaine mais quand on va sur le panneau d'administration, y a un message dans un encadré vert avec un papa noël a côté avec écrit ça:
Félicitations, vous venez de gagner un nom de domaine gratuit pour votre forum. Pour choisir votre nom de domaine gratuit, cliquez ici .

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


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

Re: Prochain design

le Lun 2 Jan 2012 - 21:52
Beh il ne me reste plus qu'à avoir les images, et demain ou mercredi si j'ai vraiment pas le temps c'est bon ! :p

J'ai fouillé sur Internet et si j'ai bien compris un nom de domaine c'est par exemple au lieu d'avoir http://imagine-art.graphforum.com/ on peut s'appeler http://bisounours.fr (je crois)

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

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 : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 4 Jan 2012 - 20:33
j'ai encore relancé Luna* mais toujours pas de réponse x) en attendant, on mettra juste une couleur de fond ça sera déjà ça.

Vas-y on s'appelle http://bisounours.fr XD

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


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

Re: Prochain design

le Mer 4 Jan 2012 - 21:10
XD Ca pourrait être sympa, il faudrait juste trouver un nom facile à retenir quoi ^^

Ca marche, là ce soir j'ai plus trop le temps, encore ma douche à prendre, mon sac à faire, mon exposé à apprendre et.. dormir *_* Demain je m'occupe des couleurs et en avant la musique !!

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

J'ai décidé d'être heureux, car c'est bon pour la santé
Contenu sponsorisé

Re: Prochain design

Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum