Hirdetés
- Milyen okostelefont vegyek?
- Vivo X200 Pro - a kétszázát!
- Mobil flották
- Az iPhone 17 gáncsolta el a Galaxy S26 Prót?
- Android alkalmazások - szoftver kibeszélő topik
- Befutott az Oppo Reno15 és Reno15 Pro
- Samsung Galaxy Watch8 - Classic - Ultra 2025
- Apple Watch Ultra - első nekifutás
- Apple iPhone 17 Pro Max – fennsík
- Motorola Edge 40 - jó bőr
Új hozzászólás Aktív témák
-
indigo
aktív tag
válasz
lanszelot
#2876
üzenetére
Azért villog, mert erről az oldalról lett a CSS-hez 'kölcsönvéve' a villámlás effekt, amely a flash a fenti oldalon.
Ha megnézed a HTML 301. és 303. sorát, láthatod a flash osztályt. Ha magad írod a HTML kódját, akkor beírod az alábbi hivatkozást és használod a villámlás effektet:https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css -
nevemfel
senior tag
válasz
lanszelot
#2862
üzenetére
Megnéztem a videót, de a css-es rész kipróbálásához a Chrome Canary verziója szükséges, plusz még engedélyezni kell a flagek közt az "Experimental featurest". A meló-gépemet meg nem szívesen használnám kísérleti nyúlnak.
Egyékként úgy látom, hogy ez az egész popover + anchor html-ből, css-ből eléggé kiforratlan még, leginkább csak a Chrome ismeri, úgyhogy szerintem ha majd minden mainstream böngészőben implementálva lesz, akkor lesz érdemes visszatérni a témára.
-
-
martonx
veterán
válasz
lanszelot
#2812
üzenetére
Mindig ledöbbenek, amikor az emberek az alap HTML-t sem ismerik, aztán meg ezerrel fikázzák a js-t, css-t, mikor arról még annyit sem tudnak
De legalább kérdezni sem tudnak.Tessék, 2022 végén így lehet a legegyszerűbben modal-t csinálni: <dialog>: The Dialog element - HTML: HyperText Markup Language | MDN (mozilla.org)
-
válasz
lanszelot
#2799
üzenetére
Voltam én is így vele, mindennel IS kompatibiliset akartam játszani, pont úgy, ahogyan elképzeltem ---> Nulla CSS ismerettel. Így gyakorlatilag véve (olvass visszább ebben a topikban, ha gazdagodni akarsz a fergeteges ötleteimmel) mindent JS-el oldottam meg, ami CSS lenne, folyamatosan kiszámoltattam a géppel a méreteket és tizedpixeles pontossággal volt meghatározva az utolsó UL mérete is.
Aztán ráébredtem arra, hogy van lehetőség a CSS-en belül is számításokat végezni a calc() utasítással, és lényegében kiváltotta a JS-el elkövetett bűntetteimet. Csak a megfelelő paraméterekkel kell feltölteni
-
cstomee
tag
válasz
lanszelot
#2799
üzenetére
Mi az a csippentés? Mit kell csippenteni?
"A css-t is fejlesztik. nemrég kapott frissítéseket. De ha arról épp nem hallottál a Clear fix -ről tuti hallottál, az se volt régen. Tehát a fejlesztők, miért nem teszik végre bele."
De ha arról épp nem hallottál ...
Hogy miről nem hallottam?
Tehát a fejlesztők, miért nem teszik végre bele.
MIT??? 
Bocs, de én már semmit nem értek, teljesen elvesztettem a fonalat, hogy most mi történik... -
indigo
aktív tag
válasz
lanszelot
#2806
üzenetére
Hát, tényleg segíteni akartam, készítettem kódot is. De egyszerűen nem voltam/vagyok még mindig képben, hogy mi is az igazi probléma, mert nem jött át a kérdésedből. Egyébként rögtön az jutott eszembe, hogy ez a te munkád, vagy valaki nás kódját próbálod a saját szájízedre igazítani?
Valamint itt még azért kell igazítani rajta:
-
-
-
cstomee
tag
válasz
lanszelot
#2793
üzenetére
Én itt több problámát is látok a kódban és a kis írásodban is
"A css nem támogatja amit akarok, az tiszta.
Szinte minden oldalnak responsive -nak kell lenni, miért nem csinálják már meg.
...
Profiknak már tuti meg van a bejáratott trükközéseik ..." Mit nem támogat? Kinek kéne megcsinálni?, mit? Milyen trükközések?
Ez sem tökéletes, de már el tudsz rajta indulni:
jsfiddleSzerintem ezeknek nézz utána első körben:
- css units
- css grid
- css grid fraction unit
- css positions
Szerk.:
- az </img> lezáró tag nagyon cuki, ezt hol találtad? -
-
válasz
lanszelot
#2765
üzenetére
"A chrome sose volt safari, és fordítva."
De, iOS alatt az. Aki nem hiszi, járjon utána
![;]](//cdn.rios.hu/dl/s/v1.gif)
Egyébként van benne valami, amit mondasz. A Webtárhelyemre feltöltött önálló HTML fájl a konzolban hibát dob, hogy nem tud elnavigálni a fő index-hez. Nyílván, mert nem létezik... De ki is kéri meg erre? -
lanszelot
addikt
válasz
lanszelot
#2750
üzenetére
Sikerült megoldanom
Kifogott mindenkin, de tudtam, hogy a css képes a szöveg formázásra, és addig csűrtem a gondolataimat, míg meg lett
Ugyanoda mentettem, több fázisban hagytam, hogy egyértelmű legyen a megoldás
Bár a line height -ot nem értem miért 10% a jó, de ott az jó.. -
-
-
Taci
addikt
válasz
lanszelot
#2725
üzenetére
A div alatt írd át ezt:
border-bottom: 130px solid #FD4602;filter: drop-shadow(20px 0px #FF6D00);
erre:border-bottom: 130px solid #FF6D00;filter: drop-shadow(20px 0px #FD4602);A div::before alatt pedig ezt:
border-bottom: 130px solid #FD4602;
erre:border-bottom: 130px solid #FF6D00;Vagy ez van meg? Mert akkor nem értem a kérdést.
-
cstomee
tag
válasz
lanszelot
#2649
üzenetére
A margin és a szélesség miatt csúszik szét. 1.5% - 18.72% - 1.5%, ez nagyobb mint 20, tehát nem fér ki 5 col egymás mellé.
https://www.w3schools.com/css/css_boxmodel.asp
Ezt is érdemes megnézni:
https://www.w3schools.com/cssref/func_calc.aspNagyon fura ez a css grid amit használsz, kicsit elavúltnak tűnik nekem ezekkel a span 1 of 5-el... De ha már használsz display flex-et, akkor azt használhatnád a section.groupra is és akkor nem kellenek ezek a .span_1_of classok
-
cattus
addikt
válasz
lanszelot
#2623
üzenetére
Felejtsd el a float-ot pozícionálásra és használj flexboxot:
body {
background: #fff;
margin: 0;
}
.topnav {
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgb(51, 51, 51);
}
.topnav a {
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #04aa6d;
color: white;
} -
cstomee
tag
válasz
lanszelot
#2618
üzenetére
Nézz utána a float-nak hogy az pontosan hogy működik...
https://css-tricks.com/all-about-floats/#the-great-collapse
https://www.educative.io/edpresso/what-is-a-clearfix-in-css
A menünek van fekete háttere, csak nem látszódik mert 0px magas ha megnézed. -
disy68
aktív tag
-
disy68
aktív tag
-
Taci
addikt
válasz
lanszelot
#2585
üzenetére
Szerintem az okozza a gondot, hogy a * selectorral mindenhova beállítod a sötét hátteret (#181818). Ne használd (itt, így) a * selectort, mert az minden elemre érvényes lesz. Állítsd be a hátteret (és minden más tulajdonságot) külön id-ra vagy class-ra, külön-külön, és akkor nem fognak keveredni a tulajdonságok.
Ha a kódodban csak annyi változtatást csinálsz, hogy a
background-color: #181818;részt kiveszed a * selector alól, létrehozol egy body { } selectort, és oda rakod be, akkor máris rendben lesz a gomb képének átlátszó háttere.body {background-color: #181818;} -
Taci
addikt
válasz
lanszelot
#2580
üzenetére
Add ezeket a tulajdonságokat a gombhoz:
padding: 0;border: none;background: none;Így eltünteti a gomb keretét és hátterét is, és úgy látom, ezek "rontották el" az átlátszóságot.
Frissítettem a kódot ezzel a résszel is. (a link ugyanaz, mint az előzőekben)
És még egyszer, a saját érdekedben: kérlek, kövesd a korábban leírtakat, hogyan kell a beírt kódodat megosztani. Most még átírtam a képernyőfotódról kézzel (2021 van...), de még egyszer nem csinálom meg én sem. 2 kattintással és 4 gombnyomással már meg is oszthattad volna (Save --> Save --> Ctrl+C --> Ctrl+V) amit már eleve beírtál, amikor először kértem, és már rég meg lenne oldva. Másik topikokban is. Tényleg csak a te érdekedben.
-
Taci
addikt
válasz
lanszelot
#2578
üzenetére
Igazából sosem csináltam még ilyet, csak érdekelt a dolog, ezért rákerestem Google-ön, milyen megoldások lehetnek, és ezt találtam.
<button> tag-et én így hirtelen nem tudtam képre "cserélni", ezért kerestem másik megoldást.De ha a korábban vázolt módon megosztod a JSFiddle-kódot, akkor pontos(abb) választ tudok adni. Anélkül sajnos nem.
-
Taci
addikt
válasz
lanszelot
#2574
üzenetére
Frissítettem a kódot, szépen látszódik az általad használt png fájl mögött is minden:
[link]A JSFiddle-kódot pedig úgy tudod megosztani, hogy bal felül a Save gombra kattintasz, aztán megint a Save-re. Ha ez megvan, akkor a böngésző címsorában ott lesz a kódodhoz tartozó link, azt másold be ide, hogy rá tudjunk nézni. (És ezt csináld meg szerinte a JS topikban is, hogy lássuk a problémát ott is.)
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
- PlayStation 5 FAT Lemezes + kontroller 6 hó garancia, számlával!
- HIBÁTLAN iPhone 11 Pro 256GB Space Grey -1 ÉV GARANCIA - Kártyafüggetlen, MS3173, 100% Akkumulátor
- Windows 10 / 11 Pro Retail aktiváló kulcs Azonnal szállítással, számlával, garanciával!
- BESZÁMÍTÁS! ASUS H510M i5 10500 16GB DDR4 512GB SSD RX 6600 8GB Zalman T4 Plus ADATA 600W
- BESZÁMÍTÁS! ASUS H510M i5 10400F 16GB DDR4 512GB SSD RTX 3060 Ti 8GB ZALMAN T4 Plus CHIEFTEC 700W
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest