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

Imagine on the beach

le Jeu 25 Avr 2013 - 13:25
Hop, nouveau design.
Pas encore fini mais je suis pas la pour le continuer cet aprem clin d\'oeil
Donc la suite ce soir ou demain.

EDIT 020813
Le CSS du design.

Spoiler:
/* ------------------------------------- CLASSE PERSO -----------------------------------*/

/* Pour les sujets des règlements sur le forum */

.rulespost {
font-family: "Segoe UI";
font-size: 12px;
color: #333333;
background-color: #E2E2E2;
text-align: justify;
margin-left:0px;
padding-top: 0px !important;
padding-left: 30px !important;
padding-bottom: 0px !important;
padding-right:30px !important;
overflow: hidden;
display:block;
border: 1px #AAD9B9 solid;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
}

.newspost {
font-family: "Segoe UI";
font-size: 12px;
color: #333333;
background-color: #AAD9B9;
text-align: justify;
margin-left:0px;
padding-top: 0px !important;
padding-left: 30px !important;
padding-bottom: 0px !important;
padding-right:30px !important;
overflow: hidden;
display:block;
border: 1px #E2E2E2 solid;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
}

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

.mainmenu {
display:block;
background-color:#ffffff;
}

a.mainmenu {
color:#946D4D;
background-color:#ffffff;
font-size: 12px;
text-transform : uppercase;
display:inline-block;
margin: 5px;
}

a.mainmenu:hover {
}

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

.navig {
position: fixed;
top: 0px;
right: 0px;
left: 0px;
xborder-bottom:3px solid #7D5B47;
width: 100%;
background-color: #ffffff;
}

a.mainmenu img{
display: none;
}

/* ------------------------------------- PAGE D'ACCUEIL -----------------------------------*/

/* zone avec les liens de navigation en haut de la PA */

.lienrapide {
font-family: "Segoe UI";
font-size: 12px;
color: #ffffff;
background-color: #C6BD9C;
margin-left:0px;
padding-top: 1px !important;
padding-left: 30px !important;
padding-bottom: 3px !important;
padding-right:30px !important;
width: 90%;
overflow: hidden;
display:block;
}

/* ---------- TITRES DES CATEGORIES (ex : Hotel de ville, Avenue de la Compet')-------------*/

.categorie {
}

th.categorie {
height: auto;
}

.cat .hierarchy, .categorie {
font-family: segoe ui;
font-color:#946D4D;
margin: 0;
text-transform:uppercase;
}

