Mise a jour du code

Salut la compagnie,

Est ce que ça vous intéresse de passer de ça (pas besoin de tenir compte de la barre en haut) :


à ça :


Je sais que c'est minime, mais c'est toujours mieux que rien. Si vous ne voyez pas les différences, les voici:

• L'image en titre est réduite pour rentrer dans son cadre
  

• Le fond noir du titre est retiré
  

• La barre de menu à un fond transparent et une ombre
  

• TOUTES les image de coins ont été retiré et remplacé par de vrai arrondi
  

• Des espaces ont été mis un peu partout pour avoir un tableau qui respire (par exemple)
  

Voyez-vous d'autres points à améliorer ?

Je n'ai touché que au code, grâce à l'inspection du code de Google Chrome. Si vous voulez ces changements je vous transmet le code par MP.

A bon lecteur et adminsitrateur du forum, Salut

Perso pour moi les 2 premiers point chez moi c'est nickel tout est dans le cadre et le fond noir me plait. Après le reste je ne sais pas.
Mais après perso je me suis amusé à faire un site une fois dites ce que vous en pensez ?


http://hellvenlivehost.fr/index.php

Galatane m'avais deja parlé de ce que tu pouvais faire Zautre et c'est vrai que ça serait pas mal. A voir ce qu'en pense les autres mais je ne suis pas contre te donner les droits pour que tu puisse faire ca

Trymys a écrit:Mais après perso je me suis amusé à faire un site une fois dites ce que vous en pensez ?
Smile

http://hellven.livehost.fr/index.php

Il pique un peu les yeux.

Ouep sa on me l'a déjà dit mais c'est juste l'image de fond qui fais ça mais facilement changeable mais niveau codage ça va pour une première création ?

trop charger en commentaire.
Il n'y a pas que le fond qu'il aurait fallu changer. la barre de menu est énorme.

Mouai je m'amuserais a améliorer ça quand j'aurais le temps et l'envie, je connais encore rien en codage j'ai fais ça en 1 semaine en apprenant le html css car j'avais rien a faire
j'avais commencé le php mais je n'ai plus eu le courage de continuer a l'apprendre

Perso je suis une vraie taupe car je vois rien de changer alors vas y seulement si tu as le ok

Je viens de regarder ton site trymiss, en regardant un peu ton code j'ai l'impression que tu utilises un truc style bootstrap pour mettre en forme ( vu tes class nommées nav-machin ). Si c'est le cas je te conseille d'utiliser les composants de cette librairie pour améliorer un peu ton design, tes éléments sont trop gros entre autre.
Si tu as besoin de conseils pour ton code, n'hésites pas à demander, je ne répondrai pas obligatoirement rapidement mais à priori je pourrais t'aider si nécessaire

Pour revenir sur le sujet de base, je trouve les modifs intéressante.

Pour la taille de la bannière, tu fais quoi? Un redimensionnement ou une image proportionnelle à la taille de l'écran?

Je me suis inspiré de quelques site mais je connaissais pas bootstrap je vais regarder

Galatane a écrit:Pour revenir sur le sujet de base, je trouve les modifs intéressante.

Pour la taille de la bannière, tu fais quoi? Un redimensionnement ou une image proportionnelle à la taille de l'écran?

une chose à prendre en compte , je ne sais pas si zautre à l'habitude et donc s'il y a pensé : le forum a une version mobile donc attention à pas la foutre en l'air en modifiant le html / css de façon non modulable. Si tu t'y connais bien zautre, désolé de te rappeler ça mais au cas où

Oui, j'ai des notions dans la production de site web (Design / Développement / Intégration / MySQL).
Non non , je n'expose pas mon CV.

Voici mon site. Malgré le temps que j'ai, je ne l'ai pas forcément fini. Ce sont les bottiers les moins bien chaussé dit-on.

Pour ce qui est des modifications, je pense juste qu'en y injectant ces quelques lignes ça suffira:

Code:


.inner span.corners-top,
.inner span.corners-top span,
.inner span.corners-bottom,
.inner span.corners-bottom span {
    background: none;
}
.headerbar,
.forabg,
.forumbg,
.navbar {
    border-radius: 7px;
}
.headerbar {
    background: none;
}
#logo {
    padding: 0;
    /*width:963px;*/
}
#logo img{
    width: 963px !important;
}
.module {
    background: none;
    font-size: 10px;
    /*font-weight: bold;*/
    font-familly: Courier, sans-serif;
}
.forabg {
    margin-bottom: 10px;
}
ul.forums{
    background: none;
}
li.row {
    background: #525a7a;
}
li.row:first-child {
    border-radius: 5px 5px 0 0;
}
li.row:last-child {
    border-radius: 0 0 5px 5px;
}
.navbar {
    background: #848fba;
    background: rgba(132,143,186,0.4);
    box-shadow: 0 0 50px #000;
}
ul.topiclist dd:first-child {
    border-left:none;
}
#page-footer {
    margin-top: 30px;
}
.copyright {
    padding:0;
}

ul.topiclist dd.dterm {
    margin-left: 10px;
    width: 482px;
}

dd.lastpost {
    /* padding-left: 50px; */
}

dd.lastpost span,
dd.moderation span,
dd.redirect span,
ul.topiclist dd.info span,
ul.topiclist dd.searchby span,
ul.topiclist dd.time span {
    padding-left: 20px;
}
ul.topics li.header dl.icon dt{
    padding-left:10px
}
p.nomargin.path {
    padding: 12px 0;
}

Pour ceux qui se demande comment j'ai pu le tester, j'ai utilisé l'inspecteur d'élément de Chrome.

A bon lecteur, salut

comme tu dis, je suis dev web et j'ai toujours pas de portfolio ^^