Дайте съвети?
- Автор gr1zzlord
- Начална дата
Направи 1 таблица с 5 разделения надоло. В най-горното сложи логото. Отдоло флаш менюто на 3-тото резни тази част.
http://web-tourist.net/project/newguy/clipboard01444444.jpg сложи я като <td background="kartinka"> след това резни същата по големина линия която да е резната от средата и пак така background. Там слагаш още 2 таблици с align="left" и вече слагаш инфо в тях. В последното поле добавяш най-долната изрязана част. :?:
http://web-tourist.net/project/newguy/clipboard01444444.jpg сложи я като <td background="kartinka"> след това резни същата по големина линия която да е резната от средата и пак така background. Там слагаш още 2 таблици с align="left" и вече слагаш инфо в тях. В последното поле добавяш най-долната изрязана част. :?:
gr1zzlord каза:хора дайте съвети как нали лесно за кодиране на този дизайн...как да го нарежа как ще е най-добре
бутоните и менюта са флаш за хедъра още не съм решил...
Предварително Благодаря за най-добрия съвет така да се каже +1
Малко дълго,но и аз да кажа:
Сложи всичко в 1 основен див - main и му задай margin: 0 auto; За фон му сложи сивия градиент,който е най-отдолу и му задай background: url(..) bottom center.Следва един див който си го кръсти #submain.На него му сложи фон тази голямата кутиика в която ти са сега съдържанието и двете кутиики.В този див си направи 2 - един #left с float: left; и един #right с флоат пак left.В #left си направи кутииката "Последни упдейти",а в #right - голятата кутия с съдържанието.
И това е.
Гледай поредицата Правилно кодиране:
http://videotutorials-bg.com/lessons.php?action=viewsub&id=26&t=135&page=3
Това е първият урок.На мен ми беше много полезна... :wink:
мда ще допълня фестар. В тоя големия див, който ще центрираш може да сложиш 2 дива. единия ще е логото и менюто(бутоните) на сайта, а долния ще сложиш 2 колоно(говоря за дивове), лява и дясна. Но докато не пробваш няма да разбереш мн мн, то може по хиляди начини да се направи, като се има в предвид дали ще се разтяга на долу сайта, и мн др.
Добре сега които ми отоговори на това му давам точката !Значи направих си бекграунда
HTML
и цсс
Така бекграунда от 3-те картинки си бачка супер ама как да сложа хедъра върху бекграунда?
HTML
Код:
<body>
<div id="main">
<div id="block">
<div id="lqvo"></div>
<div id="fon"></div>
<div id="dqsno"></div>
<div id="clear"></div>
</div>
<div id="header"></div>
</div>
</div>
</body>и цсс
Код:
/*-----------------------------------------------BODY------------------------------------------------------*/
html, body{background-color:black;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;}
/*-----------------------------------------------BACKGROUND------------------------------------------------*/
#main{margin: 0px auto; width:990px;}
#lqvo{background-image:url(../img/lqvokolona.png);width:8px;height:688px;margin-left:38px;margin-top:2px;float:left;display: inlinе;}
#fon{background-image:url(../img/fon.png);background-repeat:repeat-x;height:688px;margin-top:2px;width:900px;float:left;display: inlinе;}
#dqsno{background-image:url(../img/dqsnokolona.png);width:8px;margin-top:2px;height:688px;float:left;display: inlinе;}
/*-----------------------------------------------HEADER,MENU-----------------------------------------------*/
#header{background-image:url(../img/bg.PNG);width:881px;height:154px;float:left;}Така бекграунда от 3-те картинки си бачка супер ама как да сложа хедъра върху бекграунда?
sans-serif;font-size:12px;margin:0;padding:0;}
#main{margin: 0px auto; width:990px;}
#lqvo{background-image:url(../img/lqvokolona.png);width:8px;height:688px;margin-left:38px;margin-top:2px;float:left;display: inlinе; position: relative; z-index: 1;}
#fon{background-image:url(../img/fon.png);background-repeat:repeat-x;height:688px;margin-top:2px;width:900px;float:left;display: inlinе; position: relative; z-index: 1;}
#dqsno{background-image:url(../img/dqsnokolona.png);width:8px;margin-top:2px;height:688px;float:left;display: inlinе; position: relative; z-index: 1;}
#header{background-image:url(../img/bg.PNG);width:881px;height:154px;float:left; position: relative; z-index: 3;}
#main{margin: 0px auto; width:990px;}
#lqvo{background-image:url(../img/lqvokolona.png);width:8px;height:688px;margin-left:38px;margin-top:2px;float:left;display: inlinе; position: relative; z-index: 1;}
#fon{background-image:url(../img/fon.png);background-repeat:repeat-x;height:688px;margin-top:2px;width:900px;float:left;display: inlinе; position: relative; z-index: 1;}
#dqsno{background-image:url(../img/dqsnokolona.png);width:8px;margin-top:2px;height:688px;float:left;display: inlinе; position: relative; z-index: 1;}
#header{background-image:url(../img/bg.PNG);width:881px;height:154px;float:left; position: relative; z-index: 3;}
gr1zzlord каза:
ти ако чакаш на готоео да ти го напрай някой ей тай на око дет се вика ,знаеш ли кога ще стане.Или помоли някой да ти го нареже или се мъчи сам, прочети за цсс ще ти се разяснят доста неща.Във видео туториалс бг има един урок правилно кодиране, мисля че ще ти свърше работа
1-вото ще ми трябва за някои други пнг-та а сега ми трябва и някое което да фиксва пнг-та когато са зададени като фон в цсс защото отвори линка с ИЕ да видиш как е !2-рото не знам javascript и просто това ми е полезно и ще го използвам и съм си го сложил като коментар да го видя като ми потрябва няма да слагам след бодито и хтмл-а линк
3-тото за него какво?
3-тото за него какво?