How do I create a ribbon? – Html
I wanted to create a Ribbon in my current project, but since I've never used ribbons before I dont even know how start... The ribbon should look like this: On the last longer part I want to add an image…
How to change the background color of a random shape if I want multiple colors? – Html
So basically I have a emblem/shield shape and I want to have it 4 different colors on each edge. Like on this pic but obviously with 4 different color: https://us.123rf.com/450wm/konstantinks/konstantinks1403/konstantinks140300271/26709864-medieval-shield-on-white-background.jpg?ver=6 I've made the shield and it looks like this: https://codepen.io/Franklin777111/pen/abRdMep…
How to draw a circle around a number WITHOUT moving it? – Html
There are plenty of examples of drawing circles around numbers using border-radius. However, the problem I have is that I am displaying numbers in columns and rows (in a table) to form a calendar and when I add a class…
How to implement curved-start only bottom navigation bar in react/react-native? – React native
I want to make such bottom navigation bar, the curve is fixed there and does not move when you press the tab buttons, tried both svg paths and d3-shapes But could not manage to find the correct points/dimensions to make…
How to inscribe text inside a triangle? (CSS) – SEO
First time working with clip path and shape outside, I'm trying to write text inside a triangle with text being clipped. I already tried svg solutions, but text becomes very unreadable which is bad for seo, text readers, etc. (something…
Elementor – Make a rhombus image with border and padding
I would like to make an rhombus shaped image, with border and padding. I've managed to make the image in a rhombus shape, but haven't succeeded in making a border with padding around it. I'm using elementor builder and looking…
Playing with CSS shapes: How to make a custom ICON using pure HTML and CSS – Photoshop
Currently, I am playing with HTML and CSS and I wanted to make a icon from this image the image is somewhat like that. I tried adding different shapes of ovals and circles inside the bigger circle but it did…
Drawing a triangle over a div in CSS – Twitter bootstrap
I'm actually trying to implement a design done for me into HTML5 and CSS3 with Twitter Bootstrap. I've got a sidebar on the left of the screen with a list inside, nothing complex. <html> <section class="sidebar"> <ul class="sidebar-menu"> <li class="active">…
Twitter bootstrap – how to create a resposnsive diamond shaped div with icons and border?
I am trying to create a diamond shaped div with a border around it. but the problem i am facing is that it needs to be responsive and the shape is also unusual. attaching a image for reference. I have…
Re-vamp an old design, replacing background images with new CSS3 rules – Photoshop
I have to re-vamp a 3 years old website mantaining substuntially the same look&feel while upgrading coding technologies with extensive CSS3 techniques, to make it modern and responsive. This was a design that used transparency, emboss and cutted areas, originally…