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 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 7 Jan 2012 - 0:18
Problème technique, je voulais l'installer ce soir mais faudrait que tu regardes ça Mouse, sur mon forum il s'affiche correctement mais pas ici T_T

Code:
<div align="center"><div class="lienrapide"><font size="3"><a href="http://imagine-art.graphforum.com/faites-vos-papiers-f4/regles-generales-votre-presentation-t2.htm">Règles & Concept</a> | <a href="http://imagine-art.graphforum.com/tableau-d-affichage-f1/gestion-des-clefs-t490.htm">Gestion des clefs</a> | <a href="http://imagine-art.graphforum.com/games-f30/imagine-wall-t828.htm">Imagine Wall</a> + <a href="http://imagine-art.graphforum.com/le-mur-f29/">Le Mur</a> | <a href="http://imagine-art.graphforum.com/tableau-d-affichage-f1/">Tableau d'Affichage</a> | <a href="http://imagine-art.graphforum.com/h12-salledexposition">Salle d'exposition</a></font></div></div>
<br>
<br>
<table cellspacing="10px" width="600px">
<tr height="taillede la +gde img px" width="90%">
<td width="30%" style="background-color:#DDD3C1;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; "><img src="http://d27.e-loader.net/5sVJdOobLd.png" alt="E-Loader.net"/><br><br><div class="textinbeige">Vous voilà sur le seul forum touchant à toutes les sortes d'art (photo, dessin, graphisme et bien d'autres choses) et qui a déjà 4 ans d'activité derrière lui.<br><br>En plus, Imagine est une petit communauté conviviale, où vous pouvez apprendre, partager et vous amuser ! Alors n'hésitez plus, rejoignez nous !</div><br></td>
<td width="20%" style="background-color:#903F31;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; "><br><div class="titulation">Navigation</div><br><center><a href="http://imagine-art.graphforum.com/faites-vos-papiers-f4/regles-generales-votre-presentation-t2.htm">Règles & Concept</a><br><a href="http://imagine-art.graphforum.com/tableau-d-affichage-f1/gestion-des-clefs-t490.htm">Gestion des clefs</a><br><a href="http://imagine-art.graphforum.com/games-f30/imagine-wall-t828.htm">Imagine Wall</a> + <a href="http://imagine-art.graphforum.com/le-mur-f29/">Le Mur</a><br><a href="http://imagine-art.graphforum.com/tableau-d-affichage-f1/">Tableau d'Affichage</a><br><a href="http://imagine-art.graphforum.com/h12-salledexposition">Salle d'exposition</a></center><br><br><div class="titulation">Nouveautés</div><br>27.12 : Nouveau design par Luna*, un univers étrange aux couleurs de panda roux !<br><i>[laisser un commentaire]<br><br></td><div style="background-img:url("tonadresse.tonsite.toncom");><td width="50%"><center><table><tr><td><div align="center"><font size="1">TW#48 | Ce que l'on ♥</font> <br><a href="http://fc05.deviantart.net/fs70/f/2011/066/a/9/i_just_like_old_things__by_laminimouse-d3b3s0p.jpg"><img src="http://i24.servimg.com/u/f24/11/64/55/65/ncralo10.png"></a> <br>Moustache</div></td><td><div align="center"><font size="1">TW#49 | Primaires</font> <br><a href="http://i1042.photobucket.com/albums/b422/Louisfailure/Imagine/IMG.jpg"><img src="http://i24.servimg.com/u/f24/11/64/55/65/tsz4s110.png"></a> <br>Louis</div></td><td><div align="center"><font size="1">TW#53 | Squelette</font> <br><a href="http://fc02.deviantart.net/fs70/f/2011/208/c/a/la_princesse_by_heranea-d41sm2q.jpg"><img src="http://i47.servimg.com/u/f47/10/07/47/53/squ10.jpg"></a> <br>Grise</div></td></tr><tr><td><div align="center"><font size="1">TW#54 | Mythologie</font> <br><a href="http://nsa28.casimages.com/img/2011/08/12/110812020424814844.png"><img src="http://i47.servimg.com/u/f47/10/07/47/53/myth10.jpg"></a> <br>Luna*</div></td><td><div align="center"><font size="1">TW#55 | Motifs</font> <br><a href="http://i44.servimg.com/u/f44/11/64/55/65/savana10.png"><img src="http://i47.servimg.com/u/f47/10/07/47/53/chat10.jpg"></a>&nbsp;<br>Moustache</div></td><td><center><div style="font-family:Tahoma;font-size:10px;"><a href="http://imagine-art.graphforum.com/f55-two-weeks">Participez au TW en cours & votez !</a></div></center></td>
</tr></table></center></td></div>
</tr><br>
<tr height="taillede la +gde img px" width="90%">
<td width="20%" style="background-color:none;"><center><div style="color:#291222;font-family:tahoma;font-size:11px;"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/arrow-switch.png"> Icônes sur <a style="font-style: italic; font-weight: bold;" href="http://www.iconarchive.com/">IconArchive</a> <br> <img src="http://d9.e-loader.net/2jiwKXGh7I.png"> Optimisé sous Firefox<br>Coeur Design par Luna*</div><div style="color:#3E1C2F;family-font:arial;">MADE WITH LOVE</div><br><div style="color:#734D59; family-font:tahoma;font-size:9px;font-weight:bold;">IMAGINE-ART.GRAPHFORUM.COM/</div><br></center></td>
<td width="35%" style="background-color:none;"><center><a href="http://imagineart-blog.blogspot.com/"><img src="http://i47.servimg.com/u/f47/10/07/47/53/casser10.png"></a><br>31.12 -> Nouvel article !</center</td><div style="background-img:url("tonadresse.tonsite.toncom");><td width="45%"><ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Top Sites</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Partenaires</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Bric à Brac</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><a href="http://en.root-top.com/toplist/graphiqueworld/in.php?ID=250"><img src="http://i47.servimg.com/u/f47/10/07/47/53/minibo10.png"></a> <a href="http://www.root-top.com/topsite/kisswebdesign/in.php?ID=2837"><img src="http://i47.servimg.com/u/f47/10/07/47/53/minibl10.png"></a> <a href="http://www.root-top.com/topsite/duochoc/in.php?ID=692"><img src="http://i47.servimg.com/u/f47/10/07/47/53/minibo10.png"></a> <a href="http://www.root-top.com/topsite/natou/in.php?ID=837"><img src="http://i47.servimg.com/u/f47/10/07/47/53/minibl10.png"></a> <a href="http://www.root-top.com/topsite/coop/in.php?ID=2870"><img src="http://i47.servimg.com/u/f47/10/07/47/53/minibo10.png"></a><br>Votez pour le forum toute les 2h <img src="http://r23.imgfast.net/users/2815/64/98/49/smiles/548973.gif"></div><div id="co_2" class="mon_contenu" style="display: none;"><a href="http://art-of-cats.forums-actifs.com/"><img src="http://i47.servimg.com/u/f47/10/07/47/53/aoc10.png"></a> <a href="http://equuus.forumactif.com/"><img src="http://i47.servimg.com/u/f47/10/07/47/53/equus10.png"></a> <a href="http://www.makeyourhorse.com/"><img src="http://i47.servimg.com/u/f47/10/07/47/53/myh10.png"></a><br><a href="http://imagine-art.graphforum.com/h6-partenaires">Tous nos partenaires</a>|<a href="http://imagine-art.graphforum.com/t2010-partenariat">Devenir partenaire</a></div><div id="co_3" class="mon_contenu" style="display: none;"><a><img src="http://i47.servimg.com/u/f47/10/07/47/53/boooo10.png"></a></div></div></ul></td></div>
</tr>
</table>


