PDA

Afficher la version complète : Modifications diverses Ajout d'arrondis sur les boutons et sur la totalité du postbit [CSS)



Ombre
17/04/2010, 14h30
Ce mod permet d'ajouter des arrondis que je trouvais manquant sur vb4, sur la totalité du postbit et postbit_legacy ainsi que tous les boutons d'options de tout le forum et blog.

J'en ai peut-être oubliés, si c'est le cas merci de me le dire ici en réponse ;). Attention toute fois ce mod ne fonctionne pas sous IE (Internet Explorer).

Conception


Auteur du mod : Ombre
Version vBulletin Requise : vB 4.0.2+
Testé: oui sur 4.0.2 pl1 et 4.0.3

Copyright © 2006-2010 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions / Copyright © 2006-2010 vBulletin-Ressources.com - All Rights Reserved Only for ours translations.
Template modifié: Aucun


Installation


Dans le template additional.css placez le contenus du fichier txt nommé class_by_Ombre.txt que vous trouverez dans l'archive nommé Arrondies_postbit_boutons_by_Ombre_for_vb-r.rar au tout début du template et enregistrez.

Et voila c'est fini, rien de plus simple.

Bonus


Vous pouvez changer la couleur du fond et de la police en modifient la class que vous avez ajouter via le fichier class_by_Ombre.txt.


Capture

Avant:


13709

Après:


13710137111371213713

Billyboule
17/04/2010, 16h12
Super modif, merci Ombre.
Il est grand temps que IE se mette à la page avec les arrondis.

Ombre
17/04/2010, 17h00
IE 8 aurais déjà dû accépter les propriétés CSS3, c'est voulu ça n'en fais aucuns doutes, il faut savoir avancé, donc je continus à utilisé des class du CSS3, mais dans une moindre mesure, de façon à ne pas trop lésé les habitué de ce navigateur en retard mais tant répandu.

gil
17/04/2010, 18h17
bonjour

Merci Ombre

Allan
17/04/2010, 19h45
Merci du partage :)

naja
17/04/2010, 20h44
merci du partage
mais ne fonctionne pas chez moi
vb 4.0.3
si tu veux voir ce qui va pas ton compte est toujours active sur mon site

Ombre
17/04/2010, 21h42
merci du partage
mais ne fonctionne pas chez moi
vb 4.0.3
si tu veux voir ce qui va pas ton compte est toujours active sur mon site

Bonsoir,

Je viens de regarder sur ton forum sur le style par défaut et aucuns soucis, il fonctionne, j'ai ajouté simplement deux class que j'avais oublié de mettre dans l'archive, j'en ai profité pour mettre l'archive à jour donc :)

Par contre j'ai remarquer un défaut sur ton postbit_legacy, la partie attachment (fichiers joints) était hors du cadre des messages en dessous, j'ai donc rectifié cela, mais je ne sais pas si c'était voulu j'ai donc fait une sauvegarde de ton template, si tu avais fais quelque chose que je n'ai pas remarquer ou que ce (bug) était voulu, alors préviens moi je te le donnerais.

naja
17/04/2010, 22h27
merci ombre pour ta rapidité
mais je crois que j'ai fais une boulette je n'avais pas vu que tu étais sur mon site et je pense que j'ai modifié mon additional.css en même temps que toi
car quand je regarde sur IE j'ai tout d'origine
j'ai tenté de remettre le fichier que tu as mis à jour mais toujours la même chose
ps : sais-tu me dire aussi si l'Effet d'ombre sur les liens des forums est compatible IE
ps2 : merci pour mon postbit_legacy http://www.vbulletin-ressources.com/forum/images/icons/wink.gif[IMG]file:///C:/DOCUME%7E1/Seb/LOCALS%7E1/Temp/moz-screenshot-2.png

Ombre
17/04/2010, 22h34
Aucuns des effet CSS3 est compatible IE.

D'ailleurs je le cite dans la description ;)

Simon
19/04/2010, 11h41
Indispensable ! Merci pour cette création :)
Aucuns des effet CSS3 est compatible IE.Mais il est possible de contourner ça: http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html section "Roundies : du JavaScript pour Internet Explorer"

Spider-Man
19/04/2010, 16h20
Bonjour et merci pour ce partage ;)

Ombre
19/04/2010, 18h32
Indispensable ! Merci pour cette création :)Mais il est possible de contourner ça: http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html section "Roundies : du JavaScript pour Internet Explorer"J'ai parler de CSS3 pas de javascript, quitte à utiliser un script je pourrais utiliser celui de mon postbit_legacy Element qui utilisé un script .htc, mais c'est voulu d'ici 2011/20012 (la fin du monde) tout devrait être ok :D

