Jump to content

neko nejeedzu no webdizaina

humors

humors,
in WEB izstrādes lietas

 Share

Recommended Posts

humors

humors

Ierakstīts
Ierakstīts (labots)

Izveidoju mazu lapas dizainu ar tā sauktajiem blokiem, bet vajg arī tieši tādu pašu ar tabulām. Kāds nevarētu izpalīdzēt un to kas ir ar blokiem parveidot tādu kā ar tabulām? Jo man nekādīgi nesanāk :(. Paldies jau iepriekš.

dfhd.html

Labots - drunk_lizard
Link to comment
Share on other sites
Mezavecis

Mezavecis

tizls topika nosaukums. Uztaisi labāku, tad padomāšu.

Link to comment
Share on other sites
Lupin

Lupin

es vēljoprojām nesaprotu par ko te ir īsti runa...

Link to comment
Share on other sites
Mezavecis

Mezavecis

Jau labāk.

 

Tak uztaisi galveno tegu <table> un tālāk veido blokus <div> vietā no <tr> (rindiņa) un <td> (kolonna). Kas tur tik sarežģīts? Iepriekšējos tavos topikos minēja labus piemērus.

Link to comment
Share on other sites
humors

humors

  • Author
(labots)

Jā es to saprotu, bet man vajg, lai abas lapas ir vienādas un es nezinu daudzas lietas kā piemēram veidot viņu novietojumu, lielumu, krāsu, apmales un kā tur iekšā visu izveidot :(.

 

Varbūt ja šitas ir pārāk darba ietilpīgs proces vari lūdzu vienkārši ar tabulām un blokiem vienlārši šitādus maketu uztaisīt pārējo dizainu centīšos pats izveidot.

 

RNkxcxN.jpg

Labots - humors
Link to comment
Share on other sites
Mezavecis

Mezavecis

Izskatu un novietojumu var mainīt tādā pašā veidā ar CSS palīdzību vai arī ar papildparametriem, height, width, border utt. Rezultātu jau redzēsi, kad sāksi likt kopā.

 

Liec kopā un skaties. Ja nezini kā jābūt, paņem kaut vai šī foruma html source un apskaties, kā izvietojums veidojas.

Link to comment
Share on other sites
Mezavecis

Mezavecis

Tādu izkārtojumu ar apvienotām kolonnām var dabūt ar rowspan un colspan. Vienlaicīgi šo te es nepielietoju, jo pēc tam čakars ar līdzinājumiem. Tapēc taisu tabulu iekš tabulas.

Link to comment
Share on other sites
humors

humors

  • Author

Nevari lūdzu izveidot tādu mazu ātru maketiņu kā iepriekšējā postā parādiju bildē? Būtu ļoti pateicīgs.

Link to comment
Share on other sites
Mezavecis

Mezavecis

Reku uz ātru roku uztaisīju iekš frontpage - naturāli uzzīmēju tavu tabulu. Protams varianti ir vēl, kā to realizēt.

 

<table border="1" width="595" height="181">
<tr>
	<td height="111" width="55" rowspan="2"> </td>
	<td height="63" width="429"> </td>
	<td height="63" width="89"> </td>
</tr>
<tr>
	<td height="102" width="524" colspan="2"> </td>
</tr>
<tr>
	<td height="60" width="585" colspan="3"> </td>
</tr>
</table>

Link to comment
Share on other sites
Mezavecis

Mezavecis

Tas ko pievienoju ir skelets, tālāk starp <td> tegiem   vietā spraud iekšā savu saturu. Tālāk noformatē kā nākas.

 

Starp <tr> tegiem neko neliec, tad sāksies murgs un galus nesameklēsi.

Link to comment
Share on other sites
humors

humors

  • Author

Jā par šitiem es sapratu liels paldies. Bet man vajg izveidot 2 pilnīgi vienāds lapas otrai jābūt ar tiem Blokiem. Kā viņu maketu vari lūdzu uzspiest?

Link to comment
Share on other sites
Mezavecis

Mezavecis

tev tak tai piemērā ir ar blokiem.

 

Ar tiem maz esmu strādājis un layautu neesmu taisījis.

Prasi citiem, man gulēt gribas.

Link to comment
Share on other sites
Lupin

Lupin

(labots)

uz ātru roku .... 

<div style="position:absolute;left:10;top:10;height:570;width:200;border:1px solid black"  > div1 </div>
<div style="position:absolute;left:220;top:10;height:100;width:680;border:1px solid black" > div2 </div>
<div style="position:absolute;left:910;top:20;height:80;width:80;border:1px solid black"   > div3 </div>
<div style="position:absolute;left:220;top:120;height:460;width:770;border:1px solid black"> div4 </div>
<div style="position:absolute;left:10;top:590;height:100;width:980;border:1px solid black" > div5 </div>

 

 

links :roll: ceru, ka es pareizi tevi sapratu ...,

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author
(labots)

ĀĀĀĀĀĀĀ BŪČAS TEV !!!!! PALDIES!!!

 

Ev ja tev vel ir kaut mazliet laika un gribas speks palīdzēt. Vari atbildēt uz 2 jautājumiem ļoti viegliem, bet man nesaprotamiem. Pirmais ir kā var uzlikt tā, lai tas teksts kas ir tajā blokā nebūtu pa vidu, bet pašā augšā un otrais kā var burtu krāsu mainīt iekš bloka?

 

Un vel maza problēmiņa, kā var taisīt actarpes starp rindākopā a to sanāk ka viss visam blakus un nevar uztaisīt lielu actari piemēram 3 rindas. :(

Labots - humors
Link to comment
Share on other sites
Lupin

Lupin

ĀĀĀĀĀĀĀ BŪČAS TEV !!!!! PALDIES!!!

 

:evil: ŅEM SAVUS VĀRDUS ATPAKAĻ!!! :twisted:

 

pag... pag... vispirms man jādekodē tevis uzdotie jautājumi, pēc tam varbūt atbildēšu...

Link to comment
Share on other sites
Lupin

Lupin

(labots)

jādekode?

Pirmais ir kā var uzlikt tā, lai tas teksts kas ir tajā blokā nebūtu pa vidu, bet pašā augšā un otrais kā var burtu krāsu mainīt iekš bloka?

man no jokaina jautājuma jāizdomā atbilde ar tev vēlamo pareizo atbildi ... :grin:

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author

Sorr mēģināšu pareizāk izskaidrot.

Pirmo es jau apstrādāju tur viss kārtībā un 2 bija vienkārši kā var likt krāsainus burtus?

ŠĀDUS

Man kautkā galīgi nesanāk un vel tagad radās viens cits kā var visai lapai uzlikt background krāsu?

Link to comment
Share on other sites
Lupin

Lupin

(labots)

pirmkārt, katrs elements <div> blokā jau atrodas pašā augšā pēc noklusētā nosacijuma, tā teikt, defaulta.

 

ja vēlies norādīt bloka iekšējo elementu orientēšanās pozīciju, pie "style" pievieno iestatījumus piemēram: "position:absolute;bottom:30px;right:5px;"

 

<p style="position:fixed;bottom:30px;right:5px;"> some text</p>

gribi nomainīt teksta krāsu?

<p style="color:red;">some text</p>

starp rindām atstarpi?izmanto tagu <br>

 

 

vēlkautko?

 

edit: ups, nevis fixed, bet gan absolute :neutral: ...

 

 
<body style="background:gray">

<div style="position:absolute;left:10;top:10;height:550;width:180;border:1px solid black;padding:10"  > div1 </div>
<div style="position:absolute;left:220;top:10;height:80;width:660;border:1px solid black;padding:10" > div2 </div>
<div style="position:absolute;left:910;top:20;height:60;width:60;border:1px solid black;padding:10"   > div3 </div>
<div style="position:absolute;left:220;top:120;height:440;width:750;border:1px solid black;padding:10;"> 
div4 <br>
<p style="color:red">Jauka bilde, p.s. あなた　は　馬鹿！</p><br>
<img src="http://content5-foto.inbox.lv/albums57129560/visuvarenais/lol/fojejd.gif" style="position:absolute;bottom:30px;right:300px;">


</div>
<div style="position:absolute;left:10;top:590;height:80;width:960;border:1px solid black;padding:10" > div5 </div>
</body>

link

 

Es zinu vienu jauku adresi priekš tādiem iesācējiem kā tev: w3schools.com

man arsenālā ir vel pāris linki, bet es domāju, ka tev ar šo adresi būs gana ;-)

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author
(labots)

Your the god :).

 

Nu ja vel gribi palīdzēt tad ir viena lieta gan mazliet grūtāka. Kā var uztaisīt tādu šteli kur tipa ieraksti proli un vardu un ielagojies cita lapa? vai ari neielagojies ja parole nepareiza?

 

A jā vel kā var fontus mainīt burtu lielumu?

Labots - humors
Link to comment
Share on other sites
Lupin

Lupin

(labots)

tas tev būs par grūtu...

tu uz plika html strādā? tev ir kāds serveris?

 

 

tādas "operācijas" kā lietotāju validācija ir iespējama tikai ja tev ir serveris kas atblasta php, ajax, perl un citas servera puses skriptus un programmēšanas valodas....

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author

Es strādāju ar NOTEPAD ++ ar pliku HTML, bet nē tas nebūs pārāk grūti es tādu skolā taisīju vienkārši mana atmiņa mani atkal pieviļ :(.

Link to comment
Share on other sites
Lupin

Lupin

(labots)

w3schools.com tur ir visas tev vajadzīgās atbildes sakarā ar html...

 

 

<font size="5" face="Verdana">some text </font>

 

pag pag... tev vajag tikai plikus password un text laukus?

 

<input type="text">

<input type="password">

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author

Ja tas w3chools.com labs tur visu laiku arī skatos vienīgi tur man liekas daudz kā nav :(.

 

Nē vel nu tā ka es rakstu to paroli un ja uzrakstu pareizi ieet lapā citā bet ja nepareizi parāda ka nepareiza parole un nekur neieiet :)

Link to comment
Share on other sites
Lupin

Lupin

(labots)

ar html to nevar izdarīt...

joka pēc to var izdarīt ar javascript :D

Labots - Lupin
Link to comment
Share on other sites
Lupin

Lupin

(labots) 


<form >
user:<br>
<input type="text" id="a1" >
password:<br>
<input type="password" id="a2">
<input type="button" id="a3" value="login" onclick="check()">
<script>
function check()

{

if (document.getElementById("a1").value== "noone" & document.getElementById("a2").value == "nothing")
{

window.open("http://google.lv","_blank");
}
else
{
alert("nepareiza parole vai lietotajs");
}
}
</script>
<form>

 

links

bet tu saptoti ka tā ir tikai butaforija :roll:

Hackeriem pateikšu priekšā: :lol:

lietotājs:noone

parole:nothing

 

edit: pamanīju nelielu kļūdu kodā un izlaboju

Labots - Lupin
Link to comment
Share on other sites
Lupin

Lupin

butaforija? - tas ir kā piemērs

 

tāpat kāmašīnas riepa, kas darināta no šokolādes, izskatās pēc riepas, ir ēdama :), bet lietot kā riepu nevar... tā ir butaforija

Link to comment
Share on other sites
humors

humors

  • Author

Nu skaidrs :).

 

