Веб дизајн помош (совети, трикови, алатки итн.)

[pLaToOn]

Да го преместам каде сакам, а не да ми е ограничено горе/доле/лево/десно?

Има разни принципи на позиционирање, зависи како си пристапил кон дизајнот.

1. Можеш страната да ја исшпарташ како табела па во неа да ги распоредуваш елементите. Одличен пристап за добивање „стегнат“ дизајн за различни резолуции.
2. На веќе дефинирана висина на пример во табела, можеш да си играш и со позиционирање на копчето лево или десно со помошни елементи (на пример транспарентна слика), на пример:

<img src="transparentno.gif" width="220px" height="1px" align="left" />KOPCE

3. Сепак најголема слобода ти дава позиционирањето со CSS, но имај на ум две работи:
- слободата скапо се плаќа ... ќе треба да научиш еден сосема понов пристап во веб дизајнирањето кое може да ти потроши многу часови, не сигурно ќе се исплати
- слободата е постојано под надзор од разни групации кои сакаат да ја скинат, во случајов тоа можат да бидат невкусот, заплеткан css на кој неможеш да му најдеш крај, некомпатибилност кај разни прегледници и сл.
Пример како да дефинираш позиција со CSS директно во самите HTML тагови:

<div style="position: absolute; top: 123px; left: 123px;">KOPCE</div>

Дополнително позицијата покрај absolute може на пример да биде и relative, можеш да додадеш и други css елементи како margin, padding и сл., но после овој едноставен пример ќе мораш малку повеќе да „бараш помош“ на друго место, на пример тука.

 

[Џои]

Некој да каже како во joomla да ставам слика на позадина да изгледа нешто вака


http://www.vilamalsvetikliment.com/

 

[pLaToOn]

Некој да каже како во joomla да ставам слика на позадина да изгледа нешто вака


http://www.vilamalsvetikliment.com/

Во css-от на темплејтот за body тагот дефинирај

background-image:url('slika.png');
background-repeat:no-repeat;
background-position:center center;

... патем во претходниот пост има линк каде можеш да пронајдеш многу информации за css ... ама кој да чита ...

 

[Грејвдигер]

Некој да каже како во joomla да ставам слика на позадина да изгледа нешто вака


http://www.vilamalsvetikliment.com/

Во css-от на темплејтот за body тагот дефинирај

background-image:url('slika.png');
background-repeat:no-repeat;
background-position:center center;

... патем во претходниот пост има линк каде можеш да пронајдеш многу информации за css ... ама кој да чита ...

или попросто во body стави:

background: url(slika.png) repeat-y center top

со што сликата ќе се повтара вертикално по средината на страницата, почнувајќи се од врвот.

 

[Џои]

Фала ви и на двајцата ајде сега уште едно прашање. Значи правам но артикл и го оставам така, е сега не сакам да одам преку мени до него туку од друг артикл преку текст да одам на тој артикл. Ако ме сфативте што сакам да прашам.

Најдов ова http://writenowdesign.com/images/joomla-how-to-tips/joomla-training-1.5.2.16.html

Ги исталирав се ама не ми го дава зошто незнам?

 

[Грејвдигер]

Фала ви и на двајцата ајде сега уште едно прашање. Значи правам но артикл и го оставам така, е сега не сакам да одам преку мени до него туку од друг артикл преку текст да одам на тој артикл. Ако ме сфативте што сакам да прашам.

Најдов ова http://writenowdesign.com/images/joomla-how-to-tips/joomla-training-1.5.2.16.html

Ги исталирав се ама не ми го дава зошто незнам?

Џумла не е моја област, ама може и вака да додадеш линк:

<a href="http://kajgana.com">Кајгана</a>

или доколку сакаш во нов прозорец/таб

<a href="http://kajgana.com" taget="_blank">Кајгана</a>

Само што ќе ти е тој додаток за Џумла кога е добар и стандардниот уредувач.

 

[Џои]

Само што ќе ти е тој додаток за Џумла кога е добар и стандардниот уредувач.

Фала ти на помошта, но успеав да се најдам со плугинот од горе. ОДЛИЧЕН Е ЕЈ го препорачувам на сите. Се правиш со еден клик не се замарам со кодови глупости. Ми заштедува време.

 

[WinOrDie]

ajde ako moze malce help

Значи вака на PhotoShop направив имагест и еве со направив само незнам да кодирам да го напрам web sajt ова ако некој мозе да ми помогне да кодира фрее нека писе

 

[аллександар]

Значи вака на PhotoShop направив имагест и еве со направив само незнам да кодирам да го напрам web sajt ова ако некој мозе да ми помогне да кодира фрее нека писе

ова ти е една цела слика??? ако е цела слика нмикогаш нема да го поставиш како дизајн.. инаку за почетници земи дримвивер - одлична алатка е ! пишо ми и на ПП ке ти дадам македонски туторијали да се снајдеш со околината у дримвивер.

 

[WinOrDie]

сега

--- надополнето ---

еј на делови е брат сликата мозиш ти дизајн на дреамвивер да напраиш ?

 

[Грејвдигер]

од .PSD треба да ги изрежиш и после се иде со кодирање html/css. Инаку темата е споена.

 

[WinOrDie]

имам фолдер со сите сликички како на првата слика само ми треба помош околу кодирањето

 

[Грејвдигер]

Еве ти детален туторијал, но сепак треба да имаш некое познавање од html и css.
Други 10 туторијал:

http://designm.ag/resources/converting-psd-to-html/

 

[WinOrDie]

А дали би можел ти грејвидигер да ми помогнеш зашто неам познавање од css.. и ако да го кодираш ова....

 

[Грејвдигер]

А дали би можел ти грејвидигер да ми помогнеш зашто неам познавање од css.. и ако да го кодираш ова....

HTML - http://www.w3schools.com/html/default.asp
CSS - http://www.w3schools.com/css/default.asp

Лесно е, за ден два ќе ги совладаш. Тоа е што можам да ти помогнам, а за да ти го искодирам ќе треба да си платиш.