Navigacija

Namai Forumas PAIEŠKA ! ! Pagrindinės temos ! Nuorodų katalogas Didž. Php-F saitai Kontaktai
NAUDINGA
Straipsniai DUK Siuntimai Skriptų biblioteka Modai, dizainai Modai šiame saite D.U.K. Informacija Hostingai Domenai
Naudotojo vadovas v7 V6 ir V7 galimybių palyginimas DEMO
NUORODOS
Modifikacijos, panelės Temos/dizainai
PASLAUGOS
Reklama VIP hostingas
Pask. komentarai Administracija

Vartotojų tinkle

Prisijungusių svečių: 281
Prisijungusių narių: 0
Prisijungusių narių nėra

Registruoti nariai: 25,956
Naujausias narys: saulyzas

Naujausi straipsniai

Įprasti:

Skirti naujokams:

Paskutiniai nariai

ozzWANTED 3 dienos
saulyzas 2 savaitės
MaFetas 2 savaitės
TOMIJUS 3 savaitės
Reikalas12 savaitės
Jaunelis18 savaitės
lanis19 savaitės
And2s19 savaitės
Memento Mori24 savaitės
Quwqkibor27 savaitės
asirija31 savaitės
tomeem33 savaitės
weberiz36 savaitės
mRokass38 savaitės
kartoonas39 savaitės
grunskiz42 savaitės
Bruksnys43 savaitės
illusion43 savaitės
ordo44 savaitės
Jurgaila44 savaitės

Informacija:


OS: Unknown
Naršyklė: Nežinoma
IP: 18.119.122.140
Naujienų: 529
Straipsnių: 235
Temų: 52,588
Postų: 522,537
Postų pask. parą: 0
Shout'ų pask. parą: 0
P.S.C. pask. parą: 0
Nuorodų kataloge: 13

Lankomumo Statistika

Peržiūrų šiandien: 22

Iš viso peržiūrų: 22948724

Prisijungti

REGISTRUOTIS
Nario vardas

Slaptažodis



Pamiršai slaptažodį?
Paprašyk naujo
Aktyvuoti save

Šaukykla

Jei norite rašyti žinutes, turite prisijungti.

ozzWANTED
2024 Lap. 30 15:11:14
Taip, vis dar up šypsosi

MaFetas
2024 Lap. 13 22:11:57
hey how, geras dar veikiantis saitas?

Jaunelis
2024 Lie. 25 11:07:43
Oho vis dar veikia svetainė akinanti šypsen Šimtas metų, matau Šaukykloje nuostalgija. Smagu panaršyt po forumą ir pažiūrėt senas temas šypsosi

And2s
2024 Lie. 17 19:07:04
2008 pirmą kart čia patekau, man buvo 10m ir čia pramokau programavimo.. smagu skaityti senas žinutes, tokia nostalgija akinanti šypsen ačiū Ozz kad saugoji šitą kultūrinį reliktą šypsosi

ozzWANTED
2024 Sau. 17 01:01:00
Desperatiškus komentarus šaukykloje su accountu po mėnesio prasibuvimo, ištryniau. Pasaulis ir taip juodas. Įjungiam šviesą, prašviesės. šypsosi

Šaukyklos archyvas

Apklausa

Ar esate patenkinti lietuviško vertimo kokybe?

Taip!

Taip, bet yra ką taisyti (parašysiu komentaruose)

Ne

Norėdamas balsuoti turite prisijungti.
Archyvas
Reklama 400x60
PHP: Dėl PSD to HTML&CSS
Forumas | PHP-Fusion, WordPress, Shopify, PHP ir MySQL (PROGRAMAVIMAS) | Kiti PHP, HTML, MySQL klausimai
Puslapis 1 iš 2 1 2
Autorius: SonyNokia Peržiūrų: 26574      Spausdinti temą
2014 Kov. 6 00:03:48          1 žinutė iš 80
Spausdinti pranešimą
Sveiki visi!


Taigi ir Aš čia. Truputi pailsėjęs nuo PHP kalbos, Aš nusprendžiau sugrįžti prie HTML&CSS kalbų, jas truputi patobulinti.merkia akį

Norėčiau paklausti Jūsų, kaip geriau ir patogiau daryti ir daro tikri programatuojai su CSS kalba, kai jie koduoja iš psd į html ir css kalbas. Jie kuria atskirai failą css kalbai, ar rašo į index.html?

Kaip ir visada žinoma norėsiu tęsti klausimus į vieną savo temą.
2014 Kov. 6 00:03:49          2 žinutė iš 80
Spausdinti pranešimą
sveikas ir vėlmerkia akį na, kaip įprasta iš pradžių nusipaišai dizainą per photoshopą, kaip viskas turi atrodyt, detalės, išdėstymas ir panašiai. na o tada pradedi karpyti. koduoti nėra teisingas žodis

pagal visas taisykles yra atskiras css failas, ir tuomet seka html failai. aišku galima iš pradžių ir nenaudoti css failų kad būtų greičiau, tiesiai viską rašyti į vieną failą, na o paskui išskaidyti.

čia lankstesnis dalykas, labiau nuo stiliaus priklauso
2014 Kov. 6 00:03:35          3 žinutė iš 80
Spausdinti pranešimą
Šiuo atvėju užsimti Photoshop'u tai nenorėčiau. Tiesiog norėčiau iš interneto parsisiųsti kokį geresnį , bet ne gera nupiešta dizainą, ir bandyti karpyti. Esu jau tai bandęs, ir visai gerai sekėsi, tik keleta neatitikimų buvo, todėl, nes nežinojau kaip tą atlikti . Galbūt netyčia žinai kur galėčiau rasti psd failų, kur būtų ten su naujienos forumas ir kitais dalykais? Na tiesiog norėčiau tokius labiau koduoti.. Bandžiau ieškoti Aš pats, bet.. randu visiokių, bet , kad ten būtų normalesnis koks, tai nelabai ir sekasi rasti..

Papildau: Na, o dėl css failo atskirai ar ne, nusprendžiau, kad kolkas pabandysiu daryti į vieną, o vėliau kai būsiu +/- atlikes darbą, bandysiu viską iškelti į atskirą css failą.
2014 Kov. 6 01:03:37          4 žinutė iš 80
Spausdinti pranešimą
į visokius temų saitus bandyk keliaut, ir lietuviškų nemažai yra, ten tikrai rasi begales psd ruošinių, ir paprastai gana profesionaliai nupieštų.

taip, css tikrai ne problema, gali kaip tik nori laviruot. kad nenaudok atskiro failo, gali dirbti index.html'e. tiesiog tarp <head> ir </head> rašyk visus stilius:
<style>
...
</style>

na arba prie pačio elemento. tarkim bus kažkoks mygtukas, tai jį apipavidalinsim taip: <input type="button" style="..." />
2014 Kov. 6 01:03:54          5 žinutė iš 80
Spausdinti pranešimą
Bet vis dėl to nusprendžiau iškarto daryti į atskirą style.css failą, manau užims ilgiau laiko, bet manau darysiu kaip visi stengiasi daryti. Pastebėjau, kad dažnai nuomonės keičiasi kaip darysiu, supratau, kad esu nepastovus žmogus. Na, o dėl psd failų, ieškau jų, buvau keleta atsisiuntęs, bet background gif/png/jpg jie tokie juodi sulieti, nu tokie labai jau keisti.. Tai dar vis ieškau kuris bent būtų padorus , ir be tokių juodų dėmių, galbūt čia specialiai taip padaryta, todėl , jog tai nemokamas psd. Na , bet čia toks spėjimas tik.

O dar norėjau paklausti kaip ten dėl tų karpinių formato? Tinka tik gif, ar tinka viskas pvz: jpg, png, gif, ir kt formatai ?

Papildau: Ir dar norėjau paklausti pvz dėl logotipo: Jį reikia kopijuoti iškarto su headeriu ar kaip tas viršus vadinasi, ar atskirai? Kad galėčiau paspaudus ant to logotipu suveiktų taip pat kaip čia paspaudi ant phpfusion Lietuva, ir įmeta į index.php?
2014 Kov. 6 01:03:31          6 žinutė iš 80
Spausdinti pranešimą
ak, pažįstamas jausmas tas nepastovumas, patikėk, high five ;D nors ir gerai bus, geriau lėčiau, kaip ir sakai užims daugiau laiko, bet vėliau nereiks perdarinėt, super

va iš čia gali rasti keletą psd dizainų http://themes-lt.eu/darbai/1/web...20/%20/%20

tinklalapių elementai būna tik gif ir png. gif dažniausiai labai smulkioms detalėms, o šiaip pagrinde png. png ir peršviečiamas gražiau atrodys, neapkramtytas. dar rekomenduoju visiems spausti paveikslėlius per čia: http://kraken.io - paveikslėliai užims dar mažiau vietos, tinklalapiai veiks greičiau, srauto valgys mažiau, puikus atradimas akinanti šypsen

