[PBTV4.1] Xtrem_Gaming Blue, Red et Bronze.

Archives Thèmes » Thèmes PHPBoost 4.1 [PBTV4.1] Xtrem_Gaming Blue, Red et Bronze. Portage des thèmes.

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Le 04/02/2015 à 20h51

Bonsoir,

Alors pour ce qui est du portage du thème du Xtrem_gaming_Blue il est fait à 100%
Ce soir, je viens de boucler le Red et j'attaque le Bronze demain (ou ce soir) ..

- Les thèmes sera en 980px au lieu de 960px de largeur par rapport au thème d'origine.

Le X_G_Blue à été refait directement à partir du thème base car malheureusement pas portable depuis sa version d'origine. j'ai aussi revu un peu le design.. mais vraiment légèrement. Il a bien fallu que je m'adapte au nouveau tpl qu'embarque cette version .. pour le plus grands plaisir des inconditionnels de ce thème.

Je met à jour les projets en cours..

***** Edit : 07/04/2015 *****

Ils sont téléchargeables ci-dessous :

- Thème Xtrem Gaming Blue
- Thème Xtrem Gaming Bronze
- Thème Xtrem Gaming Red
- Thème Xtrem Gaming Green
- Thème Xtrem Gaming Orange
- Thème Xtrem Gaming Pink
- Thème Xtrem Gaming Purple

@imablement Swan .

swan_signature

Site web

AxelF

EDN actif(ve)

Rang

Inscrit le : 29/01/2015 à 11h45

Messages: 21

Le 04/02/2015 à 22h47

Merci Swan ! J'ai hâte de pouvoir tester ce thème

hight_tower

Modérateur

Rang

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 05/02/2015 à 17h49

Merci pour eux

Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.

E-mail Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/02/2015 à 18h39

Bonjour,

Maj du 1er sujet

Swan

swan_signature

Site web

AxelF

EDN actif(ve)

Rang

Inscrit le : 29/01/2015 à 11h45

Messages: 21

Le 06/02/2015 à 19h20

Merci ! Y aurait moyen que tu me l'envoie stp vu que j'ai fais la contribution avant stp ?

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/02/2015 à 20h39

Fait par MP ^^

swan_signature

Site web

AxelF

EDN actif(ve)

Rang

Inscrit le : 29/01/2015 à 11h45

Messages: 21

Le 07/02/2015 à 18h17

Tout d'abord, merci Swan pour le thème ça fonctionne ^^

Juste quelques petites remarques/bugs :

Il faut, (en tout cas chez moi) désactiver le cache css, sinon les images du thème n’apparaissent pas.

La chatbox a un petit bug si on l'utilise en menu central :

Image

Et les "styles" ressortent mal, ils ne sont pas très lisibles :

Succès
Avertissement

Pour les menus de liens, les sous-menu ne sont pas très beaux je trouve, vous auriez des astuces pour que ça rende mieux ?

Preview

Et pour finir, est il possible de mettre la largeur en % plutôt qu'en pixels ?

Voilà ça sera tout pour moi, merci

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 07/02/2015 à 18h49

Bonsoir,

Citation:

La chatbox a un petit bug si on l'utilise en menu central :

Image

j'ai revu pour le central, je réuploaderais l'archive. Tu l'auras dans tes Mps.

Citation:

Et les "styles" ressortent mal, ils ne sont pas très lisibles :

Succès
Avertissement

Ils ont modifiables directement dans le dossier "thème/global.css" à partir de la ligne 709 :

Code CSS :

/* -- Les message d erreurs --
--------------------------------------*/
 
div.message-helper-small { width: 50% }
 
.error, .notice, .warning, .success, .question { 
height: auto;
padding: 10px 10px 10px 40px;
margin: 5px auto 15px auto;
line-height: 20px;
border: 1px solid #FFFFFF;
border-radius: 4px;
position: relative;
display: block;
text-align: left;
overflow: hidden;
}
 
.error:before, .notice:before, .warning:before, .success:before, .question:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2em;
position: absolute;
left: 6px;
top: 7px;
width: 28px;
text-align: center;
}
 
