Кто может помочь в не сложной вёрстке?

[Dallas]

Ещё раз всем привет. Кто может сверстать прозрачный прямоугольник? Вот сайт: http://warcraft3cheats.ru/

Вот скрин:

Если просто заменить картинку на прозрачную то середина будет нормальной а по бакам будет темнее. Тупая на мой взгляд вёрстка... С одной картинке берётся 3 картинки =)) по бокам накладывается почему 2 или 3 раза друг на друга, а в центре 1 раз.

Кто может просто сверстать блок прозрачной картинки и подогнать под сайт?

[volkod]

дай код

[Dallas]

дай код

Там с 1 png берутся 3 части картинки 2 из них побокам идут и одна по середине, так получается чёрный прямоугольник. Если его сделать прозрачным то бобакам будет чёрный фон т.к. почему то в коде бока картинок накладываются друг на друга не сколько раз... Хз почему.

<div id="header_c">
<div class="header_c"><div class="header_c"><div class="header_c">
<div class="header_c_l">

<div class="header_c_l_b">{login}</div>
</div>
<div class="header_c_r">
<div class="header_search">
<div class="search_block">
<form action="" name="searchform" method="post">
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<div class="search_btn"><input class="sbtn" value="Поиск" alt="Поиск" type="image" src="{THEME}/images/spacer.gif" /></div>
<div class="search_bg"><input class="sfield" id="story" name="story" value="Введите текст для поиска..." onblur="if(this.value=='') this.value='Введите текст для поиска...';" onfocus="if(this.value=='Введите текст для поиска...') this.value='';" type="text" maxlength="60" /></div>
</form>
</div>
</div>
</div>
</div></div></div>
</div>

Edited April 15, 2013 by Dallas

[volkod]

у тебя там картинки такие

дай css и картинки те я тебе сделаю

Edited April 15, 2013 by volkod

[Dallas]

у тебя там картинки такие

дай css и картинки те я тебе сделаю

Я хз что у меня там... Я химил не хрена не нахимичил=))

Вот вроде всё:

#header_c {height:111px;}
.header_c {height:111px; background:url('../images/header_c.png') repeat-x center;}
.header_c .header_c {background:url('../images/header_c.png') no-repeat left top;}
.header_c .header_c .header_c {background:url('../images/header_c.png') no-repeat right bottom;}

Картинка: (Прозрачность можешь не делать я сам. Главное чтоб бока не накладывались друг на друга.)

Edited April 15, 2013 by Dallas

[volkod]

#header_c {height:111px;}
.header_c {height:111px; background:rgba(0, 0, 0, 0.5) ;}
.header_c .header_c {background:url('../images/header_c.png') no-repeat left top;}
.header_c .header_c .header_c {background:url('../images/header_c.png') no-repeat right bottom;}

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

я б вопще б сделал без картинок потому что они там не нужны оно и так смотрится норм но если нужен именно с тему углами пробуй первый вариант

#header_c {height:111px;}
.header_c {height:111px; background:rgba(0, 0, 0, 0.5) ;}
.header_c .header_c { background:rgba(0, 0, 0, 0.5) ;}
.header_c .header_c .header_c { background:rgba(0, 0, 0, 0.5) ;}

а еще убери фон у поиска то не красиво смотрится

Edited April 15, 2013 by volkod

[Dallas]

volkod, спасибо добрый человек. Да форму поиска и форму логина менять буду.

Edited April 15, 2013 by Dallas

[volkod]

не за что если что обращайся помогу чем смогу

[Dallas]

volkod, Сделал картинкам прозрачный фон а углы всё равно тёмные... Опять видимо наложились друг на друга 3 раза=)) Хз что делать какая то вёрстка ипанутая.

Лан, хрен с этим фоном... Чёрный тоже покатит, а то столько мудоханья не из за чего. Всё равно спасибо =))

Edited April 15, 2013 by Dallas

[volkod]

сделай по второму моему варианту по виду почти не отличится но зато будет смотреться норм

[Dallas]

сделай по второму моему варианту по виду почти не отличится но зато будет смотреться норм

Да смотрится нормально но я хочу разделительную линию =)))) чтоб она тоже норм смотрелась =)) Лан буду думать^^

[Костя654]

.

Edited April 15, 2013 by Костя654