http://quadricolor.forumactif.com/ pour voir ce qui s'affiche chez moi !

Reste plus qu'à changer les pitis fantômes des top-sites en clefs, + les couleurs et ça roule ma poule, je le fais demain matin (c-à-d que le matin pour moi c'est 12H et + XD) mais si t'as le temps de trouver ce qui va pas ce sera suuuuper cool ! :p

Ps : j'ai trouvé que laisser des onglets était plus pratique pour ajouter des choses (par ex ce qui concerne l'interforum, etc)

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

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 7 Jan 2012 - 17:30
en fait ce qui foirait c'était les onglets, ça élargissait la chose.
et aussi, les classe de CSS qu t'as utilisé, elles sont sur ton forum mais pas sur imagine clin d\'oeil

j'ai pas mal bidouillé j’espère que ça t’embête pas. j'avais pas trop envie de laisser les onglets, ça faisait un peu trop (et en plus ils marchaient plus 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 7 Jan 2012 - 18:29
Yes les CSS je les avais pas encore mis, mais le truc c'était côté grandeur, je comprenais pas ><

Pas de problème c'est bien comme ça, surtout que j'avais pas les images pour les TW, et ça fait mieux comme ça ^^

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

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 7 Jan 2012 - 20:13
clin d\'oeil

par contre a mon avis on aura pas les images de Luna*, elle me répond pas ^^' donc faudra finir par nous même, je verrai si j'ai le temps demain, je sais pas encore. Et sinon, tu sais mettre une marge intérieur dans le cadre marron (le texte il est collé au bord c'est pas top) ? et l'élargir aussi paske j'arrive pas moi XD

enfin bref t'as quand même fait du super boulot, merci merci merci :)
et L'epou et sourpepper te dise merci aussi (je leurs ai parlé dans la chatbox ^^)

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


« 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 8 Jan 2012 - 0:49
Yes pour la marge intérieure c'est avec padding:**px , je vais y jeter un pitit coup 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 Mar 10 Jan 2012 - 18:50
t'as regardé du coup?

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


« 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 10 Jan 2012 - 20:03
Yess ça marche chez moi x) Qu'est-ce qui beug pour toi, la marge intérieure ou la largeur de la colonne ?

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

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 10 Jan 2012 - 20:10
bah moi dans le bloc marron, le texte est collé au bord quoi x)