Redagavo Pakartoti slaptažodį 2014 Kov. 6 01:03:57
2014 Kov. 6 01:03:05          7 žinutė iš 80
Spausdinti pranešimą
Na dėkoju už pasidalinimus. Šiandien atrodos susirasiu tik psd padorų. O rytoj pabandysiu pakarpyti, ir žiūrėti kaip ten gaunasi. O dėl http://kraken.io pabandysiu pažiūrėti kaip veikia, kaip skirtumai.merkia akį
2014 Kov. 6 01:03:38          8 žinutė iš 80
Spausdinti pranešimą
šaunu, aš pats jau irgi lėksiu, sėkmės, būtinai pasidalink kaip seksismerkia akį
kas dėl krakeno.. tai paveikslėlių kokybė nenukenčia nė kiek, o vartymo greitį pastebėti gali būti keblu, bet faktas tas, kad paveikslėliai - sunkiausia ir didžiausia eilinio tinklalapio dalis - užims tikrai mažiau.
2014 Kov. 6 01:03:38          9 žinutė iš 80
Spausdinti pranešimą
Nesenai išbandžiau krakena, tikrai geras išradimas. Pabandžiau ir sukonvertuoti, tai tikrai eina sutaupyti tuos kb, kokybė nei truputi nenukentėjo, ir tikrai manau pasijaustų skirtumas, bet reiktų, kad būtų didesnis puslapis, kad būtų pastebas vertimo greitis. šypsosi
2014 Kov. 6 02:03:44          10 žinutė iš 80
Spausdinti pranešimą
Na štai.. Pabandžiau ir padariau, bet ne idealiai.. Iki idealumo trūksta truputėli.

Orginal:


Mano:


Kas man nepavyko? Raidės kvailai atrodo + nedidelis sriftas, bet šita mokėčiau pataisyt, bet kažkodėl man atrodo tas visas meniu kreivas, žemyn, aukštyn.. Tas man nepatiko. Tada neįdėjau tų brukšnių , orginaliame matosi. Šešėlio neuždėjau kur yra prie logotipo. O visa kita mano akiai kaip ir gerai gavosi. Dabar duosiu Jūsų kritikai. šypsosi
Dariau viską pats, niekas nepadėjo.

DĖL LOGOTIPO IR PIEŠĖJO: nei puslapio , nei piešėjo nenorėjau ir nenoriu reklamuoti, bet tiesiog internete radau tokį psd failą, tai tokį ir perkūriau.
2014 Kov. 6 15:03:44          11 žinutė iš 80
Spausdinti pranešimą
ar man taip atrodo ar tik navigacija yra teksto forma? visur kitur atrodo lyg tie patys iškarpyti paveiksliukai akinanti šypsen
2014 Kov. 6 16:03:37          12 žinutė iš 80
Spausdinti pranešimą
Nu taip, čia tik šiuo atvėju navigacija yra su tekstu, o visa kita tik karpiniai, tai kaip supratau viskas blogai , kas tik su karpiniais padaryta..
2014 Kov. 6 17:03:41          13 žinutė iš 80
Spausdinti pranešimą
na jo, nes kaip sakant nieko taip ir nepadarei savo rankom, vien paveiksliukai nesiskaito akinanti šypsen ten kur tekstas - turi ir būti tekstas
2014 Kov. 6 20:03:39          14 žinutė iš 80
Spausdinti pranešimą
Pakartoti slaptažodį, na štai , atkarpiau ir surašiau pats ranka tuos laukelius. Taigi paliksiu dabar Tavo kritikai. Ką blogai dariau , galbūt patarimų duosi. Krakeno šį kartą nenaudojau.
2014 Kov. 6 20:03:46          15 žinutė iš 80
Spausdinti pranešimą
na va, kaip matai gavosi visai nieko, tik aišku yra ir kitokių šriftų nei kad Times New Roman, pabandyk su Arial, Tahoma, Verdana kombinacijom.
ir šiaip visi tekstai truputį į viršų pasislinkę, ištaisytum tai?
2014 Kov. 6 20:03:37          16 žinutė iš 80
Spausdinti pranešimą
Vat su šitu yra sunkiausia, todėl, nes nemoku, arba neatsimenu kaip padaryt. Todėl prie to viršaus ilgai leidau laiką, bet man vistiek nepavyko.. Galbūt pasidalinsi kaip tai padaryti? O su sriftu, tai čia pagal psd reikia derinti, ar yra kažkuris sriftas yra kuris tinka labiausiai ?
2014 Kov. 6 21:03:16          17 žinutė iš 80
Spausdinti pranešimą
nu šitam psd naudojamas tahoma, tad jį gali pamėgint, šiaip tahoma ar koks arial - jie saugūs šriftai, jie visur tinka. o va toks klasiškas kaip tavo tikrai ne visur..

o viršus stumdyt su css padding'ais reikia.
2014 Kov. 6 21:03:50          18 žinutė iš 80
Spausdinti pranešimą
Wow, dėkoju už padding'o priminimą!merkia akį Jis veikia. Pakeičiau sriftą į Tahoma, ir toliau bandau pabaigti atitaikyti paddingus.

Galbūt galėtum dar priminti kaip padaryti tarpą tarp eilučių? Nes <br /> per didelius daro. šypsosi
2014 Kov. 6 21:03:49          19 žinutė iš 80
Spausdinti pranešimą
body {
line-height: 150%;
}

