Peršokti į turinį
  • ŽAIDIMAI
  • , ŽAIDIMAI
  • ŽAIDIMAI

SA-MP HTML DIZAINAS #2

Džiumandži

Parašė Džiumandži
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 2267 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

Džiumandži Anderbosas (-ė)

Džiumandži

(redaguota)

Antras dizainas..

922aec00d6bdfbbf5cecd0c373e328f5783.png

DOWNLOAD: http://failutalpykla.lt/68d0ff55c8520384/_02_-_SA-MP[2018-02-04].rar

pataisyta BG klaida

SOURCE CODE :

HTML - https://pastebin.com/EHkDK5B9

CSS - https://pastebin.com/TRpaNMZT

Nuomonių apie dizainą nelaukiu nes neesu dizaineris, tik apie kodą ;D

Ir taip žinau, kad nieko gero bet man po*uj ir vistiek kelsiu.

Redaguota , nario #Justasino
  • Teigiamai 1
Nuoroda į komentarą
Dalintis per kitą puslapį
NTQ Anderbosas (-ė)

NTQ

1 minute prieš, heicmeister parašė:

Uždėk ant body  


background-size:cover; 
background-attachment: fixed;

 

Nenukąsk kodo, kitaip nepalaikys daugumoje naršyklių (ypatingai senesnių).

Teisingas variantas: #000000 (privalo būti paveikslėlio dominuojanti spalva). 

body {
	background: #000000 url('images/background.png') no-repeat center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

 

  • Teigiamai 2
Nuoroda į komentarą
Dalintis per kitą puslapį
NTQ Anderbosas (-ė)

NTQ

Šaunu, kad mokaisi ir stengėsi (taip pat paklausei mano patarimo ankstesnėje temoje). Už tai - pridedu karmos tašką.

Tik pastebėjau, kad užmiršai uždaryti „<div id="mainas">”. Aukščiau „</body>“, pridėk: „</div>”.

Ir naudoji šrifto šeimą („Raleway”), kuri neegzistuoja, todėl naršyklė parenka „Sans-Serif” šriftą, kadangi jis atsarginis.

Turi 2 galimybes:

  1. Gauti „Raleway” šriftą, konvertuoti jį į „eot”, „woff2”, „woff”, „ttf”, „svg” formatus, tačiau užtruks, vėliau parašyti „CSS3” kodą, kuris integruos ir leis naršyklėms pasirinkti norimą formatą, taip jis veiks ant visų naršyklių;
  2. Integruoti jį iš „Google Fonts”.

Esi pradedantysis, todėl rekomenduoju antrąjį variantą.

HTML5: 

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

CSS3: jeigu pasirinkai „HTML”, šio nereikia. 

@import url('https://fonts.googleapis.com/css?family=Raleway');

Šis integravimas turėtų būti aukščiau „CSS3” failo integravimo („<head>” žymėje).

 

Dar man iškilo klausimas, kodėl naudoji: „color: rgba(0,0,0,.5)”?

Rekomenduojama naudoti TIK „background” atribute („RGBA”). „Color“ gali naudoti „RGB”, bet „Alpha” nurodymas yra bereikšmis.

Paredagavau truputį „color” be (Alpha (permatomumo)) ir pažiūrėk koks rezultatas gavosi. Lygiai toks pat, kadangi šriftas yra per mažas, jog matytum permatomumą, o blokui tas negalioja.

https://www.webpagefx.com/web-design/color-picker/ - puikus puslapis išrinkti spalvai. Ir tas užrašas „Justino.lt” žymiai gražiau atrodo su raudona. :)

Capture.png

 

Sėkmės. Lauksiu tavo kitų darbų.

Nuoroda į komentarą
Dalintis per kitą puslapį
Džiumandži Anderbosas (-ė)

Džiumandži

  • Autorius
17 minutes prieš, District parašė:

Šaunu, kad mokaisi ir stengėsi (taip pat paklausei mano patarimo ankstesnėje temoje). Už tai - pridedu karmos tašką.

Tik pastebėjau, kad užmiršai uždaryti „<div id="mainas">”. Aukščiau „</body>“, pridėk: „</div>”.

Ir naudoji šrifto šeimą („Raleway”), kuri neegzistuoja, todėl naršyklė parenka „Sans-Serif” šriftą, kadangi jis atsarginis.

Turi 2 galimybes:

  1. Gauti „Raleway” šriftą, konvertuoti jį į „eot”, „woff2”, „woff”, „ttf”, „svg” formatus, tačiau užtruks, vėliau parašyti „CSS3” kodą, kuris integruos ir leis naršyklėms pasirinkti norimą formatą, taip jis veiks ant visų naršyklių;
  2. Integruoti jį iš „Google Fonts”.

Esi pradedantysis, todėl rekomenduoju antrąjį variantą.

HTML5: 


<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

CSS3: jeigu pasirinkai „HTML”, šio nereikia. 


@import url('https://fonts.googleapis.com/css?family=Raleway');

Šis integravimas turėtų būti aukščiau „CSS3” failo integravimo („<head>” žymėje).

 

Dar man iškilo klausimas, kodėl naudoji: „color: rgba(0,0,0,.5)”?

Rekomenduojama naudoti TIK „background” atribute („RGBA”). „Color“ gali naudoti „RGB”, bet „Alpha” nurodymas yra bereikšmis.

Paredagavau truputį „color” be (Alpha (permatomumo)) ir pažiūrėk koks rezultatas gavosi. Lygiai toks pat, kadangi šriftas yra per mažas, jog matytum permatomumą, o blokui tas negalioja.

https://www.webpagefx.com/web-design/color-picker/ - puikus puslapis išrinkti spalvai. Ir tas užrašas „Justino.lt” žymiai gražiau atrodo su raudona. :)

Capture.png

 

Sėkmės. Lauksiu tavo kitų darbų.

cc6a44e2f26bd85b5f27d5f50027880f276.png

Pas mane tai toks rezultatas gaunasi be alpha

Nuoroda į komentarą
Dalintis per kitą puslapį

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 2267 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...