Un petit tour dans l'univers...
+5
Marie
Kalmine
Relangs
Sourpepper
Moustache
9 participants
- Moustacheadmin • on se l'araaaaaache
Degré de sagesse : 30
Degré de bavartitude : 9254
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Un petit tour dans l'univers...
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
Header
https://2img.net/r/ihimizer/img27/7475/cosmosheader.png
Background
https://2img.net/r/ihimizer/img17/5793/cosmosbackground.png
Qeel
https://2img.net/r/ihimizer/img33/1842/cosmosqeel.png
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
https://2img.net/r/ihimizer/img27/7475/cosmosheader.png
Background
https://2img.net/r/ihimizer/img17/5793/cosmosbackground.png
Qeel
https://2img.net/r/ihimizer/img33/1842/cosmosqeel.png
- Sourpepperjournaliste • Jacquouille la Fripouille, alias Pépé
Degré de sagesse : 28
Degré de bavartitude : 3071
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Re: Un petit tour dans l'univers...
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 !
Je le trouve très beau !
- Moustacheadmin • on se l'araaaaaache
Degré de sagesse : 30
Degré de bavartitude : 9254
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Re: Un petit tour dans l'univers...
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!
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!
- RelangsGrand Gribouilleur
Degré de sagesse : 27
Degré de bavartitude : 299
Logiciels : Photoshop CS6
Re: Un petit tour dans l'univers...
Mar 6 Nov 2012 - 11:54
C'est trop bioutifouuuuul *___* Bravo Moumou!
- Kalmineresponsable DA et gérante des collab' • Chocobo
Degré de sagesse : 30
Degré de bavartitude : 1106
Humeur : Changeante
Logiciels : Paint Tool Sai, Photofiltre, ArtRage
Re: Un petit tour dans l'univers...
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
Merci pour ce nouveau design, ça fait du bien le changement
- Marieadmin • marie, mateuse de film X à la retraite
Degré de sagesse : 31
Degré de bavartitude : 1636
Humeur : :D
Logiciels : Suite adobe CS5, gimp et photofiltre
Re: Un petit tour dans l'univers...
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
edit : en fait j'ai rien dit, on le voit bien ça devait etre dû à l'écran de ma tablette
- | Fuzzy Printchargée de communication • Fuzz' la folle dingue
Degré de sagesse : 27
Degré de bavartitude : 1910
Re: Un petit tour dans l'univers...
Jeu 8 Nov 2012 - 11:10
Troop top! Hihi c'est ptetre facile mais c'est classe donc que demander de plus?
- Tac'_#Gribouilleur Avancé
Degré de sagesse : 31
Degré de bavartitude : 137
Humeur : Bien merci et vous? *SBAFF*
Logiciels : The Gimp (anciennement)
Photoshop CS6
Re: Un petit tour dans l'univers...
Dim 11 Nov 2012 - 14:50
- Il va me falloir un petit temps d'adaptation mais c'est sympa :)
- Moustacheadmin • on se l'araaaaaache
Degré de sagesse : 30
Degré de bavartitude : 9254
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Re: Un petit tour dans l'univers...
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...
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...
- CocoGribouilleur Avancé
Degré de sagesse : 26
Degré de bavartitude : 132
Humeur : Comme un Lolilol o/
Logiciels : Photoshop CS5 ♪
Re: Un petit tour dans l'univers...
Sam 17 Nov 2012 - 19:21
C'est trop beauuuu *____*
- | Fuzzy Printchargée de communication • Fuzz' la folle dingue
Degré de sagesse : 27
Degré de bavartitude : 1910
Re: Un petit tour dans l'univers...
Sam 17 Nov 2012 - 21:54
Coco!! :D
- Sourpepperjournaliste • Jacquouille la Fripouille, alias Pépé
Degré de sagesse : 28
Degré de bavartitude : 3071
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Re: Un petit tour dans l'univers...
Dim 18 Nov 2012 - 14:11
Demande de l'aide sur forumactif, le forum des forums ! :/
- Oxforeadmin retraité • Godefroy de Montmirail, alias Oxy'
Degré de sagesse : 29
Degré de bavartitude : 1830
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Re: Un petit tour dans l'univers...
Ven 30 Nov 2012 - 20:58
J'aime beaucoup, il fait vraiment voyager et puis c'est là où j'aimerais me trouver actuellement 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
Bref merciii moumou <3
- | Fuzzy Printchargée de communication • Fuzz' la folle dingue
Degré de sagesse : 27
Degré de bavartitude : 1910
Re: Un petit tour dans l'univers...
Sam 1 Déc 2012 - 21:33
On dirai un peu ma situation... Tu veux en parler dans le flood?
- Oxforeadmin retraité • Godefroy de Montmirail, alias Oxy'
Degré de sagesse : 29
Degré de bavartitude : 1830
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Re: Un petit tour dans l'univers...
Dim 2 Déc 2012 - 0:13
Yeeeess come on dans le flood ma poule !
- | Fuzzy Printchargée de communication • Fuzz' la folle dingue
Degré de sagesse : 27
Degré de bavartitude : 1910
Re: Un petit tour dans l'univers...
Dim 2 Déc 2012 - 12:01
héhéé Il faut pas me le dire deux fois!
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|