merkia akį
2014 Kov. 6 22:03:06          20 žinutė iš 80
Spausdinti pranešimą
Dėkoju už tuos du priminimus.. Jie tikrai pagelbėjo dar labiau ištaisyti tekstus.. Galbūt dar rasi kokių klaidelių, būtinai lauksiu.merkia akį



Edit: Tarpus tarp karpinių pas save pakeičiau, bet jau čia nebedėsiu, čia kaip ir nėra sunku su šituo. šypsosi
2014 Kov. 6 23:03:30          21 žinutė iš 80
Spausdinti pranešimą
o ką, visai nieko atrodo, tik aišku dabar būtų smalsu pažiūrėti į kodą, nes esmė visa tai jame, ir įsitikinai kad atvaizduoja ant visų naršyklių vienodai puikiai?merkia akį
2014 Kov. 6 23:03:08          22 žinutė iš 80
Spausdinti pranešimą
Prigavai mane...
Ant Chrome Canary viską testavau ant jo viskas gerai!
Mozzila - blogai.
Internet Eeplorer - blogai.
Paprastas Canary - blogai.

O daugiau naršyklių neturiu.

O dėl kodo, įdėsiu.
INDEX.HTML


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>TPG-LIFE.LT</title>

<link href="reset.css" rel="stylesheet" type="text/css" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrap">

<div align="center">

<div id="logo">

</div>

<div id="meniu">

<ul id="meniu_tekstas">

<li><a href="index.html">Namai</a></li>

<li><a href="index.html">Forumas</a></li>

<li><a href="index.html">Pagalba</a></li>

<li><a href="index.html">Reklama</a></li>

<li><a href="index.html">Paslaugos</a></li>

<li><a href="index.html">Kontaktai</a></li>

</ul>

<div align="left">

<div id="junk">

<div align="center">

<h6>PRISIJUNKITE PRIE MŪSŲ!</h6>

</div>

<br />

</div>

<br />

<div id="jpg">

<h2> Tik čia atskleidžia tikro gyvenimo galimybes </h2>

</div>

<div id="monitorius"> 

<div align="center">

<h3> SERVERIO MONITORIUS </h3>

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<h3> ŽAIDĖJAI: 64/200 </h3>

<h3> VERSIJA: 0.3x </h3>

<h3> IP ADRESAS: samp.tgp-life.lt</h3>

</div>

<div id="info">

<h1>INFORMACIJA APIE PROJEKTA</h1>

<br />

<h4>Sveiki, taigi atsidarė naujasis  TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU. </h4>

</div>

<div id="end">

<p> © 2013 TPG-LIFE.LT - Visos teisės griežtai saugomos</p> 

<div align="right">

<h5>dizainas: GReddy </h5>

</div>


STYLE.CSS


body {

background:url(images/bg.gif);

}

 

#wrap  {

width: 891px;

height: auto;

margin: 0 auto;

}

 

#logo {

background:url(images/logo.gif) no-repeat;

width: 1000px;

height: 170px;

margin-top: 10px;

margin-left: -50px;

margin-bottom: -23px;

font-family: Tahoma;

}

 

#meniu {

background:url(images/meniu.gif) no-repeat;

padding-top:0px;

width: 664px;

height: 45px;

margin-left: auto;

margin-right: auto;

font-family: Tahoma;

padding-top: 5px;

}

 

#meniu_tekstas {



width: 664px;

height: auto;

list-style: none; 

padding-left: 0px;

padding-top: 5px;

margin-top: 0px;

margin-bottom: 0px;

font-family: Tahoma;

}

 

li {

list-style-type: none;

display: inline;

padding-top:20px;

font-family: Tahoma;

font-size: 18px;

font-style: regular;

margin-bottom: 10px;

margin: 20px;

 

}

 

a {

color: #F8F8F8;

text-decoration: none;

font-family: Tahoma;

}

 

a:hover {

text-decoration: none;

font-family: Tahoma;

}

 

#junk {

background:url(images/junk.gif) no-repeat;

width: 667px;

height: 23px;

margin-top: 16px;

font-family: Tahoma;

padding-top: 5px;

 

}

 

p {

padding-right: 1cm;

font-size: 13px;

color: #FFFFFF;

margin-right: 2px;

text-indent: 10px;

font-family: Tahoma;

}

 

h6 {

color: #FFFFFF;

font-size: 12px;

font-family: Tahoma;

}

 

h5 {

color: #FFFFFF;

margin-right: 20px;

font-size: 12px;

margin-top: -15px;

text-indent: px;

font-family: Tahoma;

}

 

h4 {

color: #484848  ;

font-size: 13px;

text-align:center;

font-family: Tahoma;

text-indent: 1px;

}

 

h3 {

color: FFFFFF;

font-size: 12px;

text-indent: 19px;

font-family: Tahoma;

line-height: 150%;

}

 

