Mise a jour du code

Voir le sujet précédent Voir le sujet suivant Aller en bas

Mise a jour du code

Message par Zautre le Lun 27 Oct - 12:04

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)


Question 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
avatar
Zautre
Mexicain en puissance
Mexicain en puissance

100 / 100100 / 100

Messages : 18
Date d'inscription : 06/06/2014
Age : 31

Voir le profil de l'utilisateur http://zautre.free.fr

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Trymyss le Lun 27 Oct - 14:00

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 ?
Smile

http://hellvenlivehost.fr/index.php


Dernière édition par Trymyss le Lun 3 Nov - 16:06, édité 1 fois
avatar
Trymyss
Chasseur de chauve-souris
Chasseur de chauve-souris

100 / 100100 / 100

Messages : 73
Date d'inscription : 25/09/2014
Localisation : Sur la planète Kepler 186f

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Starky le Lun 27 Oct - 14:23

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

.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.


"Les elfes sont un blasphème, et une seule solution est acceptable: l'extermination. Il ne peut y avoir que deux camps dans un tel combat. Choisissez bien, sous peine de nous retrouver l'un contre l'autre..."
avatar
Starky
Administrateur
Administrateur

Blop Vieux de la vieille Architecte de folie Rédacteur de tutoriel
100 / 100100 / 100

Messages : 2036
Date d'inscription : 12/08/2013
Age : 23
Localisation : Les Iles de Fer, la cité miniére blop

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Zautre le Lun 27 Oct - 14:41

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.
avatar
Zautre
Mexicain en puissance
Mexicain en puissance

100 / 100100 / 100

Messages : 18
Date d'inscription : 06/06/2014
Age : 31

Voir le profil de l'utilisateur http://zautre.free.fr

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Trymyss le Lun 27 Oct - 14:44

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 ?
avatar
Trymyss
Chasseur de chauve-souris
Chasseur de chauve-souris

100 / 100100 / 100

Messages : 73
Date d'inscription : 25/09/2014
Localisation : Sur la planète Kepler 186f

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Zautre le Jeu 30 Oct - 22:02

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

100 / 100100 / 100

Messages : 18
Date d'inscription : 06/06/2014
Age : 31

Voir le profil de l'utilisateur http://zautre.free.fr

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Trymyss le Jeu 30 Oct - 22:10

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
avatar
Trymyss
Chasseur de chauve-souris
Chasseur de chauve-souris

100 / 100100 / 100

Messages : 73
Date d'inscription : 25/09/2014
Localisation : Sur la planète Kepler 186f

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Sandozseverine le Sam 1 Nov - 0:52

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

.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Il vaut mieux avoir vécu 25 jours comme un tigre, qu'un millénaire comme un mouton.
avatar
Sandozseverine
Donateur
Donateur

Aereen
100 / 100100 / 100

Messages : 110
Date d'inscription : 04/06/2014
Age : 40
Localisation : Très loins des autres :)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Natchoum le Sam 1 Nov - 11:47

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 Wink
avatar
Natchoum
Modérateur
Modérateur

Blop
100 / 100100 / 100

Messages : 1695
Date d'inscription : 24/10/2013
Age : 27

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Galatane le Sam 1 Nov - 13:25

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?

.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.


Galatane
Modérateur
Modérateur

Humain Redstoner
100 / 100100 / 100

Messages : 309
Date d'inscription : 20/12/2013
Age : 32
Localisation : Au Nord du spawn

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Trymyss le Lun 3 Nov - 12:54

Je me suis inspiré de quelques site mais je connaissais pas bootstrap je vais regarder
avatar
Trymyss
Chasseur de chauve-souris
Chasseur de chauve-souris

100 / 100100 / 100

Messages : 73
Date d'inscription : 25/09/2014
Localisation : Sur la planète Kepler 186f

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Natchoum le Lun 3 Nov - 17:23

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ù Razz
avatar
Natchoum
Modérateur
Modérateur

Blop
100 / 100100 / 100

Messages : 1695
Date d'inscription : 24/10/2013
Age : 27

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Zautre le Lun 24 Nov - 10:33

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
avatar
Zautre
Mexicain en puissance
Mexicain en puissance

100 / 100100 / 100

Messages : 18
Date d'inscription : 06/06/2014
Age : 31

Voir le profil de l'utilisateur http://zautre.free.fr

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Natchoum le Lun 24 Nov - 13:00

comme tu dis, je suis dev web et j'ai toujours pas de portfolio ^^
avatar
Natchoum
Modérateur
Modérateur

Blop
100 / 100100 / 100

Messages : 1695
Date d'inscription : 24/10/2013
Age : 27

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Mise a jour du code

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum