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ų: 215
Prisijungusių narių: 0
Prisijungusių narių nėra

Registruoti nariai: 25,956
Naujausias narys: saulyzas

Naujausi straipsniai

Įprasti:

Skirti naujokams:

Paskutiniai nariai

MaFetas 1 savaitė
ozzWANTED 2 savaitės
saulyzas 4 savaitės
TOMIJUS 6 savaitės
Reikalas15 savaitės
Jaunelis21 savaitės
lanis21 savaitės
And2s22 savaitės
Memento Mori27 savaitės
Quwqkibor29 savaitės
asirija33 savaitės
tomeem35 savaitės
weberiz38 savaitės
mRokass41 savaitės
kartoonas42 savaitės
grunskiz45 savaitės
Bruksnys45 savaitės
illusion45 savaitės
ordo46 savaitės
Jurgaila47 savaitės

Informacija:


OS: Unknown
Naršyklė: Nežinoma
IP: 18.222.106.246
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 2 iš 2 < 1 2
Autorius: SonyNokia Peržiūrų: 26602      Spausdinti temą
2014 Kov. 8 17:03:31          41 žinutė iš 80
Spausdinti pranešimą
<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>

šitas eilutes ir kitas kur tiesiog aprašomos teksto savybės pakeisk į span'us. ir šiaip, kodėl neuždaromi tag'ai? siūlau patikrinti po visko savo kodą su w3 validatorium, rasi google, į paviršių išplauks visos klaidos ;D ir dar, jei čia visas tavo html kodas, kažkodėl jis nukirptas gaunasi. center ir wrap divai neuždaryti, nėra </body>, </html> tagų. ei, labai ir labai netobula dar viskas, tokios grubios klaidos ir kiša koją dažniausiai naršyklių suderinamumui.

Redagavo Pakartoti slaptažodį 2014 Kov. 8 17:03:54
2014 Kov. 8 18:03:38          42 žinutė iš 80
Spausdinti pranešimą
O pačiam HTML'e naudoti <br /> yra gerai, ar geriau tiesiog su paddingais suderinti. ? Nes dabar monitoriaus tekstą iš div pakeičiau į span, tai kažkaip padding'as nenori vaikščioti.
ir dėl pvz wrap , center, logo. Tai būtų : <div id="wrap"> </div> , <div align="center"> </div> ir taip toliau ? Šiaip pabandžiau po juo kiekvienu padėti po uždaroma </div> tai labai išlakstė visa informacija, bet galima supaddinti manau.merkia akį
2014 Kov. 8 18:03:36          43 žinutė iš 80
Spausdinti pranešimą
<br /> tik tekstui perkelt į kitą eilutę, blokams stumdyt nelabai. tačiau po spanu vieną br galima padėt, kad perkelti į kitą eilutę, žaidėjai, br, versija, br, ip adresas ir panašiai...merkia akį

jo, pats puikiai žinai kaip uždaryt bet nedarai. stebina jog klausi tokių dalykų kai tuo tarpu naudoti reseto css pas save, kas yra tikrai pažangu akinanti šypsen nu o išsilakstyt neturėtų manau, nebent kažką ne taip padarei, ne ten uždarei.
2014 Kov. 8 18:03:11          44 žinutė iš 80
Spausdinti pranešimą
Na dėkoju už pastebėjimus, einu ištaisyti klaidas. šypsosi
2014 Kov. 8 21:03:01          45 žinutė iš 80
Spausdinti pranešimą
Visą vakarą taisau kodą, bet įdomus dalykas.. Kad span neturi tokios laisvės kaip div'as , tai sunkiau taisyti kodą, viską kaip ir pastačiau į vietą, bet tekstai nelabai nori stumdytis, bandau tiek per html , tiek per css. Galbūt kokį pasiūlyma turi? Bandau tiek padding, tiek margin, ir rezultatas nedžiuginantis.. be žado

Patinka tas, kad jau ant visų naršyklių rodo taip pat. šypsosi

Man įdomu kaip valdyti visą span, taip pat kaip div maždaug.. ? 


<span style="color: white; font-size: 12px; padding-left: 140px">INFORMACIJA APIE PROJEKTA </span>


Margin-left ir padding-left veikia. Top ,right, bottom neveikia ant abiejų ...
2014 Kov. 9 02:03:23          46 žinutė iš 80
Spausdinti pranešimą
kaip pastebėjau, žinok, tu labai ir labai daug viską stumdai. nejaugi nėra būtų to išvengt? akinanti šypsen kaip aš įsivaizduoju, koduočiau viską čia kiek kitaip, manau būtų paprasčiau, sori bet neturiu dabar laiko tam, net pačiam smalsu akinanti šypsen
2014 Kov. 9 03:03:10          47 žinutė iš 80
Spausdinti pranešimą
O negali tiesiog span į style.css failą įsidėti, na aprašyti span visą css faile? Tarkim:
span {
padding-top:100px;
}
Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
2014 Kov. 9 10:03:34          48 žinutė iš 80
Spausdinti pranešimą
SWIZZ, mano supratimu tai nebūtų logiška, nes pradėtų visi tekstai slankiotis, o pas mane span yra ne vienas, tai ten vėl mišrainė gausis, į css span gal rašyti tik spalva ir kokį šriftą, o visa kita reikia derinti atskirai, bet galiu pabandyti padaryti ir taip kaip tu sakai.


Norėjau dar paklausti koks skirtumas tarp div ir span yra , ir koks nuostolis naudojant div , o ne span tekstiniuose reikaluose ?
2014 Kov. 9 15:03:51          49 žinutė iš 80
Spausdinti pranešimą
Tai tada daryk taip.

<div class="pavadinimas">

<span class="kitas" style="font-size:blablabla;">asdasd</span>

</div>


Ir css faile apsibrėžk tokį:


.pavadinimas span .kitas {

padding-top:100px;

}

Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
Redagavo SWIZZ 2014 Kov. 9 15:03:19
2014 Kov. 9 15:03:34          50 žinutė iš 80
Spausdinti pranešimą
skirtumas tas jog div neskirtas teksto apipavidalinimui, tai išdėstymo, tų pačių blokų elementas, span skirtas darbui su tekstu.
2014 Kov. 9 15:03:53          51 žinutė iš 80
Spausdinti pranešimą
Bet , kad span'as nenori taip gerai dirbti kaip div, ir truputėlį nervuoti pradeda, kai nesiseka, o bandžiau ir per css, ir html , ir padding, ir margin, su top ir bottom ir nekruta.. :/

SWIZZ , einu išbandyti tavo varianta.
2014 Kov. 9 17:03:56          52 žinutė iš 80
Spausdinti pranešimą
tai dabar klausikas ką tu konkrečiai nori daryti? nereikia tiek daug stumdyti kiek darai tu.. iš kur ten paddinge 140px? truputį nerealu
2014 Kov. 9 18:03:36          53 žinutė iš 80
Spausdinti pranešimą
Na Aš galiu pridėti failus savo, kuriuos ten bandžiau kažką daryti, tiesiog man nesislankiojo kodas, todėl gal tiek daug px parašiau..
Ir jeigu turėsi ten keleta minučių, bet nujaučiu, kad čia nekeletos minučių prireiks, kol viską susižiūrėsi tai pažiūrėk...
testas.rar - 1.1 Mb
2014 Kov. 9 19:03:12          54 žinutė iš 80
Spausdinti pranešimą

