Aller à la page : 1, 2  |
|
|
|
|  Sam 4 Jan - 14:51 °•..•°¯°•..•°¯°•.. Bijour ! Voici ma commande:3 ..•°¯°•..•°¯°•..•°
♥ Titre du forum : Internat Shimura
♥ Adresse du forum : http://internat-shimura.forumactif.org/
♥ Taille du header : 960 de largeur et la hauteur il n'y a pas te taille précise. ^^
♥ Thème : Manga anime !
♥ Ce que vous souhaitez :
- Je voudrais un tableau de page d'accueil comme sur le plan que j'ai fait : https://2img.net/image.noelshack.com/fichiers/2014/01/1388913500-tableau.jpg
- Pour le Header je voudrais que ça fasse plus montage et non simple image. Je sais pas si vous voyez ce que je veux dire. ^^"
Je voudrais un cadre autour des avatar. Quand on passe sur le cadre on voit le profil qui s'affiche avec le nom de la personne sous l'avatar mais dans le cadre.
- Les boutons ( Accueil Membres Groupes Profil Messagerie Déconnexion Connexion s'inscrire ) avec cette écriture : http://www.dafont.com/fr/kg-somebody-that-i-used-to-know.font et si c'est possible je les voudrais assez visible parce que les lettres son assez fines. :3
- Bouton ouvrir et fermer de la ChatBox
♥ Sur Qui ou Quoi vous voulez votre commande : Pas tellement compris cette question °°
♥ Slogan : Oserez-vous réveiller les morts ?
♥ Photo ou galerie OBLIGATOIRE :
- Pour le header : https://2img.net/image.noelshack.com/fichiers/2014/01/1388868341-art-guy-leopard-ounce-is-mask-mask-grass-flowers-wildcat-predator-1080x1920.jpg
Le lapin de la PA : http://www.renders-graphiques.fr/image/upload/normal/Rabbit_Doubt_Lapin_Pendu_-_By_BakaChan.png
♥ Pouvons nous utiliser d'autres photos (Cochez) ? Oui [X] Non [ ]
♥ Exemple de Header : Je n'en ai pas vraiment, mais quelque chose de plus graph'
♥ Ceux qui peuvent répondre à la commande : Tous le monde [X] Les graphistes [ ]
♥ Plus d'information sur votre commande : Pour la page d'accueil dans le staff je voudrais qu'au passage du curseur les images affiche une bulle avec marqué profil & MP et ensuite le grade de la personne. ^^ Et pour le slogan je voudrais que l'image soit un peu plus glauque pour que ça aille avec. :3
Je voudrais vraiment que ça soit dans le thème du forum. Merci d'avance :3 | |
| | |
|
|
|
| Mer 8 Jan - 6:50 | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mer 8 Jan - 9:49 Je veux bien tenter quelque chose même si je ne suis pas vraiment spécialiste en design sur les mangas, mais est ce que tu aurais des exemples de choses que tu aimes que je puisse me baser dessus ? =) | Chaussette  |
| | |
|
|
|
| Mer 8 Jan - 11:30 Pour les exemples c'est sur quoi ? :3 Niveau couleur ? Image ? Ou autre ? ^^ Ou peut être des liens de forum dans le genre que je voudrais ? :) | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mer 8 Jan - 13:29 Oui, des liens vers les headers que tu aimes et tout. =) | Chaussette |
| | |
|
|
|
| Mer 8 Jan - 13:41 Ok ok alors voilà le genre de header :3 ! : https://i.imgur.com/qr0XgOC.png Celui ci est mon préféré, les couleurs son super belles de même pour le montage : https://i.servimg.com/u/f46/16/66/35/02/header13.jpg http://img.xooimage.com/files86/8/2/f/header---daikiyo-theme-ete--36b0159.png https://2img.net/r/hpimg15/pics/858111hsp810.png Mais je sais pas si c'est possible avec l'image que j'ai donné vu que ce n'est pas un render... T.T | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mer 8 Jan - 15:12 oui, c'est vrai que c'est plus difficile de rendre cet effet avec l'image que tu donnes. =/ Mais je vais voir ce que j'arrive à faire. ^^ | Chaussette |
| | |
|
|
|
| Mer 8 Jan - 15:19 | |
| | |
|
|
|
| Sam 11 Jan - 9:51 | |
| | |
|
|
|
| Lun 13 Jan - 10:14 Pour ce qui est du header c'est pas urgent je voudrais plus le tableau principalement... Merci à tout ceux qui voudrons bien m'aider :) | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mer 15 Jan - 7:54 Pour la page d'accueil, j'ai fait ceci : http://academy-awards.forumotion.com/ Est ce que ça suffira ou tu veux que je rajoute des choses dedans. Pour le header, c'est celui ci : https://nsa20.casimages.com/img/2014/01/15//1401150313094273.png Je sais pas si ça te plaira.. =/ | Chaussette |
| | |
|
|
|
| Mer 15 Jan - 8:26 Ho mon dieu ! C'est parfait !!! *O* Ca suffira ! C'est trop beau ♥_♥ Merci !!! | |
| | |
|
|
|
| Mer 15 Jan - 13:50 Pour les codes c'est par MP ? ( Comment as tu fais pour avoir d'aussi beau cadre sur ton forum d'essai pour les avatar ? Je cherche des cadre du même genre avec le profil en dessous du vava mais je trouve pas. T.T ) Merci beaucoup pour ton aide ♥ | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mer 15 Jan - 15:11 J'ai mis les codes sous hide, donc normalement, il y a que toi, moi et les admins qui peuvent voir. ^o^ Le profil sous l'avatar aussi comme sur Le Chat Noir ? Je pense l'avoir trouvé sur ce forum : http://www.css-actif.com/ ou sur http://www.never-utopia.com/ Faut toucher les templates du forum. En tout cas, c'est pas moi qui l'ait inventé. ^^ | Chaussette |
| | |
|
|
|
| Jeu 16 Jan - 9:03 Woa !! Merci *O* Merci merci merci >w< !!! ♥♥ Edit : Par contre je n'ai pas la même police que toi... J'ai la police Arial et je ne sais pas comment la changer. Mes CSS : - Code:
-
/* MISE EN FORME DES CATEGORIES ET FORUMS */
.cate_titre
{
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre
{
color: #454545;
font-family: Arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}
.forum_bloc
{
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}
.forum
{
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #454545;
text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
letter-spacing: 4px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #d9d9d9;
border-left: 1px dotted #191817;
border-right: 1px dotted #191817;
border-bottom: 1px dotted #191817;
border-top: 5px solid #191817;
}
.description
{
display: block;
width: 400px;
margin: auto;
height: 100px;
overflow: hidden;
border: 2px solid #9c9c9c;
box-shadow: 1px 1px 1px #191817;
-moz-box-shadow: 1px 1px 1px #191817;
-htm-box-shadow: 1px 1px 1px #191817;
-webkit-box-shadow: 1px 1px 1px #191817;
-o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
position: absolute;
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #191817;
font-size: 10px;
color: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats
{
width: 300px;
margin: auto;
margin-top: -30px;
}
.stats_lastpost
{
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
border: 1px solid #b5b5b5;
padding: 5px;
text-align: center;
}
.stats
{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #b5b5b5;
padding-bottom: 5px;
font-size: 10px;
color: #8f8f8f;
}
.lastpost
{
display: block;
font-size: 11px;
}
.sforum
{
position: relative;
z-index: 3;
display: block;
height: 0;
background: #191817;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
position: relative;
z-index: 3;
display: block;
float: right;
width: 120px;
margin-right: 20px;
background: #191817;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
height: 50px;
background: #191817;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
color: #ffffff !important;
}
.qeel_titre
{
width: 890px;
height: 100px;
background: url(#);
}
.qeel
{
width: 890px;
height: 400px;
background: url(#);
}
.qeel_table
{
width: 612px;
margin: auto;
}
.colonne
{
position: absolute;
z-index: 1;
width: 200px;
height: 300px;
overflow: auto;
margin-top: 0px;
margin-left: 0px;
background: #9c9c9c;
border: 1px solid #3f4d55;
box-shadow: 0px 0px 0px #0d1418;
-moz-box-shadow: 0px 0px 0px #0d1418;
-o-box-shadow: 0px 0px 0px #0d1418;
-htm-box-shadow: 0px 0px 0px #0d1418;
-webkit-box-shadow: 0px 0px 0px #0d1418;
font-size: 9px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.colonne:hover
{
position: absolute;
z-index: 99;
width: 300px;
height: 400px;
margin-top: -50px;
margin-left: -50px;
background: #C9DBF0;
border: 1px solid #3f4d55;
box-shadow: 0px 0px 5px #0d1418;
-moz-box-shadow: 0px 0px 5px #0d1418;
-o-box-shadow: 0px 0px 5px #0d1418;
-htm-box-shadow: 0px 0px 5px #0d1418;
-webkit-box-shadow: 0px 0px 5px #0d1418;
font-size: 11px;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.qeel_contenu
{
display: block;
text-align: justify;
padding: 10px;
}
---------------------------------------------------------------------
----------------------------------------------------------------------------------------
.description4
{
display: block;
width: 200px;
margin: auto;
height: 400px;
overflow: hidden;
transition: 0.4s ease;
-o-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
}
.description4:hover {
display: block;
width: 200px;
margin: auto;
height: 400px;
overflow: hidden;
}
.description4_contenu
{
position: absolute;
width: 200px;
height: 400px;
overflow: 400px;
background-color: #EFE9DD;
font-size: 11.5px;
font-family:'LeviBrush';
color: #3E352E;
text-align: justify;
padding:0px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description4_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
----------------------------------------------------------
/* TITRE CHATBOX*/
.secondarytitle, .secondarytitle h2{
color: #e8d9b1;
font-size: 30px;
letter-spacing: -4px;
text-align: center;
font-family: Vani;
text-transform: uppercase;
text-shadow:1px 1px 3px #000000;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Parce que nous ont aime parler ! "; }
#chatbox_header .cattitle strong { visibility: hidden; }
----------------------------------------------------------
/* Internat Shimura PA */
.titreshimura
{
color:#ebeff7;
font-size:45px;
letter-spacing:0px;
font-family:Tulpen One;
text-align:center;
text-shadow: 1px 1px 5px #92aabd;
}
.membreshimura{
text-align:justify;
background-color: #c0c0c0;
width:150px;
height:200px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.partenaireshimura{
text-align:justify;
background-color: #c0c0c0;
width:880px;
height:100px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.prédéfinishimura{
text-align:justify;
background-color: #c0c0c0;
width:335px;
height:150px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.creditshimura{
text-align:justify;
background-color: #c0c0c0;
width:150px;
height:150px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.lienshimura{
text-align:justify;
background-color: #c0c0c0;
width:322px;
height:170px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.petitshimura{
text-align:justify;
background-color: #c0c0c0;
width:322px;
height:50px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.contexteshimura{
text-align:justify;
background: url('http://nsa20.casimages.com/img/2014/01/15//14011503294637215.png') no-repeat;
width:350px;
height:263px;
margin-top:-5px;
margin-left:5px;
margin-right:5px;
padding: 5px;
border:3px # solid;
}
.topshimura{
text-align:justify;
background-color: #c0c0c0;
width:150px;
height:150px;
margin:5px;
padding: 5px;
border:3px #605217 solid;
}
.bannièreshimura{
text-align:justify;
background-color: #c0c0c0;
width:700px;
height:100px;
margin-top:3px;
margin-left:5px;
margin-right:5px;
padding: 5px;
border:3px #605217 solid;
}
/* End Internat Shimura PA */
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
| |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Jeu 16 Jan - 10:45 Pour la police, c'est simplement ce code là que j'ai mis en haut de la pa. =) - Code:
-
<link href="http://fonts.googleapis.com/css?family=Tulpen+One" rel="stylesheet" type="text/css" /> | Chaussette |
| | |
|
|
|
| Jeu 16 Jan - 11:20 Donc que dois je modifier pour ne plus avoir la police " arial " ? | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Jeu 16 Jan - 11:36 C'est à dire, tu veux la police arial ou tu ne l'as vu plus ? j'ai pas bien compris. XD | Chaussette |
| | |
|
|
|
| Jeu 16 Jan - 12:03 Pour les titres du tableau je ne la veux plus. x) | |
| | |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Dim 19 Jan - 8:33 Ben normalement si tu mets la phrase - Code:
-
<link href="http://fonts.googleapis.com/css?family=Tulpen+One" rel="stylesheet" type="text/css" /> au dessus de la pa, ça devrait marcher. O.o | Chaussette |
| | |
|
|
|
| Mar 21 Jan - 5:55 Non le code y est déjà et ça garde l'écriture arial >< Edit : J'ai trouvé c'est bon :3 | |
| | |
|
|
|
| Ven 24 Jan - 10:32 Pour ce qui est de l'avatar j'aurais besoin d'aide. Je voudrais que l'avatar glisse vers la droite au passage de la sourit comme ceci :  Et pouvoir mettre une image de fond et un cadre comme sur l'exemple. Et le nom de la personne dans une case en dessous et le rang en dessous du nom, mais dans la même case. Je ne sais pas si j'ai réussi à bien me faire comprendre. ^^" Si vous pouviez m'aider cela serait très gentil... Est-ce un code pour que " Age, messages etc.. et Mon personne : etc... " soient comme ça ? Ou c'est moi qui doit modifier ça directement dans le profil ? Bien évidemment j'ai cherché partout, sur tout les forum possible, mais rien y fait, soit le code ne marche pas chez moi, soit ce n'est pas ce que je veux.. Merci d'avance. | |
| | |
|
|
|
| Dim 26 Jan - 6:16 | |
| | |
|
|
|
| Mar 28 Jan - 10:34 | |
| | |
|
|
|
| Jeu 30 Jan - 23:00 | |
| | |
|
|
|
| | |
| | |
Accueil
Clique 
