thème Ubuntu-DC

BG · 2009-04-24 16:07:08

Bonjour,

J'ai presque finit mon thème pour Dotclear2 et je souhaiterais bientôt le distribuer mais je me pose quelques questions :

J'ai crée celui-ci en voulant créer un thème pour le concours donc je me retrouve avec 2 thèmes assez similaires le blog pour le contour étant une continuité d'Ubuntu-DC .
Le thème Ubuntu-DC va surement être installé sur le blog de suivi de la l'équipe ubuntu-fr, est-ce un problème si c'est avant le concours vu que je présente un thème similaire ?

Je peux quand même présenter le thème au concours ?

BG · 2009-04-24 16:10:18

J'ai aussi une question concernant ces lignes à priori valide en CSS :

298 .post La propriété -moz-border-radius n'existe pas : 10px
299 .post La propriété -khtml-border-radius n'existe pas : 10px
300 .post La propriété -webkit-border-radius n'existe pas : 10px
633 #footer La propriété -moz-border-radius n'existe pas : 10px
634 #footer La propriété -khtml-border-radius n'existe pas : 10px
635 #footer La propriété -webkit-border-radius n'existe pas : 10px

Puis-je considérer que mon CSS est ok ?

Lomalarch · 2009-04-24 17:22:16

Bonsoir,

pour le css, je dis oui : ces règles sont des règles spécifiques aux moteurs de rendu des navigateurs qui anticipent css 3 et, si elles ne font pas partie de la « norme », elles ne créent pas de confusion dans les navigateurs ;-)

Pour la première question, je ne crois pas qu’il y ait une règle spécifiant qu’aucun thème similaire ne devrait être utilisé par un blog avant les résultats du concours. Ceci étant, je laisse les organisateurs t’en dire plus, je ne fais pas partie du jury…

Kozlika · 2009-04-25 07:34:22

Tout ce qui n'est pas interdit est autorisé et aucune clause n'interdit ça :-)

BG · 2009-04-25 12:32:07

Merci Lomalarch et Kozlika ! :)
Je vais déposer le thème dans la semaine prochaine sur Dotaddcit le temps de faire quelques petits contrôles .

BG · 2009-04-25 16:24:37

J'allais oublier de vérifier le html par contre, il me reste donc quelques corrections à faire à ce niveau.
Une fois passé au validateur j'ai ce genre d'erreurs :
Line 227, Column 7: end tag for "p" omitted, but OMITTAG NO was specified

une question qui va surement paraître bête: comment identifier le fichier en question, j'ai beau parcourir mes fichiers html je ne trouve pas !?

Kozlika · 2009-04-25 16:51:43

C'est peut être dans un billet (tu saisis en xhtml ou en wiki ou en visuel ?) ou alors c'est dans l'un des fichiers de contexte. Si tu nous donnes l'url où on peut voir ça on t'aidera.

BG · 2009-04-25 16:59:18

Merci pour ton aide Kozlika !
Pour les billets, j'utilise un fichier texte que tu as crée que j'importe dans me blog.
Le thème est pour le moment visible sur ce blog de test : http://bg-web.fr/dotclear2/

Moe · 2009-04-25 17:26:12

Une ligne blanche apparaît à droite lorsque la résolution dépasse environ 1600 pixels de large : http://img99.imageshack.us/img99/6016/2 … tclear.png

Je parie que c'est parce que l'image de fond ne fait *que* 1590 pixels.

Dernière modification par Moe (2009-04-25 17:39:01)

Kozlika · 2009-04-25 17:29:15

Le <p> du footer n'est pas fermé. Utilise une règle CSS pour centrer ce paragraphe. <center> n'est pas valide. :-)

BG · 2009-04-26 03:23:09

Merci pour vos conseils !
Moe, en effet j'avais un peu zappé ce "petit" détail, je pensais rajouté plus de choses à la base sur
cette bannière puis du coup je me suis que ça ferait un bon thème.Merci pour le screen ! ;)
Kozlika , je ne pensais pas qu'une erreur pouvait en générer 6 ! :D
En tous cas, tout est maintenant parfait à ce niveau.