na pas mane vaizdas iš vis kraupus, sori akinanti šypsen žinok pabandysiu pagal save pasikoduoti šitą ant dienų jei netingėsiu, pažiūrėsim kaip gausis
2014 Kov. 9 20:03:13          55 žinutė iš 80
Spausdinti pranešimą
Oho, tikėjausi, kad jau visus uždarymus būsiu ištaises, bet kur tau... akinanti šypsen. Jie neišnyko.
2014 Kov. 9 20:03:18          56 žinutė iš 80
Spausdinti pranešimą
kokią ten įmantrią googlę naudoji? pas mane paprasta, naujausia, 33 versijos ir vaizdas štai toks akinanti šypsen pabandyk iš pradžių gal dar paprastesnius dizainus sukarpyt, vertikalaus išdėstymo, iš apačios į viršų akinanti šypsen ir šiaip, čia puikus resursas mokymuisi, žinoma, anglų kalba http://learn.shayhowe.com/html-css
2014 Kov. 9 21:03:15          57 žinutė iš 80
Spausdinti pranešimą
Jis viską daro su paveiksliukais. Iškarpyti paveiksliukai iš PSD, kurių net nereikia... Viską galima su css padaryti.
Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
2014 Kov. 9 21:03:09          58 žinutė iš 80
Spausdinti pranešimą
tas tiesa, fonui naudoti vienaspalvį gifą 1000x700 dydžio yra absurdas. gradientus ir užapvalinimus per css3 šiais laikais padaryt galima. na nieko, pradžia ir yra pradžia
2014 Kov. 9 22:03:59          59 žinutė iš 80
Spausdinti pranešimą
Google Chrome Version 35.0.1880.0 canary, va koks chromas įmantrus. O kaip sako SWIZZ, kad įmanoma ir be paveiksliukų viską padaryt.. Hmm , kolkas žinau tik vieną būda kai ten pamiršau slaptažodį matei, kaip baisiai sukūriau.. , bet prieš kokia 1-2h , pabandžiau su HTML5&CSS3 , kurį parekomendavo SWIZZ pagal angliška video YouTube padaryti, tai gan viskas praktiškai išėjo. Tai kaip suprantu , kad praktiškai galima su CSS3 pasigaminti puslapį , nu žinoma ir HTML5 panašų į šį ar išeitų padaryti kaip nuo psd .?
2014 Kov. 9 22:03:32          60 žinutė iš 80
Spausdinti pranešimą
Viskas išeitų. Jei pasidarei tą pamoką, kurią atsiunčiau turėjai suprasti visus pagrindinius dalykus.
Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
2014 Kov. 9 22:03:35          61 žinutė iš 80
Spausdinti pranešimą
O kuris sunkesnis CSS3 ar tas su kuriuo dirbau ir vistiek neišėjo ?
2014 Kov. 9 22:03:02          62 žinutė iš 80
Spausdinti pranešimą
na čia tas pats css, tik galėsi plačiau jį naudot, daugiau visokių funkcijų ir efektų
2014 Kov. 9 22:03:49          63 žinutė iš 80
Spausdinti pranešimą
Norėčiau Tavęs paklausti, ar verta pabandyti su CSS3 tą patį psd atkopijuoti? Bet vistiek turiu nuojauta , kad gali nepavykti, bet... be praktikos negalima tikėtis rezultato. nežino
2014 Kov. 9 22:03:41          64 žinutė iš 80
Spausdinti pranešimą
aišku jog verta, o pats paprasčiausias pavyzdys būtų ko gali tikėtis, kokie pliusai, tarkim vietoj tavo panelės paveiksliuko: jį galima pakeisti grynai lankščiu kodu.

div'o foną galėsi skurti štai taip
http://colorzilla.com/gradient-e...

o jam suapvalinimą taip
http://border-radius.commerkia akį
2014 Kov. 9 23:03:45          65 žinutė iš 80
Spausdinti pranešimą
Wow.......... Stebini mane Pakartoti slaptažodį. Labai labai labai dėkoju Tau už tokius pasidalintus puslapius, be jų tikrai daug darbo būtų buve būtent su panele ir ne tik . O tas monitorius kur yra psd'e tai jis tiesiog tik dėl vaizdo, ant kurio galima irgi pasitreniruoti.merkia akį

Bandysiu Aš tą patį psd failą atkopijuoti, tai norėjau paklausti dėl background'o.gif ar kitu formatu nu nesvarbu, kur tu rašei , kad apsurdas yra 1000x700 dėti, tai ten tiesiog būtų taip : 

body {

	background-image: url('img/bg.gif'); }