.error:before { content: "f00d"; color:#A60202;}
.error { color: #EEEEEE;}
.notice:before { content: "f12a"; color: #555555;}
.notice { color: #EEEEEE;}
.warning:before { content: "f071"; color: #FFD900; }
.warning{ color: #EEEEEE;}
.success:before { content: "f00c"; color: #478948; }
.success{ color: #EEEEEE;}
.question:before { content: "f128"; color:#0039D6;}
.question { color: #EEEEEE;}
 
.question { background-color: #5798F2; border-color: #000EAB; }
.notice { background-color: #ACA899; border-color: #444444; }
.warning { background-color: #FF9900; border-color: #FF5500; }
.error { background-color: #d92e00; border-color: #AA0000; }
.success { background-color: #8AC77F; border-color: #3C8500; }

Citation:

Pour les menus de liens, les sous-menu ne sont pas très beaux je trouve, vous auriez des astuces pour que ça rende mieux ?

Preview

C'est toi qui a mis les ">" devant les liens ?

Citation:

Et pour finir, est il possible de mettre la largeur en % plutôt qu'en pixels ?

Non, c'est pas possible déjà en V3, ce thème avait quelques contraintes comme pas de colonne de menus à gauche et que sur la droite. Là c'est un peu mieux vous pouvez choisir gauche ou droite .. si je le met en %, il faut alourdir l'image centrale des titres en 3 parties. De base je ne fait que porter le thème et j'en ai amélioré un peu le design sur la partie Dl .. On ne peut pas tout avoir non plus.

Voilà ..

Swan

swan_signature

Site web

AxelF

EDN actif(ve)

Rang

Inscrit le : 29/01/2015 à 11h45

Messages: 21

Le 07/02/2015 à 20h10

Re,

Pour la chatbox c'est bon merci ^^

Citation:

Ils ont modifiables directement dans le dossier "thème/global.css" à partir de la ligne 709 :

D'accord je vais regarder ça ^^

Citation:

C'est toi qui a mis les ">" devant les liens ?

Oui, pour différencier les liens des sous-menus. Ça rendait bien sous l'ancien thème mais moins ici ^^

Citation:

Non, c'est pas possible déjà en V3, ce thème avait quelques contraintes comme pas de colonne de menus à gauche et que sur la droite. Là c'est un peu mieux vous pouvez choisir gauche ou droite .. si je le met en %, il faut alourdir l'image centrale des titres en 3 parties. De base je ne fait que porter le thème et j'en ai amélioré un peu le design sur la partie Dl .. On ne peut pas tout avoir non plus.

Pas de soucis je comprend ^^

janus57

EDN Erudit(e)

Rang

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 07/02/2015 à 20h42

Bonjour,

pour info si on fait des largeur en % c'est généralement pour faire du "responsive", hors je ne pense pas que @Swan est voulu rendre ces designs "responsive" car tout simplement il ne serait pas encore présent sachant que cela demande 3x plus de travail vu que le CSS est doublé voir triplé à cause de la tailles des écrans disponible.

Donc tu peu t'amuser à mettre des %, mais sur des écrans "petit" ton design risque de "partir".

Cordialement, janus57

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 07/02/2015 à 21h40

Re ^^

Je pourrais généralisé avec le retina menu, mais pour le moment, j'en vois pas l'utilité surtout sur des designs de ce genre.

Swan

swan_signature

Site web

AxelF

EDN actif(ve)

Rang

Inscrit le : 29/01/2015 à 11h45

Messages: 21

Le 07/02/2015 à 21h57

J'ai une préférence pour les largeurs en % surtout pour les écrans 16/9, parce que un site d'une largeur trop petite sur un grand écran ça fait pas très beau ^^ Mais c'est pas dramatique ça ira bien comme ça

Tu veux dire quoi par "des design de ce genre" ? ^^

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 07/02/2015 à 22h36

"Design de ce genre" , pour un site gaming , un site minimaliste c'est pas top , niveau image sur le net ^^

Personnellement , je n'aime pas le responsive, mais c'est une norme. Tout comme le css3 ( qui nous fais faire des avancées spectaculaires) ou le html5, cela devient incontournable !! Tout comme les nouveaux framwork exemple avec Bootstrap .. Bref un beau charabia de WebDesigner

Et le jour ou je passerais du domaine amateur, un thème de ce genre avec du responsive c'est 1200 euros. Ça calme...

Mais pour le moment sur EDN je suis juste une Graphiste qui se fait plaisir avant tout

Swan à ton service

swan_signature

Site web

AxelF

EDN actif(ve)

Rang

Inscrit le : 29/01/2015 à 11h45

Messages: 21

Le 09/02/2015 à 14h55

Pourquoi tu n'aime pas le responsive ? C'est pratique pourtant

Après, comme je l'ai déjà précisé, mes compétences niveau html/css/php avoisinent le 0, donc je te fais entièrement confiance dans ce domaine ^^

Ah oui en effet... Au final, 20€, c'est peu cher payé pour un aussi joli thème

Sinon, autre petite chose que j'ai remarqué, le lien "Acceuil" de la barre de menu ne fonctionne pas en l'état, il renvoie vers la page actuelle. Il faut rajouter un / après {PATH_TO_ROOT} :

Code PHP :

<li><a href="{PATH_TO_ROOT}/" >Accueil</a></li>

Et sur les pages 403 et 404, il y a une image qui revoie vers "http://localhost:8000/developpement/phpboost-4/templates/fantasy/theme/images/error.jpg"

Et pour finir, c'est possible de réduire la largeur de la colonne de menus ou ça serait comme pour les % ? ^^

Merci

Edité par AxelF Le 09/02/2015 à 17h07

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/02/2015 à 18h04

Bonsoir,

Merci pour le retour sur le thème pour l'accueil.

Citation:

Et sur les pages 403 et 404, il y a une image qui revoie vers "http://localhost:8000/developpement/phpboost-4/templates/fantasy/theme/images/error.jpg"

De mon point de vue, c'est pas possible, vu que je suis partie du thème "base" de la V4.1.3, donc cette erreur n'est pas de mon fait.
Citation:

Et pour finir, c'est possible de réduire la largeur de la colonne de menus ou ça serait comme pour les % ?

Pour cela ouvre ton design.css à la ligne 151, tu trouveras :

Code CSS :

 
/* Menu gauche */
aside#menu-left {
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    width: 300px; /* ici */
}
 
/* Menu droit */
aside#menu-right {
    float: right;
    margin-left: 5px;
    margin-right: 10px;
    width: 300px; /* ici */
}
/* ATTENTION DE BIEN REGARDER AUSSI CETTE PARTIE */
/* Taille du conteneur de page en fonction des menus droite et gauche */
aside#menu-left + div#main { float:left; width:665px; }
aside#menu-right + div#main { float:left; width:665px; }
aside#menu-left + aside#menu-right + div#main { float:left; width:570px; }

Swan

swan_signature

Site web

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

Les 10 derniers messages du forum...