Cevaplandı ui vb. şeyleri nasıl önizleme yaparak düzenleyebilirim?

[combaqa]

Mesela bir mdt veya telefon scriptini nasıl önizleme yaparak tasarımını düzenleyebilirim? Visual studio code'da yapmayı denediğimde beceremedim

 

[Mokoko]

İlk öncelikle önizleyeceğin şeyi oyun içerisinde açıyorsun örneğin telefon. Telefonu oyun içinde açtın. Sonra F8'i açp Tools kısmından NUI kısmına gelip Open Devtools'u seçiyorsun sonra Açılan pencerede Page yazısın üstündeki icona tıklıyorsun. Ve oyunda telefonun hangi kısmına tıklarsan sana onun css'de neresi olduğunu söylüyor. Üst tarafdaki panelden Sources kısmına gelirsen görüntülediğin dosyanın css dosyalarına erişmiş olursun. O kısımdan düzenleyerek önizleme yapabilirsin. Sonrasında ise eğer bütün değişiklikleri sources kısmından yaptıysan ve işin bittiyse ordaki kodları kopyalayıp senin asıl telefon klasöründe css dosyasına yapıştırman gerekiyor ki kalıcı olsun. Umarım anlamışsındır. Yanlış anlattığım bir kısım var ise arkadaşlar düzeltebilir.

 

[combaqa]

İlk öncelikle önizleyeceğin şeyi oyun içerisinde açıyorsun örneğin telefon. Telefonu oyun içinde açtın. Sonra F8'i açp Tools kısmından NUI kısmına gelip Open Devtools'u seçiyorsun sonra Açılan pencerede Page yazısın üstündeki icona tıklıyorsun. Ve oyunda telefonun hangi kısmına tıklarsan sana onun css'de neresi olduğunu söylüyor. Üst tarafdaki panelden Sources kısmına gelirsen görüntülediğin dosyanın css dosyalarına erişmiş olursun. O kısımdan düzenleyerek önizleme yapabilirsin. Sonrasında ise eğer bütün değişiklikleri sources kısmından yaptıysan ve işin bittiyse ordaki kodları kopyalayıp senin asıl telefon klasöründe css dosyasına yapıştırman gerekiyor ki kalıcı olsun. Umarım anlamışsındır. Yanlış anlattığım bir kısım var ise arkadaşlar düzeltebilir.

Bunu biliyorum böyle düzenleme yapıyorum zaten fakat html taraflı kodları vsc'de önizleme yapan bazı kişiler gördüm onun nasıl yapıldığını merak ediyorum ben

 

[Alosha]

HTML kısmında yaptığın değişikliklere değer ver. Örneğin: Bir div açacaksın ve içerisinde düzenli bir şekilde gelmesi gereken 5 kutucuk var. HTML'de bu sınıfı düzenlerken elinle 5 tane kutucuk ekle ve sorun var mı diye bak. Neticede oyunun içerisinde de belirttiğin yere 5 tane kutucuk gelecek, elinle orada test etmek için ekleyebilirsin ardından da yaptığın test değişikliklerini isler oyundan gelecek verileri okuyabilecek şekilde eklemeler yapar, eski haline çevirir ve oyuna girer test edersin

 

[Juke]

Konuyu beklemeye aldım, sorun çözüme ulaşırsa tekrardan dönüş sağlarsanız sevinirim.​

 

[SFX]

html dosyasını tarayıcına sürükle

 

[birotuz13]

vscode browser preview eklentisini kullanabilirsin

 

[proportions]

Direk görerek ekran üzerinden tasarim yapmak istiyorsan (HTML + CSS) o zaman fivem in developer ekranina baglanip chrome un web developer ekranindan düzenleme yapabilirsin.
FiveM developer ekranina girmek icin oyunu açtiktan sonra :

Linkleri,görmek için Giriş yap veya üye ol.

sayfasina chrome ile baglan.
Daha sonra o ekranda F12 basarak web developer kit i açip düzenlemeni yap.

 

[mblater]

display block yada flex

 

[mblater]

hocam displayleri oyun ekranında direk karşına çıkmasın diye none yapıyorlar, sen onu display:flex olarak değiştireceksin chrome ekranına yansır