.nav .categorie { display: none;}
.cat .hierarchy a.cattitle, .categorie { color: #946D4D !important; font-size: 20px !important;}

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

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

.row1 .hierarchy {
background-color: #C6BD9C;
display: block;
margin: 0;
padding: 5px 10px;
}

body.chatbox {
background-color: #E0DBBC;
border-radius: 3px;
border: none !important;}

/*cadre où on tappe nos messages*/
.text_editor_iframe, input, select, textarea {
background-color: #C6BD9C;
border-radius: 0px;
border: none !important;
}



/*--------------------------------- LIENS HYPERTEXTE --------------------------------------*/

/* tous les liens */
a {
font-family: segoe ui;
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:#E7F5ED;
}

/* liens des sous forum + lien colonne */
a.gensmall{
position: relative;
}

/*-------------------------------- 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:12px;
color:#311F1F;
font-weight: bold;
}

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

/*------------------------------------ FOND DU FORUM --------------------------------------*/

body {
background-color: transparent;
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
}

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


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

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

.forumline {
background-color: #E0DBBC;
margin: 5px 0;
padding: 18px 20px;

border: 0px #000000 solid;}



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


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

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

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


.spoiler_content, .spoiler_closed {
background-color: #353535;
border-radius: 0 0 0 0;
border-style: none none none solid;
border-width: 0 0 0 8px;
border-color: #311F1F;
display: block;
font-size: 110%;
line-height: 125%;
}

.spoiler_content {
padding: 20px;
background-color: #F9F9F9;
border-color: #353535}

.quote, .code {
background-color: #BEDFAD;
border-color: #311F1F;
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: segoe ui;
}
.code {
font-family: monospace;
}

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

/*-------teest bulle tournante----*/
img.pixPA {
border-bottom-color: rgb(140, 77, 49);
border-bottom-left-radius: 28.4833px;
border-bottom-right-radius: 28.4833px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(140, 77, 49);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(140, 77, 49);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(140, 77, 49);
border-top-left-radius: 28.4833px;
border-top-right-radius: 28.4833px;
border-top-style: none;
border-top-width: 0px;
box-shadow: rgb(255, 255, 255) 0px 0px 2px 0px;
color: rgb(140, 77, 49);
cursor: pointer;
font-family: arial;
font-size: 10px;
opacity: 0.9;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
text-align: -moz-center;
transition-delay: 0s;
transition-duration: 1.5s;
transition-property: transform;
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1.5s;
-webkit-transition-property: transform;
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-o-transition-delay: 0s;
-o-transition-duration: 1.5s;
-o-transition-property: transform;
-o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-ms-transition-delay: 0s;
-ms-transition-duration: 1.5s;
-ms-transition-property: transform;
-ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition-delay: 0s;
-moz-transition-duration: 1.5s;
-moz-transition-property: transform;
-moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;}

.pixPA {
padding: 1px;
border-radius: 400px 400px 400px 400px;
box-shadow: 0px 0px 2px white;
opacity: 0.9;
transition: transform 1.5s ease-in-out 0s;
-webkit-transition: transform 1.5s ease-in-out 0s;
-ms-transition: transform 1.5s ease-in-out 0s;
-o-transition: transform 1.5s ease-in-out 0s;
-moz-transition: transform 1.5s ease-in-out 0s;
}

.pixPA:hover {
border-radius: 400px 400px 400px 400px;
box-shadow: 0px 0px 2px white;
opacity: 1;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 2s ease-in-out 0s;
-webkit-transition: transform 2s ease-in-out 0s;
-ms-transition: transform 2s ease-in-out 0s;
-o-transition: transform 2s ease-in-out 0s;
-moz-transition: transform 2s ease-in-out 0s;
}


Dernière édition par Moustache le Ven 2 Aoû 2013 - 20:43, é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: Imagine on the beach

le Jeu 25 Avr 2013 - 13:27
Oh c'est frais ! J'adore les couleurs ! Merci Mous !

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



avatar
Gribouilleur Moyen
Féminin
Degré de sagesse : 26
Degré de bavartitude : 85
Humeur : Vive
Voir le profil de l'utilisateur

Re: Imagine on the beach

le Jeu 25 Avr 2013 - 14:32
J'adore le nouveaux design : D

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

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: Imagine on the beach

le Jeu 25 Avr 2013 - 16:55
Hooo :O j'ai cru que je m'étais gourré de lien, c'est magnifique!

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


"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 • 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: Imagine on the beach

le Jeu 25 Avr 2013 - 19:37
je vois pas le header ni le fond moi, c'est tout blanc :(
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: Imagine on the beach

le Jeu 25 Avr 2013 - 20:15
C'est vrai ça vous plait? Parce que c'est archi facile comme design ^^'
Et marie c'est bizarre... parce que le fond est hebergé sur imageshack (le header c'est normal que tu ne vois rien, c'est une image transparente)...

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


« 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: Imagine on the beach

le Jeu 25 Avr 2013 - 21:48
cla-cla-claaaaaaaaaasse!
j'aime trop voilà.

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

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: Imagine on the beach

le Jeu 25 Avr 2013 - 22:20
Je viens d'essayer avec Chrome au lieu de Firefox, ça change rien :-(

Edit : Oh ça marche à mon travail, je suis trop fan ! very happy Par contre, je sais pas si c'est pareil chez tout le monde, mais chez moi le bas du mot "beach" est coupé, je trouve ça un peu dommage !
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: Imagine on the beach

le Sam 27 Avr 2013 - 15:18
Il ne se voyait pas du tout sur l'autre ordi mais sur celui-ci le mot est entier... :)

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


"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: Imagine on the beach

le Lun 29 Avr 2013 - 10:07
    Pas de souci d'affichage pour moi... En tout cas j'aime ! (:

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

. 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
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: Imagine on the beach

le Dim 5 Mai 2013 - 19:42
Hey les imaginiens, je passe vous faire un coucou :)
Très jolie design Mouse, qui annonce l'été, ça fait plaisir ^^

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

avatar
Gribouilleur Bavard
Féminin
Degré de sagesse : 23
Degré de bavartitude : 984
Humeur : Joyeuse
Logiciels : Lightroom 6
Voir le profil de l'utilisateur

Re: Imagine on the beach

le Jeu 9 Mai 2013 - 15:43
Je crois te l'avoir déjà dit mais j'adore les couleurs et le travail de typo' (ainsi que la photo qui fait pas cliché "plage") ♥

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

Anciennement L_Epouvantail, mais toujours là pour vous troller  trollface
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: Imagine on the beach

le Ven 10 Mai 2013 - 17:19
J'adore, vraiment !! Bravo et merci Mous' heart

(ps pourrais tu m'envoyer le lien du site où tu as trouvé cette image si ce n'est pas la tienne ou ne vient pas de deviantart ? car je cherche des images libres de droit pour un projet et je galèrrrre ahah)

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

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: Imagine on the beach

le Ven 10 Mai 2013 - 20:57
Ah ça y est, je le vois enfin normalement chez moi very happy
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: Imagine on the beach

le Dim 12 Mai 2013 - 18:56
Merci tout le monde :)
Et oui marie j'ai rectifié un truc dans le codage pour que ça "centre" le fond et que ça coupe plus le mot "Beach".
Et Oxy, c'est ma photo j'suis désolé ^^ c'est quoi comme projet?

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


« 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: Imagine on the beach

le Mer 15 Mai 2013 - 16:39
Haha pas de problème t'inquiète ^^
C'est pour un oral de Bac, j'ai un Powerpoint à réaliser :)

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

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

Re: Imagine on the beach

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