Ev paskaties kā man sanāca ir mazas kļumītes :(. Būtu jābūt tākā BLOKIEM, bet tā tabulām kautkāda nobīde un to labo malu nemāku tekstu uzvilkt uz augšu :(.

 

LApA

Link to comment
Share on other sites
Lupin

Lupin

(labots)

tagad tu man esi parādā četrapaku Aldara gaišā, atsūti man uz emailu :D

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author

Kautvai divas :D. Ja es šito šonat neuztaisītu nelaistu mani pie eksāmena :).

 

A tu tur nevari nokačat? Un ja ne protams saki arī savu meilu :p.

Link to comment
Share on other sites
Lupin

Lupin

(labots)

style= "position:absolute;left:10;top:10;height:550;width:180;border:1px solid black;padding:10"

 

"padding:10" pievieno centra blokam pie style un rediģē bloka izmērus

tur nav nekādas nobīdes..

 

aa, par tabulām?

 

<table align="top">

 

vai

 

<td align="top">

 

<form >
user:<br>
<input type="text" id="a1" >
password:<br>
<input type="password" id="a2">
<input type="button" id="a3" value="login" onclick="check()">
<script>
function check()

{

if (document.getElementById("a1").value== "noone" & document.getElementById("a2").value == "nothing")
{

window.open("http://google.lv","_blank");
}
else
{
alert("nepareiza parole vai lietotajs");
}
}
</script>
<form>

nevis "&&" bet viens "&"

Labots - Lupin
Link to comment
Share on other sites
humors

humors

  • Author

Hmm kautkas man nesanāca. Es kad pievienoju to tekstu man labējais bloks samazinājās apakša:(.

 

Jā un pēc tā padding 10 arī tur tāpat vai nu ir cits fonts tiem burtiem vai kautkas tāds vigi galīgi nav vienādi :(.

Link to comment
Share on other sites
Guest drunk_lizard

Guest drunk_lizard

klau, veciit, tevi pie latviesju valodas eksaamena pielaidiis?

 

un jaa, ka tu pats labi zini - maajasdarbus pildam pasji!

 

Mūsu autoserviss ir domāts autovadītājiem, kuri daudz pārvietojas un vēlas saņemt ātru, profesionālu apkalpošanu par salīdzinoši zemu cenu vienā vietā.

Ielagoties kā darbinieks


Ēpasta adresse

maajaslapa vienkaarsji dedzina.....

Link to comment
Share on other sites
humors

humors

  • Author

druk_lizard, es prasu tikai palīdzību ! Kur problēma?

 

lupin, es pieliku to <td align="top">, bet tāpat tas tekts man pa vidu mētājas :(.

Link to comment
Share on other sites

Izveido kontu, vai pieraksties esošajā, lai komentētu

Jums ir jābūt šī foruma biedram, lai varētu komentēt tēmas

Izveidot jaunu kontu

Piereģistrējies un izveido jaunu kontu, tas būs viegli!

Reģistrēt jaunu kontu

Pierakstīties

Jums jau ir konts? Pierakstieties tajā šeit!

Pierakstīties tagad!
 Share
Iet uz tēmu sarakstu
×
×
  • Izveidot jaunu...