Autorius Tema: Dizaino kodavimas  (Skaityta 12078 kartus)

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Dizaino kodavimas
« Įrašytas: 2010-04-01 17:59:45 pm »
Sveiki,

Taigi kadangi vis neturiu ka veikt tai gal atsirastu zmoniu kurie duotu man darbo :D

t.y. prisekit psd , sukarpysiu ir sukoduosiu :)
Slapyvardis : Ice

Neprisijungęs eXtreme

  • Naujokas
  • *
  • Įrašai: 103
  • Karma: +6/-0
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #1 Įrašytas: 2010-04-01 20:22:04 pm »
Nemokamai karpai/koduoji? Tai geriau eik į uzdarbis.lt ir užsidirbsi ir bus ką veikt. :)

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #2 Įrašytas: 2010-04-01 21:23:53 pm »
tai tik html/css gal biski JS ideciau :)
Slapyvardis : Ice

Neprisijungęs Vygantas Pauliukonis

  • Dalyvis
  • **
  • Įrašai: 1136
  • Karma: +12/-2
  • Itkokteilis.lt
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #3 Įrašytas: 2010-04-02 10:44:42 am »
Tam uzdarbis .lt irgi ten nieko darbo negausi nebent jei free bet ir tai kazi
As pats ten esu skelbesis tik viena pasiulyma sulaukiau ir tai kazkur tas pasiulymas nusimuilino
« Paskutinį kartą keitė: 2010-04-02 10:51:45 am sukūrė marvel »

Manualai.lt Forumas

Re: Dizaino kodavimas
« Atsakymas #3 Įrašytas: 2010-04-02 10:44:42 am »

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #4 Įrašytas: 2010-04-02 10:55:51 am »
galesiu as tau duot viena webuka pakarpyt ryt poryt :D gal greiciau ;]
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

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

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #5 Įrašytas: 2010-04-02 15:10:08 pm »
okey,laukiu :) gal prie to pačio ir video padaryčiau su paaiškinimais, gal praverstu kam nors :)
Slapyvardis : Ice

FDisk

  • Svečias
Re: Dizaino kodavimas
« Atsakymas #6 Įrašytas: 2010-04-03 01:43:36 am »
Gal geriau kanors kitko naudingo nuveikit. http://www.psd2cssonline.com/ - online konvertuoja psd failus i html su css. Reikalinga tik tvarkingai sluoksnius psd faile sudeliot. Be abejo tai masininis konvertavimas - pasiredaguot teks.

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #7 Įrašytas: 2010-04-03 09:31:14 am »
na as jau priprates daryti viska pats ;]
Slapyvardis : Ice

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #8 Įrašytas: 2010-04-03 09:34:57 am »
visgi zinok neturiu paprastu dizainiuku ;D pas mane tik manualai v2 dizainu kruva, kuriu nerodysiu :)
« Paskutinį kartą keitė: 2010-04-03 09:43:41 am sukūrė primatas »
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

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

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #9 Įrašytas: 2010-04-03 09:39:35 am »
damn  :( na gal kiti rastu man ka nors :)
Slapyvardis : Ice

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #10 Įrašytas: 2010-04-03 09:43:49 am »

jei nori praktikos, tai va, pabandyk sukoduoti toki:


tik daryk be lenteliu, isdeliojima tik su divais. pabandyk padaryti kuo geriau, idek cia savo koda, pakomentuosiu kas gerai, kas ne :)

duodu adresa i sita dizaina, bet labai siulau neziureti jo kodo, tik del sriftu dydziu ji naudot:

http://www.free-css.com/assets/files/free-css-templates/preview/page1/appleweb/

jei dar neturi, isigyk validatoriu, kuris tikrintu ar viska darai pagal taisykles.
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

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

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #11 Įrašytas: 2010-04-03 09:49:32 am »
ok pameginsiu :)

bet lygiai tokio pacio turbut iskart nedarysiu :D

----------------------------

na vat siokia tokia pradzia

butu tikrai gan gerai kad perzvelgtumete struktura kodo

matyt klaidu daug palikau , bet rezultatas yra

p.s. ne visas dizainas, dabaigsiu veliau

<html>

<head>

<style type="text/css">
* {

}
body {
   padding:0px;
   margin:0px;
   font:Verdana;
   font-size:12px;
   color:#FFF;
   background-color:#0a2b43;
}
.kita {
   height:145px;
   background-color:#FFF;
   position:relative;
   margin-top:100px;
}
.header {
   position:relative;
   top:-140px; margin:0px auto;
   width:763px; height:132px;
   background-image:url('images/header.png');
}
.phone {
   position:absolute;
   top:62px; left:800px;
   width:127px; height:38px;
   background-image:url('images/phone.png');
}
a:link,a:visited {
   color:#847543;
   text-decoration:none;
}
a:hover {
   color:#FFF;
}
.meniu a {
   padding:5px;
}
.meniu {
   margin:-130px 500px;
   position:relative;
   font-size:16px;
}
.antraste {
   font-size:28px;
   color:#FFF;
   position:absolute;
   top:400px; left:330px;
}
.apple {
   width:95px; height:135px;
   background-image:url('images/apple.png');
   margin:300px 330px;
}
</style>

</head>

<body>

<div class="kita"></div>
<div class="header"></div>
<div class="phone"></div>


<div class="meniu">
<a href="#">Network</a>
<a href="#">Sumission</a>
<a href="#">Archives</a>
<a href="#">Finace</a>
<a href="#">Testimonials</a>
</div>




<span class="antraste">why choose us?</span>

<div class="apple"></div>



</body>

</html>
« Paskutinį kartą keitė: 2010-04-03 10:34:19 am sukūrė Ice »
Slapyvardis : Ice

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #12 Įrašytas: 2010-04-04 02:59:09 am »
paziurejau ka jau turi, tai dar tikrai nedaug, kad galima butu duoti normaliu komentaru, tik tiek kad css'o * {} tuscias stovi :)

nenori i pradzia ideti sito:

@charset "utf-8";
* {
margin:0px;
padding:0px;
}
img {
border:none;
}

visad pats pasirasau tokia pradzia css faile :]

css beja turertu buti atskiram faile, bet kadangi dar tik kuri, tai tikriausiai patogiau sitam paciam tureti :)

del linku, tai jei jau rasai

a:link,a:visited {
   color:#847543;
   text-decoration:none;
}
tai kodel neidedi ir a:active

siulyciau css tvarka pasilaikyt, kur duodi aprasymus bendrus visiems elementams, pvz su linkais, dek i pradzia failo, klases toliau pagal tokia tvarka, kokia krauni. ir pasikomentuok blokus atskirus paciam css'se nes kai tampa failas is 1000 eiluciu, tai labai sunku buna rasti ko reikia, tada dekoji sau, kad komentaru nepatingejai pora numest ant daliu didesniu ;]

na, lauksim tolimesniu rezultatu :)

p.s. paveiksleliu nera, dek kita karta failus i zipa ir prisek prie post'o ;]
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

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

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #13 Įrašytas: 2010-04-04 10:41:11 am »
okey prisegsiu

aciu uz komentara :) matai charset'o nededu nes darau su notepad ++ vis nerandu laiko parsisiusti koki dreamvieweri . beje del tu a:link,a:visited sakei darasyti a:active. Kokia jo paskirtis? :)

beje tam kode kur parasei

@charset "utf-8";
* {
   margin:0px;
   padding:0px;
}
img {
   border:none;
}

neturetu kartais taip buti?
@charset "utf-8";
* }
body {
   margin:0px;
   padding:0px;
}
img {
   border:none;
}
[code]
« Paskutinį kartą keitė: 2010-04-04 10:56:05 am sukūrė Ice »
Slapyvardis : Ice

Neprisijungęs Macaque

  • Dalyvis
  • **
  • Įrašai: 861
  • Karma: +26/-0
  • makakuje.
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #14 Įrašytas: 2010-04-04 11:11:04 am »
okey prisegsiu

aciu uz komentara :) matai charset'o nededu nes darau su notepad ++ vis nerandu laiko parsisiusti koki dreamvieweri . beje del tu a:link,a:visited sakei darasyti a:active. Kokia jo paskirtis? :)

beje tam kode kur parasei

@charset "utf-8";
* {
   margin:0px;
   padding:0px;
}
img {
   border:none;
}

neturetu kartais taip buti?
@charset "utf-8";
* }
body {
   margin:0px;
   padding:0px;
}
img {
   border:none;
}
[code]

* reiškia, kad visiems div elementams :]
„Tik vienas dalykas gali svajonę padaryti neįgyvendinamą: tai baimė, kad nepasiseks. “ - Paulo Coelho

Rekomenduoju pirkti domenus iš - IV.lt

Neprisijungęs eXtreme

  • Naujokas
  • *
  • Įrašai: 103
  • Karma: +6/-0
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #15 Įrašytas: 2010-04-04 11:19:17 am »
okey prisegsiu

aciu uz komentara :) matai charset'o nededu nes darau su notepad ++ vis nerandu laiko parsisiusti koki dreamvieweri . beje del tu a:link,a:visited sakei darasyti a:active. Kokia jo paskirtis? :)

beje tam kode kur parasei

@charset "utf-8";
* {
   margin:0px;
   padding:0px;
}
img {
   border:none;
}

neturetu kartais taip buti?
@charset "utf-8";
* }
body {
   margin:0px;
   padding:0px;
}
img {
   border:none;
}
[code]

Kaip jau sakė * - visiems div'ams. O a:active vyksta kai nuoroda būna aktyvi, t.y. nuo tada kai nuoroda buvo nuspausta iki tol kol persikrauna tinklapis.

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #16 Įrašytas: 2010-04-04 11:21:35 am »
o tai cia kartais ne tas pats kas ir body { ?  :o


na prisegu ta darbeli dabar , kad susidarytu normalesnis vaizdas :]
« Paskutinį kartą keitė: 2010-04-04 11:27:56 am sukūrė Ice »
Slapyvardis : Ice

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #17 Įrašytas: 2010-04-04 17:28:49 pm »
gerai as ten parasiau, zvaigzdute reiskia ne visiems div elementams, o visiems isviso elementams ir div ir visiems kitiems. jei nori tik divams visiems, tada reikia taip:

div {
  /*css*/
}

o sitas:

* {
  /*css*/
}
reiskia kad visiems elementams bus taikomos taisykles
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

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

Neprisijungęs Deividas Keturakis

  • Dalyvis
  • **
  • Įrašai: 1007
  • Karma: +23/-1
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #18 Įrašytas: 2010-04-05 10:42:50 am »
aisku ;]
Slapyvardis : Ice

Neprisijungęs Dommuxxas

  • Naujokas
  • *
  • Įrašai: 15
  • Karma: +1/-0
    • Žiūrėti profilį
Re: Dizaino kodavimas
« Atsakymas #19 Įrašytas: 2011-03-16 16:21:24 pm »
Deividai dar norėtum darbo?:D Nedaug pas mane ten..

Manualai.lt Forumas

Re: Dizaino kodavimas
« Atsakymas #19 Įrašytas: 2011-03-16 16:21:24 pm »