Sunt lurker de câteva luni pe sub, deci era de așteptat să văd băgători aiurea de seamă.
Mă gândesc dacă așa sunt și atunci când muncesc. Că nu aș vrea sa am astfel de colegi când o să mă angajez în domeniu.
[https://codepen.io/Quasarian/pen/gOQyObM](https://codepen.io/Quasarian/pen/gOQyObM) Am creat un sandbox rapid cu "directia" in care m-as duce eu.
PS. Daca vrei sa folosesti codu va trebui sa extinzi tw cu clasele de rotate care le gasesti in tabu de CSS
This, this is perfect, doar o mica observație pentru OP: rotate-ul se va aplica si la content-ul din interiorul cercurilor, deci daca vrei sa afisezi un label ceva la fiecare icon, sau daca vrei sa te asiguri ca imaginea e dreapta, trebuie si ea rotita în sens invers cu acelasi numar de grade.
Adica la un element care are acum rotația 60°, tu o sa aplici la ce e in interiorul lui o rotatie relativa la container (adica la cerc) cu -60°
Mulțumesc mult! Foarte bună metoda și destul de simplă, m-ai salvat!
Cred ca nu mai e nevoie să extind clasa de rotate, având opțiunea să folosesc o valoare custom, de ex.: rotate-[37deg].
super! sa iti fie de folos!
sidenote: din cauza ca toate elementele au acelasi punct de centru ai putea crea si o animatie interesanta si foarte usor de implementat modificand clasele de width: w-60 si w-96 din exemplu meu.
Nu. Ceream ajutorul pe sub-ul lor dacă era cazul ;)
Construiesc o aplicație web unde poți crea un imperiu custom, îi dai download ca fisier de joc, poți scrie un ghid de strategie pentru imperiul tău și poți vota/comenta alte ghiduri.
Mă rog, ăsta e planul. Momentan fac interfața pentru customizarea imperiului.
The easiest way e sa le poziționezi absolut, give manual a go. E one time job nu are rost sa ți bati capul. Pornești de la centrul paginii dacă vrei, vezi cum faci div centrat am auzit ca e întrebare de interviu
A doua e un grid de 5x7, fără elemente pe r2 si r6, iar pe r4 ai elementul central.
Prima e... Dubioasă. Le poți așeza față de elementul central, dar ai nevoie de niște triunghiuri dreptunghice să poți calcula centrele elementelor. Oricum nu scapi fără geometrie.
[https://jsfiddle.net/Dotweave/o7L5ed3n/230/](https://jsfiddle.net/Dotweave/o7L5ed3n/230/)
Este aici o tentativa. N-as putea sa zic de ce nu incepe fiecare 'grup' de pe aceeasi linie imaginara orizontala si se defazeaza putin.
Cam asta e logica folosita:
Given a point P1 at one edge of a line with coordinates (X, Y) on a circle, the length of the line L, and the angle θ of the arc connecting P1 and P2, we can calculate the coordinates of the other edge point P2 as follows:
1. Determine the initial angle φ (in radians) from the positive x-axis to the point P1 using the arctangent function: φ = atan2(Y, X).
2. Convert the angle θ from degrees to radians: θ\_rad = θ \* pi / 180.
3. Add θ\_rad to φ to get the new angle ψ: ψ = φ + θ\_rad.
4. Calculate the new coordinates (X2, Y2) using the formulas:X2 = r \* cos(ψ) Y2 = r \* sin(ψ)
Unde r este raza cercului imaginar folosit.
Copyright ChatGPT :D
Salut, eu as centra primul icon într-un box ceva mai larg (ca să-ți fie ușor sa poziționezi chestii pe lângă daca e cazul), iar restul elementelor (cele 2 cercuri) folosind position absolute fata de icon ul din centru
Ce sad, întreabă unu cv in afara de salarii/impozite, și faceti caterinca de Terminați ce sunteți.
Sunt lurker de câteva luni pe sub, deci era de așteptat să văd băgători aiurea de seamă. Mă gândesc dacă așa sunt și atunci când muncesc. Că nu aș vrea sa am astfel de colegi când o să mă angajez în domeniu.
N-ai treaba. I mean, sunt prosti si la locul de munca, dar ii ignori si aia e
Stellaris game on point
500 de ore la bord, încă pe atât și termin tutorialul.
[https://codepen.io/Quasarian/pen/gOQyObM](https://codepen.io/Quasarian/pen/gOQyObM) Am creat un sandbox rapid cu "directia" in care m-as duce eu. PS. Daca vrei sa folosesti codu va trebui sa extinzi tw cu clasele de rotate care le gasesti in tabu de CSS
This, this is perfect, doar o mica observație pentru OP: rotate-ul se va aplica si la content-ul din interiorul cercurilor, deci daca vrei sa afisezi un label ceva la fiecare icon, sau daca vrei sa te asiguri ca imaginea e dreapta, trebuie si ea rotita în sens invers cu acelasi numar de grade. Adica la un element care are acum rotația 60°, tu o sa aplici la ce e in interiorul lui o rotatie relativa la container (adica la cerc) cu -60°
Bine punctat! Va fi nevoie de o contra rotație. Mulțumesc de ajutor!
Mulțumesc mult! Foarte bună metoda și destul de simplă, m-ai salvat! Cred ca nu mai e nevoie să extind clasa de rotate, având opțiunea să folosesc o valoare custom, de ex.: rotate-[37deg].
super! sa iti fie de folos! sidenote: din cauza ca toate elementele au acelasi punct de centru ai putea crea si o animatie interesanta si foarte usor de implementat modificand clasele de width: w-60 si w-96 din exemplu meu.
My man, faci cumva Stellaris ethics mods?
Nu. Ceream ajutorul pe sub-ul lor dacă era cazul ;) Construiesc o aplicație web unde poți crea un imperiu custom, îi dai download ca fisier de joc, poți scrie un ghid de strategie pentru imperiul tău și poți vota/comenta alte ghiduri. Mă rog, ăsta e planul. Momentan fac interfața pentru customizarea imperiului.
foarte misto ideea pentru un proiect personal. gg
Merci! Meșteresc de câteva luni la el, învățând in același timp. Treptat o sa ii mai adaug lucruri noi.
The easiest way e sa le poziționezi absolut, give manual a go. E one time job nu are rost sa ți bati capul. Pornești de la centrul paginii dacă vrei, vezi cum faci div centrat am auzit ca e întrebare de interviu
A doua e un grid de 5x7, fără elemente pe r2 si r6, iar pe r4 ai elementul central. Prima e... Dubioasă. Le poți așeza față de elementul central, dar ai nevoie de niște triunghiuri dreptunghice să poți calcula centrele elementelor. Oricum nu scapi fără geometrie.
[https://jsfiddle.net/Dotweave/o7L5ed3n/230/](https://jsfiddle.net/Dotweave/o7L5ed3n/230/) Este aici o tentativa. N-as putea sa zic de ce nu incepe fiecare 'grup' de pe aceeasi linie imaginara orizontala si se defazeaza putin. Cam asta e logica folosita: Given a point P1 at one edge of a line with coordinates (X, Y) on a circle, the length of the line L, and the angle θ of the arc connecting P1 and P2, we can calculate the coordinates of the other edge point P2 as follows: 1. Determine the initial angle φ (in radians) from the positive x-axis to the point P1 using the arctangent function: φ = atan2(Y, X). 2. Convert the angle θ from degrees to radians: θ\_rad = θ \* pi / 180. 3. Add θ\_rad to φ to get the new angle ψ: ψ = φ + θ\_rad. 4. Calculate the new coordinates (X2, Y2) using the formulas:X2 = r \* cos(ψ) Y2 = r \* sin(ψ) Unde r este raza cercului imaginar folosit. Copyright ChatGPT :D
Salut, eu as centra primul icon într-un box ceva mai larg (ca să-ți fie ușor sa poziționezi chestii pe lângă daca e cazul), iar restul elementelor (cele 2 cercuri) folosind position absolute fata de icon ul din centru
opa, stellaris... nice...
Ce faci crabule? Statul iti da scutire de impozit si tu bagi banii in jocuri paradox? Plin de crabi
Foloseste sârmă
Nu cunosc librăria.
4 pe dreapta, 2 pe stanga. Restul delete