CSS du design Moustache.
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 Dim 15 Juil 2012 - 13:30, é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 10 Jan 2012 - 21:16
Arf :/ Je re-regarde ça demain mais là je sèche un peu car il est pas collé chez moi, il doit y avoir 4/5 pixels de marge

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

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 20 Aoû 2012 - 14:35
petit message de luna*

@Luna* a écrit:voilà le header :


Le fond :


voilà pour l'instant (:

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


« 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 20 Aoû 2012 - 20:58
J'aime beaucoup mais en ce qui concerne le header je verrais plutôt deux rangées d'icônes, le nom ou l'adresse du forum ensuite, et une dernière rangée d'icônes, nop ?

Sinon elle fait des trucs de dingue j'aime beaucoup sa série <3

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

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 20 Aoû 2012 - 21:10
Whaaaa..... *-*

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



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 20 Aoû 2012 - 21:14
J'aime bien aussi ! Mais y'a un petit truc qui me gène dans le header, je pense que c'est la manière dont est écrite le nom du forum. Peut être essayé comme dit Ox' ouais !
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 20 Aoû 2012 - 21:35
Et il y a aussi un espace de moins à droite du "-" par rapport du "E" d'imagine ! :) (j'espère que je me suis fait comprendre ^^')

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



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 21 Aoû 2012 - 12:27
vous avez pas un forum test sous le coude sur lequel je pourrai tester le thème?
j'ai filé le mien à 21black pour qu'elle fasse un essai avec son thème du coup j'ai plus de forum test (et luna a supprimé les siens)
parce que Luna* m'a dit ensuite que : "mais peutêtre que le fond fera trop brouillon, c'est pour ça que j'ai mis toutes les icons de tous les membres sur le header, en prévision d'un fond sobre haha"

donc je veux tester c'que ça donne, et je lui ferai par de vos remarques aussi!

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


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

Re: Prochain design

le Mar 21 Aoû 2012 - 14:43
Ah bah tiens justement j'en avais plus moi aussi.
Code:
http://pepe-test.forumetoile.com

Tu te créé un compte ou tu veux mon mot de passe ?