h2 {

font-size: 12px;

color: #FFFFFF;

text-align: center;

padding-top: 120px;

font-family: Tahoma;

}

 

h1 {

color: #FFFFFF;

font-size: 12px;

font-family: Tahoma;

text-align: center;

padding-top: 4px;

}

 

#monitorius {

background:url(images/monitorius.gif) no-repeat;

width: 195px;

height: 241px;

margin-top: -144px;

padding-bottom: 8px;

font-family: Tahoma;

padding-top: 6px;

}

 

#jpg {

background:url(images/jpg.gif) no-repeat;

width: 465px;

height: 144px;

margin-left: 200px;

margin-right: auto;

margin-top: -22px;

font-family: Tahoma;

}

 

#info {

background:url(images/info.gif) no-repeat;

width:468px;

height: 95px;

margin-left: 199px;

margin-right: auto;

margin-top: -85px;

font-family: Tahoma;

}

 

#end {

background:url(images/end.gif) no-repeat;

width: 669px;

height: 23px;

margin-top: 5px;

font-family: Tahoma; 

padding-top: 3px;

}

 


Įdėsiu dėl viso pikto images, kaip pavadines juos, nes pavadinau juos, bet kaip tiesiai šviesiai pasakius.


Dėl kodo abejoju ar teisinigai parašes esu, bet iš klaidų ar pastabų mokomės.!merkia akį Norėjau paklausti, o kaip suderinti visas naršykles, kad viską vienodai rodytų, ar tai sunku ?
2014 Kov. 7 00:03:41          23 žinutė iš 80
Spausdinti pranešimą
hm, o matosi jog tu čia tikrai ne naujokas, viskas su divais, jokių tablemerkia akį
tik dizaine neturi būti jokių <br />, tai labai blogas būdas "apeiti problemą", vėlgi stumdyk viską su paddingais. paskui tie visi h1, h2 h3... geriau jų nenaudok, jie ne tam skirti, paprastai tekstą dekoruok su <span>tekstas</span> css kode irgi labai daug nereikalingų dalykų. gali prie body { } pasirašyk font-family ir viskas, galios visam dokumentui, nereiks prie kiekvieno bloko rašyt tą patį. ir per css paveikslėlius įterpiam tarp kabučių..
šiaip jei giliau gilinantis galima būtų dar klaidų tų rast, tačiau pradžiai tiek, visai nieko, gera pradžiamerkia akį tik įsivaizduok jei nusipieštum savo dizainą, jį taip sukarpytum ir dar užmautum ant kokios nors php sistemos, irgi savo kūrybos. osum? juokiasi

Redagavo Pakartoti slaptažodį 2014 Kov. 7 00:03:00
2014 Kov. 7 00:03:15          24 žinutė iš 80
Spausdinti pranešimą
Na ant šitų kalbų ne taip plaukioju kaip ant PHP plaukioju, bet .. Ateis savas laikas ir jam .merkia akį. Keleta kartų skaičiau Tavo pagyrimus, pastabas, kad supraščiau viską. Na supratau +/-. Tik mane labai gąsdina su tais (h1-h6), su šitu truputi plaukioju . Bet reikės bandyti viską, pataisyti. Stengsiuosi ištrinti visus <br /> , ir pakoreguoti viską su padding'u. O dėl kabučių man kyla klausimas kaip turėtų atrodyti tarkime yra #meniu, tai reiktų rašyti "meniu" , ar kaip kitaip?

Na , jeigu mokėčiau piešti, ir taip neplaukiočiau PHP kalboje, tikrai būtų osum darbas, jeigu tą padaryčiau nuo 0 iki 100% su nedaug klaidelių..merkia akį
2014 Kov. 7 01:03:58          25 žinutė iš 80
Spausdinti pranešimą
sakyk garsiai jei kas neaišku, būtinai paaiškinsiu suprantamesniais (jei tai įmanoma) žodžiaismerkia akį dėl kabučių tai turėjau omeny tai: background:url("images/logo.gif") no-repeat;

vieną dieną tikrai padarysi puikų projektą, pamatysi nesitikėk stebuklingų rezultatų per ~savaitę
2014 Kov. 7 01:03:58          26 žinutė iš 80
Spausdinti pranešimą
Na dabar iškilo tokia problema.. Tiesiog neina teksto per index.html padaryti <br /> pagal taisykles kokias 5-15px



Kodą naudoju štai tokį: 


<span style="color:#484848; font-size: 12px; margin-top: 12px; callpadding-top: 15px">Sveiki, taigi atsidarė naujasis  TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU.</span>


Žinoma daug visiokių nesąmonių dėl top privėliau, bet bandžiau visus, nes tiesiog nežinau, arba neatsimenu kaip padaryti taip pat kaip <br /> . šypsosi
2014 Kov. 7 11:03:00          27 žinutė iš 80
Spausdinti pranešimą
Naudok div vietoje span, jis suteikia daugiau valdymo galimybių.
www.creatium.lt
2014 Kov. 7 12:03:27          28 žinutė iš 80
Spausdinti pranešimą 

