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
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 Dim 27 Oct 2013 - 16:21
Ok Soup' mais tu peux pas coder? En fait je galère un peu et je suis moins dispo ces derniers temps mais je vais venir à quelque chose. En attendant ce qu'il faudrait faire c'est finir le design avec le codage des catégories, le codage de la PA que j'ai filé là, la provisoire en attendant que je fasse la HOME. Faudra faire le qeel ou alors un qeel provisoire aussi. ^^ Moi je sais pas faire pour les cats et la PA. ^^

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

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 Dim 27 Oct 2013 - 18:41
Je peux peut-être récupérer un ordinateur, je vais essayer en tout cas.

Donc tu as fais et/ou tu peux faire quoi en fait Spree ? (qu'on se répartisse bien le travail)

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



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 28 Oct 2013 - 14:46
Bon du coup j'ai commencé à faire le codage des catégories selon le modèle qu'elle nous avait proposé deux-trois pages plus tôt parce que sinon ça va encore trainer.
Par contre, est-ce que je pourrais avoir accès au panneau d'administration d'Imagine le temps du codage s'il vous plait ? On l'a fait ensemble avec Moustache pour ce thème-ci mais elle a rajouté des petits trucs, et j'aime bien me baser sur de vieux codes. Merci d'avance ! ^^
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 Lun 28 Oct 2013 - 16:01
Voilà je te mets admin pendant ce temps c'plus simple. ^^
Bon courage <3

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

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 28 Oct 2013 - 16:18
Merci !

Il y en faudra aussi beaucoup pour l'installation, car le seul moyen de modifier l'apparence des sous-forums est avec les vignettes. Je n'ai pas trouvé d'autre code. Je vais donc mettre un code dans le css et après dans chaque description de chaque catégorie il faudra reprendre tous les noms et liens des sous-forums pour mettre la balise "vignette" qui va permettre de faire de lien entre le html et le css. (pas sûre que je sois claire ^^) Mais après, une fois cela fait on n'a plus qu'a changer le code du css pour modifier les apparences des sous-forums pour les prochains thèmes.

Ah et bientôt il me faudrait un modèle pour une pa, car je n'ai jamais d'idées pour ces trucs là. Je préfère qu'on me commande.

Par contre pour le queel je ne sais pas du tout comment faire... :(
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 30 Oct 2013 - 9:27
Il me semble avoir filé le plan provisoire quelque part. '-'
http://d13.e-loader.net/Zyc1QfLWZz.png
Pas obligés d'être exactes mais on peut faire un truc dans le genre, plus espacé bien sûr.

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

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 Jeu 31 Oct 2013 - 13:42
Voilà, j'ai terminé les catégories et la PA est presque finie elle aussi (il manque les crédits que je mettrai en bas, par contre on met quoi au milieu ?).
Pour le QUEEL est-ce que quelqu'un peut le faire ou bien peut passer commande s'il vous plait ? Je ne sais pas du tout comment m'y prendre et je n'aurai pas le temps de m'en occuper. Il reste encore les profils à faire, le codage des citations/spoilers/codes et des petits trucs à arranger... J'ai beaucoup de travail à faire à côté de ça et gérer ça toute seule c'est vraiment chaud pour moi (surtout que je déteste le codage mais faut bien le faire XD) bof 

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



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 2 Nov 2013 - 18:46
Bon... je suis bloquée pour le QEEL. Je reprends les cours lundi, je n'aurai vraiment plus le temps. Spree, Nettuno, Marie ou Oxfore (si tu es là ^^), vous laisse la charge de terminer le qeel, si vous avez des questions n'hésitez surtout pas. Et n'hésitez pas à demander de l'aide à des forums spécialisés comme css-actif ou le forum des forums.
Le template que j'ai modifié pour le qeel est overall_footer_end et le code se trouve tout à la fin de ce template, juste avant le javascript.

Je finis d'autres petits bidouillages sur le forum test style présentation du profil, et il faut encore que je fasse les petites images des boutons (éditer, citer etc...)

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



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 Dim 3 Nov 2013 - 8:17
J'ai réalisé une commande sur never utopia : http://www.never-utopia.com/t46535-commande-qeel#692869

Si jamais :
@Spree a écrit:
Commande
Elément à coder :QEEL
Adresse du forum : http://chatmallow.catsboard.com/ (forum test) - pour se retrouver ensuite > http://imagine-art.graphforum.com/
Description du résultat voulu : Voici le shéma, le qeel en bas : http://img818.imageshack.us/img818/1520/aqwy.png
Couleurs ou tons : Voir shéma
Images : Je n'en donne pas pour l'instant (pour l'image de gauche, je la donnerai lorsque j'aurais le lien, il n'est pas super important pour le moment ^^)
Autres précisions : Une partie du travail a déjà été réalisée par une personne. Il faudrait juste continuer la mise en forme du texte. Nous sommes juste bloqués ^^ Si vous avez besoin, voici le code des templates actuelles (overall_footer_end)

Code:
<div id="pied_de_page">

<table width="100%" class="contenu" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>       
    <td align="center" valign="top" width="25%">
    <div class="forum_age"><span style="font-size:17px; font-weight:bold;">01/12/07</span><br/>ouverture du forum</div>
                  <div><span class="x" id="total_posts">{TOTAL_POSTS}</span></div>
                  <div><span class="x" id="total_users">{TOTAL_USERS}</span></div>
            <div><span class="x" id="newest_user">{NEWEST_USER}</span></div>
    </td>

    <td  align="center" valign="top">
    <table  valign="top" align="center" width="800px" border="0" cellspacing="8" cellpadding="0">
        <tr>
          <td width="33%" valign="top" class="cellules">
         
            <div>
                <span class="x" id="total_users_online">{TOTAL_USERS_ONLINE}</span></div>
            <div><span class="x" ic="logged_in_user_list">{LOGGED_IN_USER_LIST}</span></div>
              <table><div><span class="x" id="l_connected_members">{L_CONNECTED_MEMBERS}</span></div></table>
          </td>

          <td width="33%" valign="top" class="cellules">
          <br>{GROUPES}</br>
            {GROUP_LEGEND}
          </td>

          <td width="33%" valign="top" class="cellule2">
          <div> 
              <img title="" src="http://i56.servimg.com/u/f56/11/64/55/65/mifds13.png" alt="" /><br /> 
<table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
          </div>
          </td>
        </tr>
      </table>
    </td>
     
 </tr>
</table>
 
</div>


Le css du qeel si besoin :
Code:

***********************QEEL*************/

/*Pied de page*/
body {
height: 100%;
margin: 0px;
}

html{
height: 100%;
}

.bodylinewidth {
position: relative;
min-height: 100%;
height:100%;
margin:0 auto;
}

#pied_de_page{
position: relative;
width: 100%;
margin-bottom: 0px;
margin-top: 237px; /* POUR EVITER QU IL SOIT SUR FORMLINE */
}

.contenu{
background-color: #494739;
text-align : right;
position: absolute;
bottom: 0px;
height: 230px; /* hauteur du pied de page */
width: 100%;
padding: 20px;
padding-top: 15px;
padding-left: 100px; /* espace intérieur entre le contenu et le bord */
}

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

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 Dim 3 Nov 2013 - 11:44
Ah super merci Spree ! :)
Quel est le lien de la commande stp ? (histoire de pouvoir la suivre ^^)

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



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 Dim 3 Nov 2013 - 11:46

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

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 Dim 3 Nov 2013 - 11:50
Non c'est bon j'arrive à voir en tant qu'invité !
Merci beaucoup Spree ! :)