Eidt : (enfin... si tu veux.. ^ ^')

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



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 21 Aoû 2012 - 17:02
http://quadricolor.weshforum.com/

Oxfore, mdp : quadridri

vous pouvez y faire tout ce qui vous plait et vous avez accès aux templates et tout ça pour recopier tout le code source d'imagine happy

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

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 25 Aoû 2012 - 17:43
Oxy : Du coup j'ai filé ton forum à Luna parce que t'as donné le mdp c'était plus rapide. j'ai commencé à installer le design dessus clin d\'oeil

Sour' : merci quand même ^^ enfin tu peux toujours donner le mdp si jamais j'en ai besoin étant donné que j'ai passé mon forum à Plumary pour l'instant x) sauf si tu préfères que j'me fasse un compte!

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


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

Re: Prochain design

le Sam 25 Aoû 2012 - 19:39
Pépé
groseille

:)

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



avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 21 Aoû 2013 - 18:13
Coucou !
Je voulais débattre des designs, sans forcément en venir aux conséquences pour Imagine, prendre une décision et tout... C'était pour avoir vos avis.

En général, c'est le design qui détermine si quelqu'un va entrer dans tel ou tel forum. Les gens recherchent sois quelque chose de pas trop codé, simple et pratique de navigation, d'autres kiffent les animations, les différents curseurs, quand tu passe ta souris dessus OH l'image tourne ! Et ça, on peut rien y faire, il faut savoir aujourd'hui ce qui intéresse les autres pour faire rentrer un maximum de personnes sur le forum, sans que le design s'éloigne du concept du forum, évidemment.

Personnellement, il fut un temps où j'ai kiffé les trucs codés à mort. Le problème, c'est que je m'en suis vite lassé. Ok, l'esthétique du forum est personnalisée, améliorée... Mais faut pas que ça aille dans le surchargé non plus, c'est comme la composition d'une création en graphisme. Un truc simple, pas surchargé justement, c'est très bien, et comme je disais, c'est pratique de navigation, le forum prend moins de temps à charger, tout est clair... Et je pense à ceux qui réalisent leur design : les codeurs qui se cassent la tête, les graphistes se cassent la tête à trouver une idée ou un truc sympa (oui il y en a qui aiment, mais j'en ai jamais vraiment vu). Et il y a ceux qui ne se prennent pas la tête et qui sortent un webdesign simple, d'un autre type, toujours adapté au concept évidemment...

Et bien sûr, ils ne le modifient pas tout le temps, genre une fois par an, comme ça on est TOUJOURS (ou pas, mais c'est pour que vous voyez l'idée) sûrs d'être satisfait lors de la sortie de la nouvelle version, qui restera pendant 1 an. Ca change des habitudes, ça rafraichit, ça fait du bien ! Je veux dire, on change pas de coupe de cheveux tous les mois, si? Ca, c'est quand les forums sont pas hyper codés et simples. Mais quand on a un forum codé à mort avec une esthétique particulière, au bout d'un moment on tient plus parce que c'est chiant. Normal qu'on change souvent de design, du coup. Et je trouve ça dommage, car le design c'est ce qui détermine un peu le forum, c'est une partie du concept, ce qu'on ne change pas tous les mois, mais enfin c'est ma vision des choses.

J'en ai parlé avec certaines personnes, généralement quand je dis : omg changez pas de design tous les mois (normalement j'argumente, c'est pour donner l'idée), on m'envoie chier. Quand je parle sur skype avec certains, ils sont tout à fait d'accord avec moi du fait je suis pour le fait qu'on garde un design longtemps, un design simple et pas hyper codé.

Que pensez-vous des designs, changements de design, type de design? En avez-vous parlé aux personnes venant de l'extérieur?

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

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

Re: Prochain design

le Mer 21 Aoû 2013 - 18:51
Moi je trouve ça bien de changer... Et un an je trouve ça très long pour un desing... je comprend pas trop ton point de vue, nos desings sont toujours adaptes au concept du forum, -c'est le but- qu'il reste un mois ou deux ou un an? En plus, le forum étant consacre a tous types d'arts il faut que ça passe aussi par le desing même si la photo et le graphisme restent les plus facile a exploiter ( je veux du dessin informarique pour le prochain /SBAFF/) il faut qu'on montre la diversité.
Après on ne change pas tous les mois, vous faites ça quand vous avez le temps non? Je sais pas trop au juste comment vous fonctionnez... il peut bien sur rester plus longtemps!