EDIT: lol sur alsacreation c'est un script .htc :D donc qui invalide les style.

raja811
03/05/2010, 20h48
Merci ombre c'est parfait.

ba3bola
02/06/2010, 19h24
merci :yahoo:

nevalys
16/08/2010, 16h36
Bonjour et merci pour ce partage, par contre je rencontre un bug sur mon forum.

Sa fonctionne bien sur le style par défaut, alors que je n'ai pas modifié le additional.css
Sa ne fonctionne pas sur mon style tuné alors que j'ai bien rajouté le code de Ombre.

J'avoue que je ne comprend pas trop lol

Amicalement

Olivier

Ombre
16/08/2010, 18h50
Bonsoir, j'ai du mal à te suivre:


Sa fonctionne bien sur le style par défaut, alors que je n'ai pas modifié le additional.css

Même sous la dernière version de vb 4.0.6 ses modifications ne sont pas en place, donc je ne vois pas comment elle peuvent être effectuée sur ton style par défaut sans que tu ajoutes ce mod?


Sa ne fonctionne pas sur mon style tuné alors que j'ai bien rajouté le code de Ombre.

Qu'entends tu par style tuné? tu as modifier le style par défaut, ou un style personnalisé de base?

nevalys
16/08/2010, 19h55
Bonsoir, j'ai du mal à te suivre:



Même sous la dernière version de vb 4.0.6 ses modifications ne sont pas en place, donc je ne vois pas comment elle peuvent être effectuée sur ton style par défaut sans que tu ajoutes ce mod?



Qu'entends tu par style tuné? tu as modifier le style par défaut, ou un style personnalisé de base?

En fait j'ai le style par défaut et le style semblance de talktemplate. J'ai modifié le additional.css sur le style talktemplate rien ne se passe, par contre et la à ma grande surprise je m' aperçoit que les options d'arrondis fonctionnent sur le style par défaut alors que je ne l'ai pas modifié.

www.nevalys-interactive.com/forum

essaye les deux styles tu verras la maintenant les deux ont ta modification dans le additional.css et pour le style talktemplate sa ne fonctionne pas.

Ombre
16/08/2010, 20h41
Tu es sur de ne pas avoir ajoutées les class dans le template additional.css du style par défaut au lieu du style personnalisé que tu utilises?

Sinon regarde dans les variables du style que tu utilises talktemplate, a la variable suivante "border_radius" dans la aprtie "common" si la valeur en px est bien de 5 par exemple et pas sur 0, le mod utilisent la variable par défaut du style si elle est réglé à 0 c'est normal que tu ne puisses rien voir.

nevalys
16/08/2010, 21h41
Non pas d'erreur j'ai pensé à cela mais non c'est pas le cas.

Pour vérifier la fonction border radius ou dois je aller ? je ne t'ai pas trop compris pour les parties "common" ( je suis un peu novice sur VB4)

Ombre
16/08/2010, 21h49
Dans administration >> Styles & Templates >> Gérer les styles >> (menu déroulant du style visé) variables du style >> et recherche la variable "border_radius" et modifies la si nécessaire.

nevalys
16/08/2010, 21h57
Merci Ombre soucis réglé j'avoue je préfère les angles arrondis ;) En tous cas un grand merci

Ombre
16/08/2010, 22h31
De rien bonne continuation.

Freddy.k
02/09/2010, 16h48
Merci Ombre je prend :p

Ombre
02/09/2010, 18h02
Bonjour, tu as de la chance je te l'offre :)

Freddy.k
05/09/2010, 04h10
Bonjour, tu as de la chance je te l'offre :)

Merci Ombre :d2

abdelhakim
29/09/2010, 06h50
merci fonctionne très bien sous vb 4.0.7 :)

hybrid56
04/10/2010, 22h24
Merci nickel sous vb 4.0.6
Sauf que ca ne change rien sous IE 8. Mais IE 9 sera compatible avec le CSS 3 il me semble.

Ombre
04/10/2010, 22h26
Oui normal sous IE, effectivement les radius seront pris en compte normalement sous IE9.

LAYLA
24/05/2011, 16h19
Bonjour,

Excellent travail. BRAVO

Très joli pour raffiner les contours

MERCI OMBRE

Cordialement,

Bonne journée

rpe78
30/05/2011, 18h39
Simple mais sa donne une jolie touche de beauté !

Merci a toi !

VanillaNeko
09/06/2011, 01h39
Merci Ombre !

tcd45
30/01/2012, 18h52
Archive érroné

tcd45
30/01/2012, 18h53
Ah non car ma page a bugé dsl.