Autorius Tema: Apvalinti kampai naudojant 1 paveikslėlį.  (Skaityta 5672 kartus)

Neprisijungęs Macaque

  • Dalyvis
  • **
  • Įrašai: 861
  • Karma: +26/-0
  • makakuje.
    • Žiūrėti profilį
Apvalinti kampai naudojant 1 paveikslėlį.
« Įrašytas: 2009-12-13 02:39:14 am »
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>by macaque - apvalus kampai naudojant 1 paveiksleli</title>
<style type="text/css">

body { font-family: "Verdana", Geneva, sans-serif; }

.deze { position: relative; background: #cfcfcf; width: 750px; height: 400px; margin: 200px auto; }
.kampai { position: absolute; width: 10px; height: 10px; background: url(images/corners.gif) no-repeat; font-size: 0%; }
.kampai_deze { padding: 40px 20px 15px 20px; }
.VK { top: 0; left: 0; background-position: 0 0; }
.VD { top: 0; right: 0; background-position: -10px 0; }
.AK { bottom: 0; left: 0; background-position: 0 -10px; }
.AD { bottom: 0; right: 0; background-position: -10px -10px; }

</style>

</head>

<body>

 <div class="deze">
     
    <div class="kampai VK"></div> <!-- Virsutinis kairys kampas --->
    <div class="kampai VD"></div> <!-- Virsutinis dešnys kampas --->
    <div class="kampai AK"></div> <!-- Apatinys kairys kampas --->
    <div class="kampai AD"></div> <!-- Apatinys dešnys kampas --->
    <div class="kampai_deze"> <!-- Dežė į čia galima dėti tekstą, divus ir t.t. -->
   
    <p>Lorem ipsum - tai fiktyvus tekstas naudojamas spaudos ir grafinio dizaino pasaulyje jau nuo XVI a. pradžios. Lorem Ipsum tapo standartiniu fiktyviu tekstu, kai nežinomas spaustuvininkas atsitiktine tvarka išdėliojo raides atspaudų prese ir tokiu būdu sukūrė raidžių egzempliorių. Šis tekstas išliko beveik nepasikeitęs ne tik penkis amžius. <br  /> </p> <p> Bet ir įžengė i kopiuterinio grafinio dizaino laikus. Jis išpopuliarėjo XX a. šeštajame dešimtmetyje, kai buvo išleisti Letraset lapai su Lorem Ipsum ištraukomis, o vėliau -leidybinė sistema AldusPageMaker, kurioje buvo ir Lorem Ipsum versija. </p>   
         
   </div>   

</body>
</html>

Gal ir nelabai naudinga pamoką, bet gal kam nors ir pravers, prisegu .rar failą su visa info.

EDIT: pakeistas .rar failo formatas į .zip
« Paskutinį kartą keitė: 2009-12-13 18:00:00 pm sukūrė Macaque »
„Tik vienas dalykas gali svajonę padaryti neįgyvendinamą: tai baimė, kad nepasiseks. “ - Paulo Coelho

Rekomenduoju pirkti domenus iš - IV.lt

Neprisijungęs trimpirim

  • Naujokas
  • *
  • Įrašai: 215
  • Karma: +8/-0
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #1 Įrašytas: 2009-12-13 17:20:45 pm »
Šitas geras :]]]

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #2 Įrašytas: 2009-12-13 17:24:18 pm »
beveik visada reiktu stenktis naudoti viena paveiksliuka ir ji slankiot, nei kruva mazu atskiru :)

p.s. naudokit zip archyva
« Paskutinį kartą keitė: 2009-12-13 17:27:48 pm sukūrė primatas »
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Macaque

  • Dalyvis
  • **
  • Įrašai: 861
  • Karma: +26/-0
  • makakuje.
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #3 Įrašytas: 2009-12-13 17:32:41 pm »
Kodėl .zip ne .rar ?
„Tik vienas dalykas gali svajonę padaryti neįgyvendinamą: tai baimė, kad nepasiseks. “ - Paulo Coelho

Rekomenduoju pirkti domenus iš - IV.lt

Manualai.lt Forumas

Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #3 Įrašytas: 2009-12-13 17:32:41 pm »

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #4 Įrašytas: 2009-12-13 17:45:32 pm »
geras tikrai :)
Slapyvardis : Ice

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #5 Įrašytas: 2009-12-13 17:56:47 pm »
Kodėl .zip ne .rar ?

nes zipus atpazista visos (man atrodo) OS be papildomu programu ir su rarais kartais buna bedu su linkais
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Macaque

  • Dalyvis
  • **
  • Įrašai: 861
  • Karma: +26/-0
  • makakuje.
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #6 Įrašytas: 2009-12-13 17:58:28 pm »
Kodėl .zip ne .rar ?

nes zipus atpazista visos (man atrodo) OS be papildomu programu ir su rarais kartais buna bedu su linkais

Okej, kita kart žinosiu :)
„Tik vienas dalykas gali svajonę padaryti neįgyvendinamą: tai baimė, kad nepasiseks. “ - Paulo Coelho

Rekomenduoju pirkti domenus iš - IV.lt

Neprisijungęs ganjabest

  • Dalyvis
  • **
  • Įrašai: 968
  • Karma: +41/-1
  • Povilas Stankevičius
    • Žiūrėti profilį
Re: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #7 Įrašytas: 2009-12-16 03:20:51 am »
Sitas man tikrai naujiena  :o ;D geras
Visi žmonės kaip žmonės - tik aš vienas kaip dievas!

Neprisijungęs ire

  • Naujokas
  • *
  • Įrašai: 7
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #8 Įrašytas: 2012-06-09 22:42:22 pm »
Na, dabar neverta tokių kraštutinumų imtis, kodėl nepadarius paprasčiau su CSS3 border-radius?

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #9 Įrašytas: 2012-06-10 11:02:23 am »
Na, dabar neverta tokių kraštutinumų imtis, kodėl nepadarius paprasčiau su CSS3 border-radius?

Priklauso nuo to, kam taikytina svetaine, jei pvz valstybinei imonei, kur daugelis su senu IE sedi, tai jie nematys nieko is CSS3 :)
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs ire

  • Naujokas
  • *
  • Įrašai: 7
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #10 Įrašytas: 2012-06-10 19:46:49 pm »
Na, dabar neverta tokių kraštutinumų imtis, kodėl nepadarius paprasčiau su CSS3 border-radius?

Priklauso nuo to, kam taikytina svetaine, jei pvz valstybinei imonei, kur daugelis su senu IE sedi, tai jie nematys nieko is CSS3 :)

Tuomet modernizuoji visuomenę, ir siūlai atsinaujinti naršyklės versiją :) Kita alternatyva javascript, berods su ją ir visai paprasta, jei nesuklydau.

Manualai.lt Forumas

Ats: Apvalinti kampai naudojant 1 paveikslėlį.
« Atsakymas #10 Įrašytas: 2012-06-10 19:46:49 pm »