Et pour les codages j'ai pas compris tu proposes qu'on code plus ou qu'on reste comme ça du coup?

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


"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 • 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 21 Aoû 2013 - 19:38
J'ai jamais accroché aux trucs trop codés, bien que j'admirais et admire toujours certain effets, j'aime aussi les choses simples. Je crois que ce design est le + codé qu'on ai eu et je trouve ça largement assez suffisant pas besoin de plus (et même avec un peu moins c'est pas mal aussi). Bon, il en faut quand même un minimum parce que les forums de base sans CSS me sorte un peu par les yeux !

Et concernant les changements de design, j'avoue que tous les mois c'est quand même vraiment trop, en ce moment sur Imagine c'est tous les 3 mois je trouve ça pas mal, autant de design qu'il y a de saison (même si on ne suit absolument pas les saisons). Et j'avoue que 1 an du coup ça me parait assez long. Surtout que comme là dit Fuzz, l'avantage de changer de design sur Imagine, c'est de pouvoir représenter un art différent à chaque fois. Par exemple si ce design là reste un an, on ne séduira que des graphistes sur la totalité de l'année bof Dans ma tête c'est quand même bien de changer de design de 2 à 4 fois par an pour un forum d'art.
Après Spree je me rapelle qu'on en avais parlé un peu, et tu avais parlé de changer juste la bannière de temps en temps, ça peut être une idée (tant qu'on change les couleurs aussi), ça demande moins de boulot.

Et j'en ai jamais parlé à l'exterieur vu que je ne parle pas du forum aux gens x)

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


« My greatest weakness? Occasionally, I give a damn. »
avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 21 Aoû 2013 - 21:20
Je ne suggère rien pour le forum, je ne sous entend absolument rien par rapport à imagine. Je veux juste parler de ça et avoir des avis en général. ^^
Je vois pas trop quoi suggérer à Imagine en notion de design. x) Juste que je ne voulais pas recréer un sujet de débat sur les designs alors qu'il y a déjà un sujet qui concerne les designs, mais si vous préférez parler d'Imagine en particulier, ok.
Concernant Imagine du coup, en effet j'en ai parlé avec toi ^^ 3 mois je pense que c'est bien pour un minimum. XD J'avais pas pensé du fait de montrer les différents arts avec les designs. Mais bon, une fois qu'on les a tous fait? Question débile mais voilà.
En fait c'est qu'il y a différents types de designs, j'ai remarqué.

On a ces forums : http://fr.hitskin.com/rechercher-un-theme/prosilver-100000.htm > ça ne change presque jamais
On a ces forums : http://fr.hitskin.com/rechercher-un-theme/special-komity-200276.htm > ça change toujours
http://demo.nicetheme.com/forum?theme_id=200279 > Je ne vais jamais là bas mais why not, ça change ou pas.

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

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 22 Aoû 2013 - 21:11
Ah oui désolé j'ai fais rentrer Imagine dans le débat ^^' mais je pense pareil de manière générale. Surtout pour des forums artistiques en fait. D'autre genre de forums n'ont peut être pas tellement besoin de changer.. genre un forum de menuiserie.. de livre.. ou je sais pas en fait j'ai jamais été sur autre chose que des forums d'arts ! Mais pas faut pour tes 3 types de designs c'est assez vrai :)



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


« My greatest weakness? Occasionally, I give a damn. »
avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 23 Aoû 2013 - 13:22
Bah tiens, Nostel a carrément proposé de faire un thème sobre. On devrait étudier la question sur son sujet, c'est toujours intéressant aussi d'avoir des avis venant d'autres membres.
Aussi, Nostel et moi partageons les mêmes avis concernant les forums, on en avait parlé sur skype de cette notion de design, donc c'est normal qu'elle propose ceci. :)

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

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