<span style="color:#484848; font-size: 12px; margin-top: 12px; <b>callpadding-top: 15px</b>">Sveiki, taigi atsidarė naujasis  TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU.</span>


cellpadding-top: 15px, arba tiesiog padding-top: 15px.
2014 Kov. 7 14:03:03          29 žinutė iš 80
Spausdinti pranešimą
Dėkui tiek Creatium tiek IlikeIT. Labai padėjo tiek div, tiek padding'as. šypsosi
2014 Kov. 7 16:03:51          30 žinutė iš 80
Spausdinti pranešimą
Creatium parašė:
Naudok div vietoje span, jis suteikia daugiau valdymo galimybių.

teisybė, span skirtas žodžio ar kelių smulkiam apipavidalinimui (šriftas, spalva, dydis), o jau blokams - tik div'as
2014 Kov. 7 17:03:52          31 žinutė iš 80
Spausdinti pranešimą
Norėjau paklausti dėl tarkim padding-top: -15px; , tai skaitosi kaip klaida jeigu tai minusas? Bet atlieka tą pačia funkcija, kaip ir paprastas tarkim 15px ,tik minusas nuo paprasto skiriasi tuo, kad pusės keičiasi, nes pavyzdžiui padding-bottom: 15px; visiškai neveikia..

Ir dar klausimas tarkime yra Index.html'e kodas <div id="junk">, tai sekančioje eilutėje turi būti būtinai uždaromas div </div> ?
2014 Kov. 7 18:03:29          32 žinutė iš 80
Spausdinti pranešimą
sintaksė visiškai teisinga, naudoti galima drąsiai, tik aišku jei dirbant profesionaliai, minusų geriau išvengt, turi gautis viskas be jų.. taip, pusės skiriasi.

na kas be ko, kai baigiasi tavo blokas junk visada turi jį uždaryti, nebūtinai sekančioje eilutėje, svarbu ten, kur pabaiga
2014 Kov. 7 18:03:46          33 žinutė iš 80
Spausdinti pranešimą
O kodėl galėtų neveikti man padding-bottom? Nes vesdamas 15px ar 150px nejuda iš vietos , bet pvz padding-top veikia kuo puikiausiai..
2014 Kov. 7 18:03:58          34 žinutė iš 80
Spausdinti pranešimą
na čia sunku pasakyt, netgi aš susiduriu su tokiom problemom kad aha, šitas būdas kažkodėl neveikia, nežinau kodėl, bet kitas veikia, liekam prie jo..
2014 Kov. 7 21:03:17          35 žinutė iš 80
Spausdinti pranešimą
Nes kitokiu atvėju, aš nebemoku padaryti, kad vaikščiotų su tuo padding - top be minuso, to minuso neišvengiu...

Nutinka ir tokių dalykų kaip padding-top ( su minusu) kai būna daugiau px, irgi pradeda nebevažinėti. . nežino
2014 Kov. 8 00:03:35          36 žinutė iš 80
Spausdinti pranešimą
Taigi.. Kaip ir pabaigiau savo darbą daryti, perdariau, kad nebūtų nei h1-h6 , nei kitų dalykų kurie trukdė, pastačiau ant div.

Nuotrauka:



HTML kodas:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>TPG-LIFE.LT</title>

<link href="reset.css" rel="stylesheet" type="text/css" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

 

<body>

 

<div id="wrap">

<div align="center">

<div id="logo">

</div>

 

 

<div id="meniu">

<ul id="meniu_tekstas">

<li><a href="index.html">Namai</a></li>

<li><a href="index.html">Forumas</a></li>

<li><a href="index.html">Pagalba</a></li>

<li><a href="index.html">Reklama</a></li>

<li><a href="index.html">Paslaugos</a></li>

<li><a href="index.html">Kontaktai</a></li>

</ul>	</div>

 

<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ!	</div>

<div id="junk">	</div>

 

 

<div id="jpg">

<div style="color:white; font-size: 12px; padding-top: 118px">Tik čia atskleidžia tikro gyvenimo galimybes	</div>

 

 

<div id="monitorius"> 

<div style="color:white; font-size: 12px; text-indent: 15px; padding-top: 7px"> SERVERIO MONITORIUS

<div style="font-size: 12px; padding-top: 158px; color:red">ŽAIDĖJAI: 64/200

<div style="font-size: 12px; padding-top: 5px; color:red">VERSIJA: 0.3x 

<div style="font-size: 12px; padding-top: 5px; color:red">IP ADRESAS: samp.tgp-life.lt	</div>

 

 

<div id="info">

<div align="center">