Au fait les autres admins, vous ne vous êtes pas exprimées sur l'avancée du thème, n'hésitez pas à faire des remarques hein ! ^^

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



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 Dim 3 Nov 2013 - 12:13
Nettuno est absente, j'ai oublié de préciser.
@Nettuno a écrit:Coucou happy

Je te préviens tard, je sais mais je fais mes devoirs et j'ai pas trop le temps de passer activement sur le forum =/Je suis absente de ce soir à samedi, je pars voir les grands-parents et j'ai un stage d'équitation samedi. J'aurai pas internet mais j'en profiterai pour bosser ^^

A bientôt happy

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

avatar
Invité
Invité

Re: Prochain design

le Dim 3 Nov 2013 - 15:57
On parle de moi ? Je suis là 8D

Niveau codage, je suis une grande débutante, vaut mieux pas me demander de l'aider (ou alors pour quelque chose de méga simple) clin d\'oeil

Pour ce que j'ai vu, ça me plait pas mal meme si ce rose me gene x)
avatar
ex-graphiste • Super kikoo
Féminin
Degré de sagesse : 24
Degré de bavartitude : 246
Humeur : je suis une grosse Kikoo
Logiciels : Photoshop cs6
Illustrator cs6
tablette Wacom Bamboo
ma cerveeeelle
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 16 Déc 2013 - 18:49
dégaaaaaaaaaaaine !! pour le codage, faudrait peut-être demandé sur un autre forum (ou site d'ailleurs) dans ce style non ? :/ perso j'ai toujours voulu réussir à le faire mais je me suis TOUJOURS planté haha

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




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 Lun 16 Déc 2013 - 21:41
Je demande mais je suis pas prête d'avoir une réponse donc si t'es capable de demander sur un forum hésite pas (j'ai pas le temps).

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

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