• Dizaino ir programavimo pamokos

  •  
    Thread Rating:
    • 0 Votes - 0 Average
    • 1
    • 2
    • 3
    • 4
    • 5
    [HTML/CSS] Stiliaus integracija

    Member


    ***
    59

    0
    Post: #1
    RE: [HTML/CSS] Stiliaus integracija
    Sveiki. Taigi, gal kai kurie iš jūsų suprato, kas tas do dalykas yra Stiliaus integracija, o gal ir ne. Tai trumpai.. Stiliaus integracija, tai dalykas, kai pakeisime svetainėje teksto stilių tam tikrai komandai. Nesupratai? Skaityk kodą ir suprasi.


    Taigi, pasikuriame .html failiuką, ir rašom:


    [geshi=html4strict]
    <html>
    <head>
    <title> Mano svetaine </title>
    </head>
    <h1> Labas!!! </h1>
    </html>
    [/geshi]


    Taigi, kaip matot, tekstas tapo storas ir didelis. Tačiau, paprastas šriftas. Gal "perpiešiam" jį?

    Į .html failą sudėkite šitas eilutes, bei susikurkite int.css failą.

    [geshi=html4strict]
    <html>
    <head>
    <link type="text/css" rel="stylesheet" href="int.css" media="screen" />
    <title> Mano svetaine </title>
    </head>
    <h1> Labas!!! </h1>
    </html>
    [/geshi]

    Trečia eilutė. Kas ten per..? Tai kodas, kuris panaudos mūsų tam tikrą .css failą. Šiuo momentu, int.css. Bet gi tekstas nepasikeitė! Kodėl? Todėl, kad int.css failas yra kol kas tuščias. Reikia užpildyt!

    Į .html failą, sukeiskite senas eilutes su šitomis:


    [geshi=html4strict]
    <html>
    <head>
    <link type="text/css" rel="stylesheet" href="int.css" media="screen" />
    <link href='http://fonts.googleapis.com/css?family=Allura|Cabin' rel='stylesheet' type='text/css'>
    <title> Mano svetaine </title>
    </head>
    <h1> Labas!!! </h1>
    </html>
    [/geshi]

    Kaip matot, ketvirta eilutė pasikeitė. Šitas kodas panaudos Allura|Cabin šriftą, iš Google fonts.

    Taip, dabar atsidarome .css, ir parašome šias eilutes:

    [geshi=html4strict]
    h1{color:#333;font:22px Allura|Cabin, sans-serif;padding:6px 0 10px;}
    [/geshi]

    Į .css failą, jūs įdėjote komandą, kad kai bus panaudota <h1>TEKSTAS</h1>, bus pakeistas šriftas į Allura|Cabin.



    Tai viskas! Sėkmės.
    2013-05-01 16:11
    Find Quote

    Junior Member


    **
    35

    0
    Post: #2
     
    Pamiršai <body> </body> įkišti į html Smile
    2013-05-01 18:38
    Find Quote

    Member


    ***
    59

    0
    Post: #3
     
    Taigi čia tik taip prasibandymui.
    2013-05-01 20:10
    Find Quote

    Junior Member


    **
    35

    0
    Post: #4
     
    Quote:Fanzius parašė:

    Taigi čia tik taip prasibandymui.

    bet vistiek jeigu darai pamoka, turėtu būti ir šis dalykas Smile
    2013-05-01 21:05
    Find Quote


    Possibly Related Threads...
    Thread: Author Replies Views: Last Post
      Reik kad kas sukoduotu HTML dizaina uz... Taskas 0 2439 2013-07-14 12:47
    Last Post: Taskas
      HTML, xHTML Nesuskaitomas 0 2285 2013-06-13 05:34
    Last Post: Nesuskaitomas
      [HTML] Subjektai Fanzius 6 4339 2013-05-01 15:49
    Last Post: Fanzius
      HTML/CSS #1 MariukasR 4 3209 2013-03-22 16:15
    Last Post: Factor
      HTML 5 standartus atitinkantys tag'ai [PRADEDANTIESEMS] ultimatium 6 4541 2013-03-22 14:05
    Last Post: Dariukas


    About DESCO

    Mes esame ne komercinis projektas, norime, jog Lietuvos jaunimas vis sparčiau brautųsi į technologijų amžių. Negalima sėdėti vietoje, reikia kažką veikt, todėl mūsų projektas tam puikiai tinka. Galima pas mus išmokt kažko naujo, taip pat nepamirškite, kad ir jūs galite mokyti kitus! Žinių dalinimasis geriną lietuvių mentalitetą, todėl nesmerk kito, o pamokyk!