<div style="color:white; font-size: 12px; padding-top:4px">INFORMACIJA APIE PROJEKTA 

<div style="color:#484848; font-size: 12px; padding-left: 5px; padding-top: 15px">Sveiki, taigi atsidarė naujasis  TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU.	</div>

 

 

<div id="end">

<p> © 2013 TPG-LIFE.LT - Visos teisės griežtai saugomos</p> 

<div align="right">

<div style="color:white; font-size: 13px; margin-top: -17px; margin-right: 20px"> dizainas: GReddy	</div>


CSS kodas:


body {

background:url("images/bg.gif");

font-family: Tahoma;

}

 

li {

display: inline;

font-size: 18px;

margin: 20px;

}

 

a {

color: #F8F8F8;

text-decoration: none;

}

 

 p {

font-size: 13px;

color: #FFFFFF;

text-indent: 10px;

text-align: left;

}

 

 

a:hover {

text-decoration: none;

}

 

 

 

#wrap  {

width: 891px;

height: auto;

margin: 0 auto;

}

 

#logo {

background:url("images/logo.gif") no-repeat;

width: 1000px;

height: 170px;

margin-top: 10px;

margin-left: -50px;

margin-bottom: -23px;

}

 

#meniu {

background:url("images/meniu.gif") no-repeat;

width: 664px;

height: 45px;

padding-top: 5px;

}

 

#meniu_tekstas {

width: 664px;

height: auto;

list-style: none; 

padding-top: 5px;

}

 

#junk {

background:url("images/junk.gif") no-repeat;

width: 667px;

height: 23px;

margin-top: -19px;

}

 

#jpg {



background:url("images/jpg.gif") no-repeat;

width: 465px;

height: 144px;

margin-left: 200px;

margin-top: 2px;

}

 

#monitorius {

background:url("images/monitorius.gif") no-repeat;

width: 195px;

height: 241px;

margin-left: -672px;

margin-top: -132px;

 

}

 

#info {

background:url("images/info.gif") no-repeat;

width:469px;

height: 96px;

margin-left: 199px;

margin-top: -85px;

}

 

#end {

background:url("images/end.gif") no-repeat;

width: 669px;

height: 23px;

margin-top: 25px;

margin-left: -200px;

padding-top: 3px;

}


Taigi lauksiu kritikos, pagyrimų galbūt, norėčiau sužinoti kas šiuo metu blogai.merkia akį

O dėl padding'ų su minusu, tai tiesiog neišėjo man kitaip padaryti, nes padding-right, arba padding-bottom nelabai norėjo veikti kaip priklauso, na bandžiau ir daugiau variantų, bet kažkaip su minusu mane išgelbėjo labiausiai.

Ir dar norėjau paklausti dėl kodo, ir ar tai klaida, jeigu esu parašes taip?


<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ!	</div>

<div id="junk">	</div>


O ne taip : 


<div id="junk">     </div>

<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ!	</div>

 
2014 Kov. 8 01:03:51          37 žinutė iš 80
Spausdinti pranešimą
visų pirma norėčiau dar pastebėti kad galima būtų sutrumpinti paddingų rašymą taip, jei jų keli, vietoj
margin-top: 10px;
margin-left: -50px;
margin-bottom: -23px;

rašyt
margin: 10px 0 -23px -50px;

manau pagavai mintį.

na o tuos divus dėk pagal eiliškumą, tau geriau matyt, jei iš pradžių eina junkas, arba jis kairėj, žodžiu jis pirmas, vadinasi ir dedam pirmą..

o šiaip
<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ!</div>
geriau keisk į span. creatium gerai sako šiaip, bet čia nėra blokas, čia tiesiog tekstas, tad divas ne prie ko.
2014 Kov. 8 02:03:04          38 žinutė iš 80
Spausdinti pranešimą
Na gerai supratau, ką norėjai man pasakyti. Pabandysiu pataisyti. Dėkoju, kad duodi pasiūlymų , ir šiaip pasakai kas blogai.merkia akį

O dėl : 

margin: 10px 0 -23px -50px;
yra šitam kode kažkoks eiliškumas? Atsimenu kažkada esu bandes iš 4 , bet to neužfiksavau ir tiesiog nenaudojau. Nes kaip ir lengviau kai jie palaidi, bet reikia tobulintis ir stengtis naudotis Tavo pateiktu pasiūlymu.

Jeigu yra eiliškumas, ir jeigu Tau nebūtų sunku, tai pasidalink.

margin: 10px - kaip supratau top, 0 - nežinau, -23 - bottom , -50 left, o jeigu būtų margin-right: 50px, tai būtų taip pat 

margin: 10px 0 -23px -50px;
?
2014 Kov. 8 02:03:59          39 žinutė iš 80
Spausdinti pranešimą
0 čia būtų right.
sintaksė tokia:
margin: top right bottom left;

merkia akį
2014 Kov. 8 12:03:41          40 žinutė iš 80
Spausdinti pranešimą
Dėkoju labai už paaiškinta sintakse.merkia akį

Taigi pataisiau ir sudėjau kas po ko eina tiek HTML tiek CSS kalboje, tai ką pastebėjau, kad ant kaikurių karpinių išėjo išvengti margin minusų, bet ne ant visų.

Nuotrauka:


Manau, kad jau niekuo nebenustebins, tą patį vaizdą +/- matant.

HTML kodas:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>TPG-LIFE.LT</title>

<link href="reset.css" rel="stylesheet" type="text/css" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

 

<body>

 

<div id="wrap">

<div align="center">

<div id="logo">

</div>

 

<div id="meniu">

 

<ul id="meniu_tekstas">

<li><a href="index.html">Namai</a></li>

<li><a href="index.html">Forumas</a></li>

<li><a href="index.html">Pagalba</a></li>

<li><a href="index.html">Reklama</a></li>

<li><a href="index.html">Paslaugos</a></li>

<li><a href="index.html">Kontaktai</a></li>

</ul>	</div>

 

<span style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ!	</span>

<div id="junk">	</div> 

 

 

<div id="monitorius"> 

<div style="color:white; font-size: 12px; text-indent: 15px; padding-top: 7px"> SERVERIO MONITORIUS

<div style="font-size: 12px; padding-top: 158px; color:red">ŽAIDĖJAI: 64/200

<div style="font-size: 12px; padding-top: 5px; color:red">VERSIJA: 0.3x 

<div style="font-size: 12px; padding-top: 5px; color:red">IP ADRESAS: samp.tgp-life.lt	</div>

 

<div id="jpg">

<div style="color:white; font-size: 12px; padding-top: 118px">Tik čia atskleidžia tikro gyvenimo galimybes	</div>

 

<div id="info">

<div align="center">

<div style="color:white; font-size: 12px; padding-top:4px">INFORMACIJA APIE PROJEKTA 

<div style="color:#484848; font-size: 12px; padding-left: 5px; padding-top: 15px">Sveiki, taigi atsidarė naujasis  TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU.	</div>

 

<div id="end">

<p> © 2013 TPG-LIFE.LT - Visos teisės griežtai saugomos</p> 

<div align="right">

<div style="color:white; font-size: 13px; margin-top: -17px; margin-right: 20px"> dizainas: GReddy	</div>


CSS kodas:


body {

background:url("images/bg.gif");

font-family: Tahoma;

}

 

li {

display: inline;

font-size: 18px;

margin: 20px;

}

 

a {

color: #F8F8F8;

text-decoration: none;

}

 

p {

font-size: 13px;

color: #FFFFFF;

text-indent: 10px;

text-align: left;

}

 

 

a:hover {

text-decoration: none;

}

 

#wrap  {

width: 891px;

height: auto;

margin: 0 auto;

}

 

#logo {

background:url("images/logo.gif") no-repeat;

width: 1000px;

height: 170px;

margin: 10px 0 -23px -50px;

}

 

#meniu {

background:url("images/meniu.gif") no-repeat;

width: 664px;

height: 45px;

padding: 5px 0 0 0;

}

 

#meniu_tekstas {

width: 664px;

height: auto;

list-style: none; 

padding: 5px 0 0 0 ;

}

 

#junk {

background:url("images/junk.gif") no-repeat;

width: 667px;

height: 23px;

margin: -19px 0 0 0;

}

 

#monitorius {

background:url("images/monitorius.gif") no-repeat;

width: 195px;

height: 241px;

margin: 3px 472 0 0;

}

 

#jpg {



background:url("images/jpg.gif") no-repeat;

width: 465px;

height: 144px;

margin: -231px 0 0 199px;

 

}

 

#info {

background:url("images/info.gif") no-repeat;

width:469px;

height: 96px;

margin: 14px 0 0 0;

}

 

#end {

background:url("images/end.gif") no-repeat;

width: 669px;

height: 23px;

margin: 27px 0 0 -200;

padding: 3px 0 0 0;

}


Taigi margin: 0 0 0 0; labai pagelbėjo, nes pavyko tiek sutaupyti eilučių, tiek išmokti -užtvirtinti naujove, kuri labai patogi.merkia akį Dar ką pastebėjau tai , kad pradėjo ir right margin veikti normaliai, bet ne ant visų.
Ir visgi kilo man klausimas... O kaip pritaikyti prie visų naršyklių , kad būntų vienodas vaizdas? Nes kai derinau prie Chrome Canary, tai viskas gerai. O kai Google Chrome, Internet Explorer, Mozilla jau nebeatitinka..
Pamiršiu slaptažodį, laukiu Tavo pastebėtų mano klaidelių, ar kitų dalykų.
Puslapis 1 iš 2 1 2
Peršokti į forumą: