Des borders non arrondis ?

Dim 25 Jan 2015 - 17:22

Dark6nika

Age : 31Messages : 118

Dim 25 Jan 2015 - 17:22

Ma demande

Bonjour bonjour les NUtopiens ^-^

J'étais en train de réfléchir à une codage qui me fait envie depuis longtemps, avec un style que je n'ai encore jamais trouvé ... et cela concerne les borders ! J'ai déjà fais quelques recherches la dessus mais ce que j'ai trouvé avait l'air plutôt compliqué et n'a pas fonctionné (j'ai pas vraiment compris si j'ai fait les bon testes, enfin bon)
Voilà, donc, concrètement, je voudrais trouver un moyen de faire des bords d'images ou de div non arrondis. Est-ce que c'est possible actuellement d'arriver à obtenir un truc comme ça avec une balise ou une propriété spécifique ?

Merci beaucoup à toute l'équipe et tous les volontaires qui nous aident au quotidien à embellir nos forums ;3

Schéma(s) et Eléments
Schémas : Donc, concrètement (et grossièrement), au lieu d'avoir ça :
Des borders non arrondis ? 1422202698-imgcutrd

Des borders non arrondis ? 1422202698-imgcutrd

Je voudrais obtenir ça :
Des borders non arrondis ? 1422202698-imgcut

Version de votre forum : PHPBB2

Ressources
Rien n'est nécessaire

Autres précisions ?
C'est mon dernier mot Jean pierre ! Merci beaucoup de votre sollicitude ♥

Dernière édition par Dark6nika le Ven 30 Jan 2015 - 22:34, édité 2 fois

Mer 28 Jan 2015 - 14:20

Dark6nika

Age : 31Messages : 118

Mer 28 Jan 2015 - 14:20

Un petit up =)

Ven 30 Jan 2015 - 20:40

Dark6nika

Age : 31Messages : 118

Ven 30 Jan 2015 - 20:40

Piti up~~

Ven 30 Jan 2015 - 20:53

Henrykiki

Age : 32Messages : 576

Ven 30 Jan 2015 - 20:53

Hellow, à part en utilisant un double background, je ne vois pas comment tu pourrais faire d'autres...

Un background avec ton image... Un deuxième avec la forme de ton coin inférieur droit...
Et alors, tu les positionnes l'une normale, puis l'autre en bas à droite... Tu leur demandes de ne pas se répéter... Et voici la manière avec 2 backgrounds se superposants...

Code:: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #exemple { width: 300px; height: 150px; background: url("http://i38.servimg.com/u/f38/19/07/10/81/taform11.png"), url("http://i38.servimg.com/u/f38/19/07/10/81/tonima10.png"); background-position: bottom right, top left; background-repeat: no-repeat, no-repeat; } </style> </head> <body> <div id="exemple"></div> </body> </html>

Ce qui te donneras :

Ven 30 Jan 2015 - 22:34

Dark6nika

Age : 31Messages : 118

Ven 30 Jan 2015 - 22:34

Woh mais oui ! C'est super malin !! Merci beaucoup, je pense pouvoir me débrouiller avec cette astuce ! Merci beaucoup *-*

Contenu sponsorisé

Des borders non arrondis ?

Ma demande

Ce qui te donneras :

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée