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

Un petit tour dans l'univers...

le Lun 5 Nov 2012 - 16:15
Salut les imaginiens,

Comme vous avez pu le remarquer, Imagine s'est offert un voyage dans le cosmos!
Un design tout en étoiles et en transparence.
J'espère que ça vous plait (j'avoue que je me suis pas trop cassé la tête pour ce design sauf pour le CSS comme d'hab j'y passe toujours super longtemps)

Bref voila de quoi redonner vie à notre forum j'espère!

PS: comme d'hab il reste encore des petits détails à bidouiller.
(je précise aussi que je n'ai pas fait le fond, j'aurai eu le temps et le courage, j'aurai tenté mais la c'est un stock de resurgere (sur DA))

---

edit//

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

/* zone avec les liens de navigation en haut de la PA */
.lienrapide {
font-family:segoe ui;
border-left:0px solid #EBC012;
border-right:0px solid #EBC012;
border-top:0px;
border-bottom:0px;
font-size: 12px;
color: #ffffff;
background-image: url("http://img809.imageshack.us/img809/1585/cosmosinternbackground.png");
margin-left:0px;
padding-top: 1px !important;
padding-left: 30px !important;
padding-bottom: 3px !important;
padding-right:30px !important;
width: 80%;
overflow: hidden;
display:block;
}


/* ---------- TITRE DES CATEGORIES (ex : Hotel de ville, Avenue de la Compet')-------------*/
th.categorie {
    height: auto;
}

.categorie {
    position: absolute;
    top: 10px;
    left: 84px;
    bottom: 5px;
    transform-origin: left top;
      -webkit-transform-origin: left  top;
      -moz-transform-origin: left  top;
      -o-transform-origin: left  top;
      -ms-transform-origin: left  top;
}
.cat .hierarchy, .categorie {
    font-family: "segoe ui", light;
    margin: 0;
    text-shadow: 0px 0px 3px #FFFFFF;
    text-transform:uppercase;
}
.nav .categorie { display: none;}
.cat .hierarchy a.cattitle, .categorie { color: #C1D9CD !important; font-size: 20px !important;}

/*----------------------------------------------------------------CATEGORIES*/
/*Description*/

.forumlink {
  font-family: "Segoe UI", light;
  text-transform: uppercase;
  color: #ffffff !important;
  letter-spacing: 2px;
}

.row1 .hierarchy {
    background-color: transparent;
    background-image: url("http://img809.imageshack.us/img809/1585/cosmosinternbackground.png");
    display: block;
    margin: 0;
    padding: 5px 10px;
}


body.chatbox {
  background-color: transparent;
  background-image: url("http://img809.imageshack.us/img809/1585/cosmosinternbackground.png");
 border-radius: 3px;
  border: none !important;}

#text_editor_iframe, input, select, textarea {
background-color: transparent;
  background-image: url("http://img809.imageshack.us/img809/1585/cosmosinternbackground.png");
 border-radius: 3px;
  border: none !important;
}
 
/*--------------------------------- LIENS HYPERTEXTE --------------------------------------*/

/* tous les liens */
a {
font-family: arial;
font-size:12px;
font-variant: small-caps;
text-decoration: none;
letter-spacing : 1px;
}

/* liens quand on passe la souris */
a:hover{
text-decoration: none !important;
}

a:link {
text-decoration: none;
}

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

/* liens des sous forum + lien colonne */
a.gensmall{
  text-shadow: 0px 0px 0px 3px #ffffff;
  position: relative;
}


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

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

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

x.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: #000000;
background-attachment: fixed;
background-repeat: repeat;
background-position: top center;
}


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

.bodyline{
  border-left: 0px #000000 solid;
  border-right: 0px #000000 solid;
}

.forumline{
background-color: transparent;
  background-image: url("http://img809.imageshack.us/img809/1585/cosmosinternbackground.png");
border: 0px #000000 solid;}

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

table.forumline {border: 0px #000000 solid;}

.bodyline {
    padding: 18;
}

.forumline {
background-color: transparent;
    border: 1px solid #C1D9CD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 5px #000000 inset;
    box-shadow: 0 1px 4px #C1E8FD;
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
      -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    margin: 5px 0;
  padding: 18px 20px;
  position: relative;}


/*-------------------------------------- LIEN DU MENU DE NAVIGATION --------------------------------------------------*/

a.mainmenu {
  color:#00CCFF;
  font-size: 12px;
  text-transform : uppercase;
}

a.mainmenu:hover {
}

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


/*-------------------------------------- TITRE DES SECTIONS --------------------------------------------------*/

a.forumlink:link, a.forumlink:visited {
font-family:  segoe ui;
position: relative;
}

a.forumlink:hover, a.forumlink:hover:visited {
text-shadow: 0 0px 2px #ffffff;
}


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

.quote{
font-family: arial;
font-size: 12px;
border-left:8px solid #F7EB0A;
border-right:0px;
border-top:0px;
border-bottom:0px;
background-color: #00CCFF;
color: #4D88BA;
margin-left:0px;
padding:4px;
width: 70%;
overflow: hidden;
display:block;
}

.code{
font-family:times new roman;
  font-size: 12px;
border-left:8px solid #EB1161;
border-right:0px;
border-top:0px;
border-bottom:0px;
  background-color: #000000;
color: #ffffff;
margin-left:0px;
padding:4px;
width: 70%;
overflow: hidden;
display:block;
}

.spoiler_closed {
    opacity: 0.7;
    cursor: pointer;
    transition: all .2s;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      -ms-transition: all .2s;
}
.spoiler:hover .spoiler_closed {opacity: 1;}
.spoiler_content, .spoiler_closed {
    background-color: #D7E4ED;
    border-radius: 0 0 0 0;
    border-style: none none none solid;
    border-width: 0 0 0 8px;
    border-color: rgba(0, 0, 0, 0.15);
    display: block;
    font-size: 110%;
    line-height: 125%;
}
.spoiler_content {
    padding: 20px;
}
.quote:after {
    content: "”";
    font-family: Georgia,serif;
    font-size: 550%;
    font-style: normal;
    margin-top: 7px;
    position: absolute;
    right: 50px;
}
.quote, .code {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #CCCCCC;
    border-radius: 0 0 0 0;
    border-style: none none none solid;
    border-width: 0 0 0 8px;
    font-size: 110%;
    padding: 10px;
}
.quote {
    font-style: italic;
    font-family: Georgia, sans-serif;
}
.code {
    font-family: monospace;
}




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

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

div.infobulle1 {
  position: relative;
  float: left;
}

div.infobulle1 span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle1:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle1:hover span {
overflow:auto;
font-style: normal;
display: inline; /* ceci affiche l'infobulle */
position: absolute;
top: 0px; /* on positionne notre infobulle */
left: -200px;
background-color: #color;
color: #color;
border: 1px solid #color;
border-radius: 10px;
text-align: center;
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é */
}

/*INFOBULLE*/
a.infobulle {
position:relative;
z-index:24;
color:#306B35;
text-decoration:none;
font-variant: small-caps;
  font-weight: bold;
  font-style: none;
}
 
a.infobulle:hover{
z-index:45;
background-color:#472B1C
}
 
a.infobulle span{
display: none;
}
 
a.infobulle:hover span{
display:block;
position:absolute;
top:5px; left:-150px; width:auto;
border:1px solid #306B35;
background-color:#472B1C;
opacity:1;
color:#246334;
text-align: justify;
font-weight:none;
padding:5px;
  overflow: auto;
}

/* TEST */

xtable.sansBordure td {
    border: none !important;
}

/*raduis des images nouveaux messages/pas de nouveaux messages/verouillé */
x.row1 > img {
    border-radius: 3px 0 0 3px;
}

/* LISTE DES SUJETS */
xtd.catRight, td.row3Right, th.thRight {
    border-width: 0 !important;
}



Header
http://img27.imageshack.us/img27/7475/cosmosheader.png

Background
http://img17.imageshack.us/img17/5793/cosmosbackground.png

Qeel
http://img33.imageshack.us/img33/1842/cosmosqeel.png


Dernière édition par Moustache le Mar 22 Jan 2013 - 23:22, édité 1 fois

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


« 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 : 2962
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Lun 5 Nov 2012 - 20:51
Ce thème me rappel un peu celui qu'était installé lorsque j'ai débarqué (les nuages).
Je le trouve très beau ! heart

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



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

Re: Un petit tour dans l'univers...

le Lun 5 Nov 2012 - 21:02
Oui, j'avoue qu'il est dans le même genre que les nuages (c'est le genre de design rapide à faire quoi...)
Et puis le ciel, c'est toujours beau ... j'aime les designs qui font rêver!

J'ai encore un peu de boulot avec le CSS et quelques boutons du forum mais ça devrai plus trop changer!


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


« My greatest weakness? Occasionally, I give a damn. »
avatar
Grand Gribouilleur
Féminin
Degré de sagesse : 20
Degré de bavartitude : 298
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Mar 6 Nov 2012 - 11:54
C'est trop bioutifouuuuul *___* Bravo Moumou!

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

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: Un petit tour dans l'univers...

le Mar 6 Nov 2012 - 16:50
Comme tu dis 'Mouse, un design qui fait rêver, c'est un thème colle très bien avec Imagine ^^
Merci pour ce nouveau design, ça fait du bien le changement happy

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

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: Un petit tour dans l'univers...

le Mer 7 Nov 2012 - 3:51
je trouve que le 'imagine' sur la bannière est a peine visible, sur mon ecran en tout cas ... sinon je suis fan ! :D
edit : en fait j'ai rien dit, on le voit bien ^^ ça devait etre dû à l'écran de ma tablette
avatar
chargée de communication • Fuzz' la folle dingue
Féminin
Degré de sagesse : 21
Degré de bavartitude : 1892
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Jeu 8 Nov 2012 - 11:10
Troop top! Hihi c'est ptetre facile mais c'est classe donc que demander de plus?

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


"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
Gribouilleur Avancé
Féminin
Degré de sagesse : 24
Degré de bavartitude : 137
Humeur : Bien merci et vous? *SBAFF*
Logiciels : The Gimp (anciennement)
Photoshop CS6
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Dim 11 Nov 2012 - 14:50
    Il va me falloir un petit temps d'adaptation mais c'est sympa :)

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

. Ma page FB .
. Ma page 500px .



« Souvent, le toit que les hommes ont au-dessus de leur tête les empêche de grandir. » (Stanislaw Jerzy Lec)
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9162
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Sam 17 Nov 2012 - 15:18
:)

j'ai un souci par contre ... avec le css je pense...
certain boutons d’édition de message ne fonctionnent plus correctement, genre pour mettre une image ou un smiley, la boite de dialogue apparait 3km en bas de la page ... et je trouve pas la solution...

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


« My greatest weakness? Occasionally, I give a damn. »
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: Un petit tour dans l'univers...

le Sam 17 Nov 2012 - 19:21
C'est trop beauuuu *____*

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

Coco.
Mon Deviantart 8DD




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

Re: Un petit tour dans l'univers...

le Sam 17 Nov 2012 - 21:54
Coco!! :D

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


"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
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 22
Degré de bavartitude : 2962
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Dim 18 Nov 2012 - 14:11
Demande de l'aide sur forumactif, le forum des forums ! :/

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



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: Un petit tour dans l'univers...

le Ven 30 Nov 2012 - 20:58
J'aime beaucoup, il fait vraiment voyager et puis c'est là où j'aimerais me trouver actuellement XD j'en ai plein la tête de mon quotidien, je ne suis pas venue depuis plus d'un mois j'en suis honteuse mais en même temps je n'ai vraiment pas pu, et ça m'énerve encore plus de voir que j'ai même plus le temps de faire ce que j'aimais tant avant T_T

Bref merciii moumou <3

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

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
chargée de communication • Fuzz' la folle dingue
Féminin
Degré de sagesse : 21
Degré de bavartitude : 1892
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Sam 1 Déc 2012 - 21:33
On dirai un peu ma situation... Tu veux en parler dans le flood?

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


"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 : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Dim 2 Déc 2012 - 0:13
Yeeeess come on dans le flood ma poule !

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

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
chargée de communication • Fuzz' la folle dingue
Féminin
Degré de sagesse : 21
Degré de bavartitude : 1892
Voir le profil de l'utilisateur

Re: Un petit tour dans l'univers...

le Dim 2 Déc 2012 - 12:01
héhéé Il faut pas me le dire deux fois!

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


"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."



Contenu sponsorisé

Re: Un petit tour dans l'univers...

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