Firefox : ok
IE7 : décalage du menu vers le titre ( je vais le déplacer pour voir)
Konqueror : J'ai un effet de transparence sur la barre de recherche et le bouton search
qui apparaît ?

Je veux bien vos retours vis à vis d'autres OS comme Safari, IE8, etc ....

Lomalarch · 2009-04-26 08:36:21

L’affichage dans Opera est tout à fait similaire à celui dans Firefox :-)

Ma Debian ne me permet guère de tester sur IE8, et le Safari que je fais parfois tourner à travers wine est assez instable, donc je vais difficilement pouvoir aller plus loin ;-)

Philippe · 2009-04-26 08:53:21

Très réussi ! Le rendu est nickel sous Windows Vista avec IE8, Opéra, Firefox et Chrome :) Bien entendu, seuls les deux derniers affichent les jolis coins arrondis...

Une petite suggestion : tu pourrais écarter un peu le texte de la case à cocher dans "se souvenir de moi sur ce blog", et styler le bouton "prévisualiser" ?

BG · 2009-04-26 11:58:17

Merci pour vos retours , c'est sympa !

Je viens d'installer Opera pour le coup, je pensais qu'il aurait affiché les coins arrondis celui-ci.

Sous Konqueror je ne vois pas trop comment régler ce problème, voir le screen :
http://img216.imageshack.us/my.php?image=captureq.png

Merci pour les remarques Amalgame, je vais regarder ce qu'il est possible de faire, c'est vrai que j'ai pas trop forcé sur ça.

Lomalarch · 2009-04-26 21:03:12

Le problème de webkit (Konqueror et Safari), c’est qu’il appelle les boîtes et boutons du « bureau » (KDE ou OS X, donc) et je ne suis pas sûr que ce soit contournable. Comme je ne veux pas te déprimer, je ne te mettrai pas de capture de mon Konqueror, où j’ai défini un fond sombre pour les éléments du bureau…

BG · 2009-04-27 11:33:51

Lomalarch a écrit :

Le problème de webkit (Konqueror et Safari), c’est qu’il appelle les boîtes et boutons du « bureau » (KDE ou OS X, donc)

Désolé mais là je ne vois pas trop ce que tu veux dire concernant cet appel de boites et boutons du "bureau"

Lomalarch a écrit :

je ne suis pas sûr que ce soit contournable. Comme je ne veux pas te déprimer, je ne te mettrai pas de capture de mon Konqueror, où j’ai défini un fond sombre pour les éléments du bureau…

Trop tard pout la déprime ! :D

C'est vraiment dommage vu le thème de ne pas avoir un bon rendu sous Konqueror surtout pour un blog qui risuqe de finir sur ubuntu-fr.

Lomalarch · 2009-04-27 14:30:00

Les boîtes et boutons sont sur le modèle de ceux des autres applications et on ne peut pas les faire « disparaître » avec une transparence et une image de fond.

En revanche, tu peux essayer d’avoir une « vraie » image de fond pour le bouton submit et un arrière-plan #fff pour l’input.

Philippe · 2009-04-27 15:26:47

Et si on style les input, est-ce que ça marche avec Konqueror ? Par exemple sur cette page, le bouton ok du formulaire de recherche est-il couleur sable et bleu au survol ou de la couleur des boutons du système ?

BG · 2009-04-27 15:40:54

Merci pour cet éclairage !;)
En effet j'ai donc mis un arrière plan#FFF pour l'input, j'ai rajouté un encart blanc à côté du logo ubuntu qui me permet de conserver les bords arrondis et d'acceuillir l'input au centre.

Pour le bouton submit, j'ai donc rajouté dans #search button la ligne suivante :

background: url(images/search.jpg) no-repeat;

ça fonctionne merci ! :)

BG · 2009-04-27 15:43:43

amalgame a écrit :

Et si on style les input, est-ce que ça marche avec Konqueror ? Par exemple sur cette page, le bouton ok du formulaire de recherche est-il couleur sable et bleu au survol ou de la couleur des boutons du système ?