ir tiek ?
2014 Kov. 9 23:03:00          66 žinutė iš 80
Spausdinti pranešimą
Taigi, kaip supratau tu video net nežiūrėjai ir net nepasidarei pagal tutorial dizaino. Ten viskas buvo parodyta, kaip fonus padaryti, kaip užapvalinti ir viską... Na, bet jei tau geriau tekstai, tai valio.
Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
2014 Kov. 10 00:03:34          67 žinutė iš 80
Spausdinti pranešimą
na ne, kam to paveiksliukai ten iš vis? juk tai viena spalva...
body { background: #555; }
2014 Kov. 10 00:03:44          68 žinutė iš 80
Spausdinti pranešimą
SWIZZ, pasidariau pagal tavo video dizainą.





O klausimas kilo dėl logo darant su CCS3, tai jį jau reikia atkirti, ar irgi būtų įmanoma kitais būdais jį pasidaryti ? (Būtent mano psd , kur matosi ankstesnėse nuotraukose, kur TGP-LIFE.LT)
2014 Kov. 10 01:03:59          69 žinutė iš 80
Spausdinti pranešimą
na ne, tikriausiai nieko ten, dviračio nesukursi, darykim paveiksliukiškai akinanti šypsen
2014 Kov. 10 01:03:07          70 žinutė iš 80
Spausdinti pranešimą
Tai jeigu gaminčiau ant CCS3 ir HTML5, tai realiai reiktų tik trijų nuotraukų ? : Logo, monitoriaus paveiksliukas ir tas žmogus ant katerio, taip?
2014 Kov. 10 01:03:47          71 žinutė iš 80
Spausdinti pranešimą
taip išeina; jei subegėsi, aišku akinanti šypsen
2014 Kov. 10 01:03:30          72 žinutė iš 80
Spausdinti pranešimą
Nujaučiu, kad įšūkis ir vėl nelengvas.. Bet tikiuosi , kad bus geriau nei praitas etapas. Šiaip dar galiu pasakyt kai iš pačių pačių pradžių žiūrėjau į tuos psd failus, dar net nekarpes buvau , tai galvoju pasimsiu šita tai bus lengvas, o čia kai pradėjau daryti, tai pasirodo nelengvas reikalas.. akinanti šypsen
2014 Kov. 10 01:03:00          73 žinutė iš 80
Spausdinti pranešimą
tai ką ir sakau, pasibandyk šitą pagal visas naujoves ir taip drūtai akinanti šypsen o jei nepavyks, galėsi dar lengvesnį paimt ir pasibandyt, surasim ;D
2014 Kov. 10 02:03:51          74 žinutė iš 80
Spausdinti pranešimą
Minusas tiek paddinguose, tiek maringuose yra ne į nauda? Geriau jo išvengti ? Žinau, kad klausiau to, bet paklausiu su dabartiniu tuo CSS3 .. šypsosi
2014 Kov. 10 02:03:35          75 žinutė iš 80
Spausdinti pranešimą
na niekas už tai rankų nenukapos, tačiau nepanašu jog tai būtų sunkiausias pasaulio dizainas, manau gautųsi ir paprastai, sunku pasakytmerkia akį minusai minusais, susikoncentruok į kitas vingrybes
2014 Kov. 10 10:03:22          76 žinutė iš 80
Spausdinti pranešimą
Nes va naktį pasidariau logo.gif, ir pasigaminau su CCS3 panele, kur namai forumas ir kiti dalykai. Ir bandžiau su margin ar padding žaistis dabar neatsimenu, nes mokykloje. Ir dariau tiek px, tiek %, ir nepavyko be minuso. Bet išbandžiau padding : - 2% ir prisiglaudė prie logo. Bet tada kokiais būdais įmanoma padaryti be minuso? Bet žinoma, jeigu nekenkia minusas, tai galima taip ir paliktmerkia akį
2014 Kov. 10 13:03:53          77 žinutė iš 80
Spausdinti pranešimą
bandyk margin: 0 auto; į css failą.
Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
2014 Kov. 10 13:03:30          78 žinutė iš 80
Spausdinti pranešimą
Tau patarimas, jeigu kas nors neišeina ir negali surasti klaidos arba nori pasiaiškinti kaip viskas atrodo. Sudėk absoliučiai visiems div'ams "border: 1px #ff3000 solid;" - visi blokai įgaus raudoną apvedimą, todėl matysi kur kas su kuo liečiasi, kur trukdo paslinkti, kur nesutampa ir pan. Ypač tai naudinga, jeigu dirbi su permatomais objektais (pvz. nededi spalvos panelei ar pan, kur tų blokų ribų tiesiog nesimato).

Aš taip darau, kai kas nors nesutampa ir nerandu klaidos. Iš karto pasidaro viskas aiškiau šypsosi
www.creatium.lt
2014 Kov. 10 17:03:24          79 žinutė iš 80
Spausdinti pranešimą
Sveiki dar karteli, Esu pasiemes kita dizainą, nu t.y paprašė padaryt, žinoma neskaitau aš savęs ten pro, bet vistiek jeigu nori išmokti, turi dirbti. šypsosi .

Taigi prie reikalo aš, yra dabar tokia problema, kad pavadinimas nenori eiti į savo vietą, bandžiau visaip kaip išmaščiau.

HTML kodas: 

<aside class="naujiena">

 <span class="edit">

 	Atnaujinimai svetainėje

 	</span>

 <img src="img/naujiena.gif">

   </aside>
O galbūt blogai čia ką nors pasirašęs.. nežino Gal visai net ne taip class suteikiama..

CSS kodas:
pačios naujienos

.naujiena {

	width: 570px;

	height: 213px;

	position:absolute;

	text-align:left;

	margin: 0 14.5%;

	margin-top: -52%;

 

}

Na žinoma, man be minuso niekaip nesigauna.

O to <span> css: 


span.edit {

	padding-top: 3%;

	color: #F6F;

	}


O vaizdas štai toks :




O norėčiau, kad gautųsi toks:





Kaip būtų įmanoma čia padaryti merkia akį

Ir dar norėčiau paklausti, ką reiktų padaryt, kad jeigu būtų sumažintas chrome langas, kad neliptų vienas ant kito ? Na kaip kituose puslapiuose būna, kad jeigu ir sumažini chromo langa, ir nelaipioja, tiesiog pradingsta ekrana, ir reikia slankiot. Ar čia tik parodo, kad ir vėl kodą blogai parašiau ?
2014 Kov. 12 13:03:46          80 žinutė iš 80
Spausdinti pranešimą
SonyNokia parašė:
<...>

Ir dar norėčiau paklausti, ką reiktų padaryt, kad jeigu būtų sumažintas chrome langas, kad neliptų vienas ant kito ? Na kaip kituose puslapiuose būna, kad jeigu ir sumažini chromo langa, ir nelaipioja, tiesiog pradingsta ekrana, ir reikia slankiot. Ar čia tik parodo, kad ir vėl kodą blogai parašiau ?


Jei nori padaryti, kad nuo lango (ekrano) dydžio priklausytų dizainas, turi daryti jį 'responsive'. Tame video, kur daviau tau, gale rodo, kaip tai padaryti. Reikia prirašyti .css faile @media ir jame sukurti atskirus parametrus, kurių nori.

O ten viršui ko klausei, tai kam tas <span> ?

Daryk taip:


<div class="naujiena">

<header class="naujienos-virsus">

Atnaujinimai svetainėje

</header>

 

<img src="sdasd.png" />

<p class="tekstas">

Balalasllaslalsl

</p>

</div>


.css failas:


.naujiena {

width: ***px;

float: left;

}

 

header .naujienos-virsus {

bacground-color:#sadasd;

width: ***px;

height: ***px;

}

 

.naujiena img {

width: ***px; (paveiksliuko plotis)

height: auto;

float: left;

}

 

p .tekstas {

float: left;

}


Čia ne viskas gali būti gerai, tačiau pasiredaguok pagal save. Aš tai nesuprantu... Juk tą kur daviau video - visi šie dalykai buvo parodyti. O šiaip ir Google ant tokių dalykų tikrai protinga.
Tomas Balčiūnas @ dA - http://swizz1.deviantart.com/
Puslapis 2 iš 2 < 1 2
Peršokti į forumą: