fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Programozás » Hogyan tudom azt megcsinálni,...

Hogyan tudom azt megcsinálni, hogy ha rákattintok a services gombra elnavigáljon egy másik weboldalra egy új abalakban?

Figyelt kérdés

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="css/main.css">

</head>

<body>


<svg width="1926" height="2160" viewBox="0 0 1926 2160">

<defs>

<clipPath id="clip-Homepage">

<rect width="1926" height="2160"/>

</clipPath>

</defs>

<g id="Homepage" clip-path="url(#clip-Homepage)">

<rect width="1926" height="2160" fill="#fff"/>

<rect id="site2" width="1926" height="1080" transform="translate(0 1080)"/>

<rect id="Rectangle_1" data-name="Rectangle 1" width="1926" height="105" fill="#fff"/>

<text id="Remember" transform="translate(100 67)" fill="red" font-size="40" font-family="Roboto-Regular, Roboto" style="mix-blend-mode: multiply;isolation: isolate"><tspan x="0" y="0" fill="#000">Remem</tspan><tspan y="0" fill="red">ber</tspan></text>

<text id="Home" transform="translate(566 67)" font-size="40" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Home</tspan></text>

<text id="Features" transform="translate(779 67)" font-size="40" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Features</tspan></text>

<text id="Services" transform="translate(1029 67)" font-size="40" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Services</tspan></text>

</g>

</svg>


</body>

</html>



#weboldal #HTML
2021. máj. 16. 15:36
 1/8 anonim ***** válasza:

<a href="https://www.gyakorikerdesek.hu/" target="_blank">Services</a>


Ha megkérdezhetem, miért SVG-vel építed fel a honlapod HTML és CSS helyett?

2021. máj. 16. 16:32
Hasznos számodra ez a válasz?
 2/8 A kérdező kommentje:

Köszönöm a válaszod. Tanulom a Adobe XD-t aztán arra gondoltam, hogy jobban beleásom magam a webfejlesztésbe is, szeretnék ilyesmi weboldalt létrehozni:

https://www.youtube.com/watch?v=THDZW96GQaI

2021. máj. 16. 16:37
 3/8 anonim ***** válasza:
Szóval prototípusfejlesztés. Ahhoz valóban jó lehet az SVG, de éles honlapra nem ajánlom, hogy ebből álljon az egész. CSS-szel pl. egész könnyű reszponzív kinézetet ráhúzni egy jól összerakott HTML-re. SVG-vel meg ha nem is lehetetlen, elég macerás. Az animált részekhez tényleg jó az SVG, csak a "hagyományos" oldal felépítésénél nem ajánlott. Ágyazd be az animációt a HTML-be (ahogy a videón látható), de a linkek, szövegek, stb. inkább ne az SVG-ben legyenek.
2021. máj. 16. 16:46
Hasznos számodra ez a válasz?
 4/8 A kérdező kommentje:

Sajnos ez így nem működik:

[link]


Létrehoz egy új services fület a balsarokban fent.


Lehetséges valahogy ráhivatkozni attól függetlenül, hogy amire rászeretnék hivatkozni az az svg-n belül van?

2021. máj. 16. 16:53
 5/8 anonim ***** válasza:
Igen, a kódrészletet beillesztheted egy az egyben az SVG-be, az egyszerű Services felirat helyett.
2021. máj. 16. 17:24
Hasznos számodra ez a válasz?
 6/8 A kérdező kommentje:
Nekem nem működik, ha berakom a helyére eltűnik a Services felirat, ha meg berakom mögé akkor ugyan úgy a balfelső sarokba rakja ki. Áttudnád küldeni a kódot? Köszi.
2021. máj. 16. 17:34
 7/8 anonim ***** válasza:
100%
Így raktam bele az SVG-be, működött: <text id="Services" transform="translate(1029 67)" font-size="40" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0"><a href="https://www.gyakorikerdesek.hu/" target="_blank">Services</a></tspan></text>
2021. máj. 17. 09:36
Hasznos számodra ez a válasz?
 8/8 A kérdező kommentje:

Így már nekem is működik! Köszönöm!


Ha van időd és kedved ránéznél erre is:

https://www.gyakorikerdesek.hu/szamitastechnika__weblapkeszi..


Megcsináltam egy próbaoldalt Adobe XD-vel de teljesen szétcsúszik az egész és nem értem, hogy miért.

2021. máj. 17. 09:42

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Programozás kategória kérdései »



Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!