html css photoshop php forumas
HTML, CSS ir JavaScript diskusijos => Kita => Tema atidaryta: Deividas Keturakis on 2010-04-01 17:59:45
-
Sveiki,
Taigi kadangi vis neturiu ka veikt tai gal atsirastu zmoniu kurie duotu man darbo :D
t.y. prisekit psd , sukarpysiu ir sukoduosiu :)
-
Nemokamai karpai/koduoji? Tai geriau eik į uzdarbis.lt ir užsidirbsi ir bus ką veikt. :)
-
tai tik html/css gal biski JS ideciau :)
-
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
-
galesiu as tau duot viena webuka pakarpyt ryt poryt :D gal greiciau ;]
-
okey,laukiu :) gal prie to pačio ir video padaryčiau su paaiškinimais, gal praverstu kam nors :)
-
Gal geriau kanors kitko naudingo nuveikit. http://www.psd2cssonline.com/ (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.
-
na as jau priprates daryti viska pats ;]
-
visgi zinok neturiu paprastu dizainiuku ;D pas mane tik manualai v2 dizainu kruva, kuriu nerodysiu :)
-
damn :( na gal kiti rastu man ka nors :)
-
jei nori praktikos, tai va, pabandyk sukoduoti toki:
(http://www.ipix.lt/images/14230071.png) (http://www.ipix.lt/images/14230071.png)
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/ (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.
-
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>
-
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 ;]
-
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]
-
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 :]
-
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.
-
o tai cia kartais ne tas pats kas ir body { ? :o
na prisegu ta darbeli dabar , kad susidarytu normalesnis vaizdas :]
-
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
-
aisku ;]