Oui le bonton apparaît bien en sable et bleu au survol,la seule différence est la forme du bouton qui est arrondie au lieu d'être carré sous Firefox.

Lomalarch · 2009-04-27 18:41:28

houlà : le fond du champ de saisie étant pris dans la bannière, le float:right pour le formulaire n’est pas une bonne idée : sur une définition un peu large, on « sort » du champ de recherche et c’est pas bien beau…

À ta place, je remplacerais float: right par left: 600px dans la définition de #header .topright ;-)

BG · 2009-04-27 18:54:55

Etant en 1024X768 c'est vrai que du coup je ne pense pas souvent à ça !
Je viens d'essayer en 600 mais je tombé en dehors du champ de recherche j'ai donc modifié à 730, de mon côté c'est toujours bon maintenant est-ce suffisant sur une grande définition c'est la question !

Lomalarch · 2009-04-27 21:25:50

ça ne fonctionne pas, en fait, à cause du body centré qui, fatalement, décale l’emplacement du contenu alors que la bannière, elle, ne bouge pas. À mon avis, il te faut découper autrement et mettre l’image d’arrière-plan de l’input sur le fieldset ou le bloc contenant le form ;-)

BG · 2009-04-28 10:58:53

Bon je suis revenu un peu en arrière car je partais dans le mauvais sens à priori pour modifier tout ça, j'ai fait testé a un ami sur une grande résolution , à priori ça fonctionne !

/me va se pendre si ça ne va pas ! :D

Lomalarch · 2009-04-28 14:48:05

Le bouton est encore un peu bizarre sur konqueror (il insiste pour écrire soumettre et il n’a pas la place) - version 3.5, je précise, ma debian testing n’est pas encore à kde 4 (même si ça ne va sans doute plus tarder).

Par ailleurs, tu devrais revenir au float:right, du coup : ça t’éviterait un ascenseur horizontal disgracieux ;-)

Dotclear

Forum Dotclear

Annonce

#1 2009-04-24 16:07:08

thème Ubuntu-DC

#2 2009-04-24 16:10:18

Re : thème Ubuntu-DC

#3 2009-04-24 17:22:16

Re : thème Ubuntu-DC

#4 2009-04-25 07:34:22

Re : thème Ubuntu-DC

#5 2009-04-25 12:32:07

Re : thème Ubuntu-DC

#6 2009-04-25 16:24:37

Re : thème Ubuntu-DC

#7 2009-04-25 16:51:43

Re : thème Ubuntu-DC

#8 2009-04-25 16:59:18

Re : thème Ubuntu-DC

#9 2009-04-25 17:26:12

Re : thème Ubuntu-DC

#10 2009-04-25 17:29:15

Re : thème Ubuntu-DC

#11 2009-04-26 03:23:09

Re : thème Ubuntu-DC

#12 2009-04-26 08:36:21

Re : thème Ubuntu-DC

#13 2009-04-26 08:53:21

Re : thème Ubuntu-DC

#14 2009-04-26 11:58:17

Re : thème Ubuntu-DC

#15 2009-04-26 21:03:12

Re : thème Ubuntu-DC

#16 2009-04-27 11:33:51

Re : thème Ubuntu-DC

#17 2009-04-27 14:30:00

Re : thème Ubuntu-DC

#18 2009-04-27 15:26:47

Re : thème Ubuntu-DC

#19 2009-04-27 15:40:54

Re : thème Ubuntu-DC

#20 2009-04-27 15:43:43

Re : thème Ubuntu-DC

#21 2009-04-27 18:41:28

Re : thème Ubuntu-DC

#22 2009-04-27 18:54:55

Re : thème Ubuntu-DC

#23 2009-04-27 21:25:50

Re : thème Ubuntu-DC

#24 2009-04-28 10:58:53

Re : thème Ubuntu-DC

#25 2009-04-28 14:48:05

Re : thème Ubuntu-DC

Pied de page des forums

Sites map